アイデアからAIプロダクトへ
特別感謝
清華大学深セン国際大学院の学生の皆様に、本コースのテスト・フィードバック・サポートにご協力いただきましたこと、心より感謝申し上げます！皆様のご意見とご貢献により、このコースはさらに良くなりました。👉 完全な貢献者リストを見る
昔はソフトウェアを作るハードルが非常に高くて、プログラミングもアルゴリズムも理解し、数年のプロジェクト経験も必要でした。 今は違います。アイデアさえあれば、AIがコードを書いてくれます。
これは大きな変化です：プログラミング言語が自然言語になろうとしています。
大規模言語モデル（LLM）の登場により、開発はもはや「技術エリートの専有物」ではなく、誰もが使えるツールになりました。かつて最も難しかったのは「コードの書き方」でしたが、今最も難しいのは「何を作るか」です。
Vibe Codingとは？ 簡単に言うと、「話してプログラミングする」ことです。雰囲気プログラミングとは、直接コードを書くのではなく、AIとだけ対話することでプログラミングプロジェクトを完成させるアプローチを指します。
もちろん、AIにコードを書かせるのは最初の一歩にすぎません。本当に使えるプロダクトを作るには、以下のような問題に直面します：
- AIにクリーンで保守性の高いコードを書かせるにはどうすればよいか？
- 断片的なコードを動くアプリケーションに組み立てるには？
- アプリを実際に公開し、ユーザーに使ってもらうには？
- テキスト生成や画像認識などのAI能力をプロダクトに組み込むには？
これらの問題の答えは、このコースで見つけることができます。
学生、先生、医師、労働者、技術に全く疎い一般の方でも——何年もプログラミングを学ぶ必要はありません。2週間で動くデモンストレーション可能なプロダクトプロトタイプを作ることができます。
| あなたの立場 | このコースでできること |
|---|---|
| 学生 | 課題、コンテスト、起業、自分でプロジェクトを作り、人に頼らない |
| 社会人 | 繰り返し作業を自動化し、効率を上げ、副業を開発する |
| プロダクトマネージャー / デザイナー | アイデアを紙に留めず、素早くデモを作成して上司やクライアントに見せる |
| 起業家 / 中小企業のオーナー | 低コストでアイデアを検証し、数万円の外注費なしでMVPを作成する |
| 先生 / 教育関係者 | 教育ツール、教材、自動出題システムを作成し、教育効率を向上する |
| 医師 / 弁護士 / 専門職 | 専門プロセスを自動化し、自分の効率ツールを作る |
| すべての人 | AIで生活・仕事の具体的な問題を解決し、不可能を可能にする |
AI時代において、実行力とアイデアは常に技術よりも重要です。
成長パス：「AIを使える」から「AIプロダクトを作れる」へ
初心者入門
AIプログラミングを体験
第一段階
プロダクトマネージャー / 運営
第二段階
初中級開発者 / インディー開発者
第三段階
上級開発者 / アーキテクト
この完全な学習パスを通じて、以下を獲得します：
- Vibe Coding開発能力： vibecodingの思考法とAIコーディングツールに熟練し、開発効率を数倍に引き上げます。構文を暗記するのではなく、AIに高品質なコードを生成させる方法を学びます。
- フルスタック開発スキル： UI設計からフロントエンド実装、データベース設計からAPI開発、ローカル開発からクラウドデプロイまで、モダンWebアプリケーションの完全な技術スタックを習得します。
- AI能力統合： 各種マルチモーダルAI APIを呼び出し、テキスト、画像、音声などのAI能力をアプリにシームレスに統合し、RAG等の技術でインテリジェントなプロダクトを構築する方法を学びます。
- プロダクト思考と運営能力： ユーザーリサーチから要件分解、MVP設計からプロダクト反復、決済統合からユーザー管理まで、完全なプロダクト開発・運営ループを形成します。
学習後、何ができるようになる？
第一段階：最初のプロダクトプロトタイプを作る
この段階は、プログラミングの基礎が全くない方、または少しだけ知っているが自信がない方に適しています。まず理論をたくさん学ぶのではなく、実際に手を動かしながらAIツールを使ってコードを書く方法を学びます。
学習後できること：
- AIプログラミングツールで独立してWebアプリケーションを完成させる
- プロダクトアイデアをクリック・操作可能なプロトタイプに変える
- プロトタイプにAI機能（テキストから画像生成、インテリジェント対話など）を追加する
- エラーが発生したときにトラブルシューティング・解決方法を知っている
簡単に言うと、「動いて、他人にデモンストレーションできるもの」を作れるようになります。
まずはミニゲームでAIプログラミングを体験し、その後AIプログラミングツールを使ってコードを書いたりエラーを修正する方法を学びます。次にシンプルなページから始め、徐々に操作可能なマルチページアプリケーションを作り、テキストから画像生成やインテリジェント対話といったAI機能を追加していきます。最後に完全なプロジェクトを独立して完成させ、アイデアを実際に実現する可能性を持てるようになります。
なぜプロジェクト制でトレーニングするのか？
現実世界の課題
理由は実は単純です：今の状態のまま職場に入ると、実際のプロジェクトと上司やクライアントからの「社会の洗礼」で立ち行かなくなる可能性が高いです。現実世界でより一般的なシナリオは：
メンターや上司：「xxxを作ってほしい、目標はyyyの効果を出すこと」
ドキュメント？既存のフレームワーク？詳細な要件仕様書？多くの場合、存在しません。
実際の仕事の多くのタスクは、本質的に不確実性の高い環境で見たことのない問題を解決することです：要件は曖昧で、境界線は変化し、正解を教えてくれる人はいません。自分で資料を調べ、実験し、プロトタイプを組み、反復しながら、最終的に「動いて、使えて、公開できる」ソリューションを提案する必要があります。
このコースが目指しているのは、比較的安全な環境で、事前に一度「社会シミュレーション」を体験してもらうことです：
- 一見難しそうなプロジェクト課題を通じて、問題の分解、設計案の作成、自力での資料探索を練習する
- あまり「お手軽」ではないスキャフォールディングとコードを通じて、中〜大規模なコードベースの読解・理解・改造を学ぶ
- アイデアから公開までの完全ループを通じて、実際のプロダクトをゼロからイチにする全過程を体験する
短期的には、このトレーニングは確かに大変ですが、長期的には、就職やキャリアアップにおける競争力を大幅に高めます：挫折に強くなり、不確実な環境で突破口を見つける力がつき、AIを本当のプロダクトに落とし込む能力も高まります。「デモで遊ぶ」段階にとどまらなくなります。
質問の技法：AI時代に必須のスキル
AI時代において、質問することも「基本スキル」の一つです。同じコード、同じエラーに対して、質問の仕方が、AIがどんな回答を出すかをほぼ決定します：大ざっぱな回答か、段階的に実行可能な修正案か。
良い習慣を身につけましょう：「AIへの質問」を日常の開発フローの一部とし、分からないことや行き詰まった問題があればすぐに質問しましょう。
なぜこれが必須スキルなのか？
- 現実には完全なドキュメントがほとんどない：多くの場合、不明確な要件、半完成品のコード、散在するエラー情報に直面する
- AIはあなたの常にそばにあるメンター兼同僚：質問上手になれば、「高品質なペアプログラミング」に変わる
- 能力の上限はコミュニケーションで決まる：重要な情報を提供し、出力フォーマットを制約するほど、回答はより使いやすくなる
よくある誤解：「なぜエラーが出るの？」とだけ聞いても、推測の羅列しか得られません。コンテキストを補完して初めて、実行可能なソリューションが得られます。
情報をAIに「伝える」方法：スクリーンショット vs コピー＆ペースト
どちらの方法でも構いませんが、用途が異なります：
| 方法 | 適用シナリオ | 重要なポイント |
|---|---|---|
| コピー＆ペースト | エラースタック、ログ、コード、設定、API レスポンス | できるだけ完全に、キーワードの1行だけを切り取らないように |
| スクリーンショット | UI レイアウトの問題、操作の異常、ツール画面でボタンが見つからない | 全画面 + 重点エリアに注釈、できればテキストの説明を一言添える |
⚠️ 重要な前提
すべてのAIが画像入力をサポートしているわけではありません。 スクリーンショットでのコミュニケーションには、AIにマルチモーダル能力（画像を理解・分析できる能力）が必要です。現在画像入力をサポートするAIには、Claude (Anthropic)、GPT-4V/GPT-4o (OpenAI)、Gemini (Google)、および一部の国内大規模モデル（通義千問、文心一言など）が含まれます。
使用しているAIが画像入力をサポートしていない場合、スクリーンショットは認識されませんので、テキストをコピー＆ペーストする方式に切り替えてください。
AIに「上手に説明してもらう」ためのプロンプトのコツ
答えだけではなく、「答えを学びたい」場合は、以下のような指示を使うと、説明の質が大幅に向上します：
学習型質問の例
- 「まず5文でこの概念を説明してから、理解が正しいかを確認するための質問をいくつか出してください。」
- 「このエラーメッセージについて詳しく説明してください。なぜエラーが出るのか理解できません。」
いくら頑張っても解決できない、諦めたい
もしかすると、頑張り方が間違っているのかもしれません。暗闇の中で一人で苦しむのではなく、作者やティーチングアシスタントと話してみましょう：これまでに試した方法、直面している具体的な壁、そして現在の心理状態を正直に打ち明けてください。多くの場合、方向を少し変えたり、重要な知識ポイントを一つ補うだけで、前に進めるようになります。
チュートリアルの設計に不合理なところがある
いつでも著者に連絡し、issueを提出するか、グループや授業で直接フィードバックしてください。このチュートリアルをより良くしていきたいと強く願っています：どこが不明確か、どこが使いにくいか、どこで無駄な努力をしたか、率直に指摘してください。リアルで具体的なフィードバックほど、後の学習者の役立ちます。