UX入門者が集まろう！ 1時間で終わるUXポートフォリオ講義

プロダクトデザイナーを目指している方、UX職への就職・転職を準備している方なら必見の講義！問題解決力のあるポートフォリオを作るために、プロジェクトの選別からスライドの企画・デザインまで、実体験に基づいてお教えします。

UXUIデザイン基礎理論 + 実習 UXUIデザイン分野の就職戦略

Figmaデザイン＋AI活用コーディング＋デプロイまで、フルスタックコース!! ［Figma＋バイブコーディング（HTML/CSS/Tailwind/React）＋Git＋vercelデプロイ］ 自分のデザインをそのまま!! 1ピクセルの誤差もなく、バイブコーディングで完成！ AI活用で実務の生産性を5倍に高めるフルスタック攻略ガイド！ デザインもコーディングもすべてできるフルスタックデザイナーに、あなたもなれます。 ✅ 自分のデザインの意図まで、1ピクセルの誤差もなく実装 ✅ AIが理解できるデザイン設計 ✅ AIを正確にコントロールするプロンプト作成能力 ✅ AIが勝手に書いたコードも、てきぱき修正できる能力 デザインからコーディング、デプロイまでを1/5に短縮できる、驚きの体験を味わえます。

【2026年最新版】未経験からジュニアコンテンツマーケターに欠かせない実務スキルと就職ノウハウまで、すべてをチェックしましょう！

きれいな画面100個より、動くプロトタイプ1個！Figmaの条件付きロジックで本物のように動作するプロトタイプを作成し、AI時代でも揺るがないデザイン思考力を養いましょう。

問題定義からリサーチの整理、アイディエーション、プロトタイピングまで！AIを実践パートナーとして活用し、完成度の高いUX/UIポートフォリオをスピーディーに作成します。最新のAIツールはもちろん、実務で使い続けられている検証済みのツールまで、プロジェクトに合わせて戦略的に活用できます。

TensorFlow活用の優良事例であるAirbnbデータサイエンスチームの「Amenity Detection」プロジェクトをクローンプロジェクトとして進め、その経験をGitHubブログにまとめてAIポートフォリオを作成できる講座です。

私が直接経験した履歴書発電機を共有します。 0％から60％を超える書類の合格率を上げるために受け取ったフィードバックと修正プロセス、そして私が書いた履歴書の変天使を共有します！現在の履歴書で悩んでいる方にお役に立てたいです🙏🏻

非専攻者でも書類選考で合格できる「開発者履歴書・ポートフォリオ作成法」講義を作ってみました!

✅ マーケター：今すぐコンテンツを作らなければならないのに、デザイナーがいないなら？ ✅ プレマーケター：最近フィグマ（Figma）が主流だというけれど、基礎を身につけたいなら？ ✅ 無料で使えて、最も簡単に始められるデザインツールを探しているなら？ 正解はフィグマです。 フィグマでコンテンツをデザインする方法について、すべてお教えします。 👏🏻

Web企画基礎コースが中大規模プロジェクトでどのように応用され、実務に適用されるかをお知らせするWeb企画応用過程です。 <<このVODは実際のレッスンの録画映像で、雑談などの音が一部含まれていますので、ご購入の際に参考にしてください~!>>

今、AIの力で誰でも簡単にアプリを企画し、UIを描けます！ コーディングを知らなくても、UI経験がなくても大丈夫です。Claude、ChatGPTのようなAIツールがあなたのアイデアを現実のものにします。たった数回の質問だけでターゲット顧客を分析し、アプリの構造を設計し、さらにはUI画面まで自動で生成できます。 この講座では、Figmaを初めて触る方も、基礎から段階的にお伝えします。手描きでなくともHTML to Designプラグインで既存のウェブサイトUIを一括で取り込め、Google Stitchやreaddy.aiのようなAIツールで数秒で完成度の高い画面を作成できます。 起業を夢見る方、プランナーへの転身を考えている方、開発者とコミュニケーションを取りたい方、全ての方にぴったりの講座です。複雑な理論ではなく、すぐに使える実践的なノウハウだけを厳選してお伝えします。これからはアイデアさえあれば誰でもアプリサービスを企画できます！

就任生とジュニア開発者のために準備した [バックエンド、履歴強化]講義です。

デザインは難しく、Figmaは複雑そうだと思っていませんでしたか？ 今は非デザイナーでも直接画面を作れる時代！ 図形・テキスト・マスクなどの基本機能から、 背景削除、AI画像生成、UI自動制作まで、 FigmaのAI機能を実務の流れの中で自然に活用する方法を学びます。 詳細ページの制作からショッピングモールのUI画面構成まで、 デザイナーの助けを借りずに成果物を完成させることができる 実践的なFigma活用法を体験してみてください。 Point 1. Figmaの核心機能さえ身につければ、自分で画面を作れる - フレーム・図形・テキスト・マスクなど、必須の描画機能のみを実習中心に学習 - 詳細ページの全セクションを最初から最後まで直接制作し、成果物の完成を経験 Point 2. Figma AIを活用して作業スピードを大幅に短縮 - 背景削除、画像生成、レイヤー整理などのAI機能を実務の流れの中で自然に活用 - 単なる機能紹介ではなく、実際のデザイン作業につながる活用法を中心に構成 Point 3. ショッピングモールUIまで作る実務型デザイン感覚を身につけよう - オートレイアウト・コンポーネント・Make Designs機能でUI画面セットを制作 - 非デザイナーでも一人で画面を設計し、完成させることができる実践感覚を学習

MDを目指しているものの、商品企画ポートフォリオをどこから始めればよいか迷っていませんか？ 架空の商品「ハルチップ 焼きりんごチップ 30g」を例に、顧客分析から商品コンセプト、仕入れ、価格・損益、発注・在庫、発売、成果報告まで、順を追って学びます。 全10回の講座に沿って、自分だけの商品企画ポートフォリオ12ページと、面接で活用できる60秒プレゼンを完成させてみましょう。

FigmaのオートレイアウトとVariablesを活用し、1つのデザインをさまざまなSNSプラットフォームに合わせて素早く変形する方法を学びます。繰り返しの修正がしやすいコンテンツ制作システムを構築し、Instagramカルーセル・Facebook投稿・Instagramストーリー用の3種類のテンプレートを自分で完成させます。

草案はAIが、判断と仕上げは私が。ジュニアプランナーが初日から使う業務スキル・用語を身につけ、Claudeとともに自習カフェ予約サービスの企画書・メニュー構成・画面設計・機能定義一式を自ら作成します。

私たちの「実際の現場方式」であり、会社に入社する企画担当者と開発者向けの「オンボーディング用動画」を公開します。デザイナーなしでサービス画面をデザインした後、Figmaが分からなくても画面のUXフローを作成し、プロトタイプする方法を紹介します。私たちの会社では、サービス企画の際に素早くプロトタイプを作成し、迅速な意思決定と必要な機能のFixを行い、フロントエンド開発に活用できるようにすることで、生産性を最大限に高めて仕事をしています。反響が良ければ、「現場方式」の他の講義も公開します。

HTML、CSS、JavaScript(jQuery)の基礎知識はありますか？ しかし、Webサイト全体をどのように作ればよいのか分からない方もいるでしょう。そんな方は、デザインを参考にしながらショッピングモールのメインページの実装に挑戦してみてください。完成したデザインを参考に、企画意図やデザインの詳細を把握し、Webサイトを実装するノウハウをお伝えします。