はじめに: 非開発者でもアプリが作れる時代

このセクションで学べること

このセクション（Chef's Specials）では、PM的能力がある非開発者が、Cursor + Claudeを使って本格的なアプリ開発に挑戦する方法を学びます。

作る道具（Cursor + Claude）が同じなら、違いを生むのは「誰のどんな課題を解決し、誰に届けるか」を見定める力。それはまさにPM的な能力です。

非開発者が開発競争に参加できる時代になった

これまでの常識

アプリ開発 = プログラミング言語を何年も学ぶ必要がある
  ↓
開発者にならないと作れない
  ↓
一般の人はアイデアがあっても実現できない

今の時代（2025年）

アプリ開発 = AIに指示を出す能力
  ↓
PM的能力があれば作れる
  ↓
「何を作るか」「どう動くべきか」を説明できれば実現可能

重要なのは: - プログラミング言語の文法を覚えることではない - 「何を作りたいか」を明確に伝える能力 - AIの出力を評価・修正する能力

→ これはPM（プロダクトマネージャー）的能力

PM的能力とは何か

必要なスキル

要件定義能力 - 「ユーザーがログインできる機能が欲しい」 - 「エラーが出たら適切なメッセージを表示」 - 「データは暗号化して保存」
仕様の明確化 - 「このボタンを押したら何が起こるべきか」 - 「このケースではどう動くべきか」 - 「エッジケースの処理はどうするか」
品質評価能力 - 「このコードは意図通り動いているか」 - 「セキュリティ的に問題ないか」 - 「パフォーマンスは許容範囲か」
問題解決能力 - 「エラーが出た、何が原因か」 - 「期待と違う動き、どこを修正すべきか」 - 「別のアプローチはないか」

これらは、プログラミングを学ばなくても身につけられる能力です。

なぜCursor + Claudeなのか

Cursor: AI統合エディタ

特徴:
- コードベース全体を理解
- 自然言語で指示を出せる
- リアルタイムでコード生成
- エラーを自動修正

価格: 月3,100円 ($20)

Claude: AI開発パートナー

特徴:
- 長文の理解に強い
- 複雑な要件も正確に実装
- セキュリティ・ベストプラクティスを考慮
- 日本語の品質が高い

価格: 月3,100-3,875円 ($20-25)

なぜこの組み合わせなのか

1. 料金体系がシンプル

他のAIサービスとの比較：

サービス	月額	定額	Webチャット	API	開発での使い方
Claude Pro	3,100-3,875円	✅	✅	✅	Web相談 + Cursor統合
ChatGPT Plus	3,100円	✅	✅	❌	APIは別料金
Gemini Advanced	2,900円	✅	✅	❌	APIは別料金

2. ビジネス戦略の違い

【ChatGPT（OpenAI / Microsoft）】
- 背景: Azure、GitHub、Office等の巨大エコシステム
- 戦略: 自社プラットフォームへの統合
- 結果: 定額サービスとAPIは別契約

【Gemini（Google）】
- 背景: Google Cloud、Android、Chrome等のプラットフォーム
- 戦略: Googleエコシステムへの統合
- 結果: 定額サービスとAPIは別契約

【Claude（Anthropic）】
- 背景: AIモデル開発に特化、大規模プラットフォームなし
- 戦略: シンプルで柔軟な料金体系
- 結果: 定額でWeb + API両方使える

3. 非開発者に最適

✅ 定額だから使いすぎの心配なし
✅ 開発時の相談も、アプリ内のAPI利用も1契約で完結
✅ 家計管理がシンプル
✅ Cursorとの統合が優れている

→ Cursor ($20) + Claude Pro ($20-25) = 月6,200-6,975円で開発環境が揃う

このセクションの位置づけ

対象者

✅ こんな人におすすめ: - アイデアはあるが、プログラミングは学んだことがない - PM的能力（要件定義、仕様の明確化）はある - 本格的なアプリを作りたい - 開発競争に参加したい

❌ 向いていない人: - ちょっとした自分用ツールが欲しいだけ → 06章のレシピ#6-6「チャットだけで自分用のWebアプリを作る」へ - コードを完全に理解したい → 別の学習リソースへ

学べること

このセクションの7つのケーススタディ：

AIチャットアプリ - Claude/Gemini API連携
画像認識カメラアプリ - ML Kit活用
リアルタイムアプリ - WebSocket、同期処理
レスポンシブデザイン - 画面サイズ対応
デスクトップアプリ - Windows/macOS/Linux
Webアプリ - ブラウザで動くアプリ
テキストサイズ変更対応 - アクセシビリティ

共通する技術スタック: - Flutter 3.27+ - StatefulWidget（シンプルな状態管理） - Serviceクラス（API通信） - 複雑な状態管理ライブラリは避ける

06章（コラボレーション）との違い

このCookbookでは、非開発者向けに2つのアプローチを用意しています：

05章（Chef's Specials）: 本格的な開発

対象: PM的能力がある非開発者
ツール: Cursor + Claude
目的: 本格的なアプリ開発、開発競争への参加
スキル: 技術的な指示ができる
学習曲線: やや急（でもプログラミング学習よりは遥かに楽）

06章（コラボレーション/BYOA）のレシピ#6-6: チャットだけでアプリを作る

06章のテーマは他のシェフとの協業（コラボレーション）とBYOA開発ですが、その中のレシピ#6-6「チャットだけで自分用のWebアプリを作る」が、もう1つのアプローチを扱っています：

対象: 普通の非開発者
ツール: Claude Webチャットのみ
目的: ちょっとした自分用アプリ
スキル: 普通に会話できればOK
学習曲線: ほぼフラット

どちらを選ぶべきか:

本格的なアプリ、事業化も視野 → 05章（ここ）
自分用の小さなツール → レシピ#6-6（06章）

Cursor + Claudeの基本的な使い方

Step 1: セットアップ

# 1. Cursorをインストール
https://cursor.sh/ からダウンロード

# 2. Claude Proに登録
https://claude.ai/settings/billing

# 3. FlutterのSDKをインストール
https://docs.flutter.dev/get-started/install

Step 2: 開発の流れ

1. プロジェクトを作成
   flutter create my_app
   cd my_app
   cursor .

2. Cursorで要件を伝える
   「ログイン画面を作ってください」
   「ユーザー情報をローカルに保存してください」

3. 生成されたコードを確認
   動作を確認、必要に応じて修正依頼

4. Claude Webで相談
   「このエラーの原因は？」
   「セキュリティ的に問題ないか？」

5. 反復
   機能追加、バグ修正を繰り返す

Step 3: PM的な指示の出し方

❌ 悪い例:

「アプリを作って」

✅ 良い例:

「以下の仕様でログイン画面を作ってください：

1. メールアドレスとパスワードの入力欄
2. 入力バリデーション:
   - メールアドレス形式のチェック
   - パスワードは8文字以上
3. ログインボタンを押したら:
   - 入力をチェック
   - エラーがあれば適切なメッセージ表示
   - OKなら認証APIを呼び出し
4. ローディング中の表示
5. エラーハンドリング

重要なのは: - 「何を作るか」を明確に - 「どう動くべきか」を具体的に - 「エッジケースの処理」も指示

学習の進め方

推奨順序

01_building_chat_app_with_gemini.md から始める - API連携の基本を学ぶ - 非同期処理の理解
04_responsive_design_basics.md で画面対応を学ぶ - モバイル/タブレット/デスクトップ対応
05_building_desktop_app.md または 06_building_web_app.md - ターゲットプラットフォームに応じて選択
その他のケーススタディ - 必要に応じて参照

各ケーススタディの読み方

完成イメージを確認 - 何を作るのか理解する
Stepを順番に実行 - Cursorに指示を出す - 生成されたコードを確認
動作確認 - 期待通り動くか確認 - エラーがあれば修正依頼
機能拡張 - 自分のアイデアを追加

成功のポイント

1. 完璧を求めない

最初から完璧なアプリは作れない
  ↓
小さく始めて、反復的に改善
  ↓
MVP（Minimum Viable Product）を早く作る

2. AIとの対話を重視

「なぜこのコードが必要か」を聞く
  ↓
理解を深める
  ↓
より良い指示が出せるようになる

3. コミュニティを活用

GitHub等で他の開発者と繋がる
  ↓
知見を共有
  ↓
問題解決が早くなる

4. セキュリティを軽視しない

AIが生成したコードをそのまま使わない
  ↓
「セキュリティ的に問題ないか」を確認
  ↓
本番環境に出す前にレビュー

まとめ

非開発者でも、PM的能力があれば、本格的なアプリ開発に挑戦できる時代になりました。

このセクションでは: - ✅ Cursor + Claudeの組み合わせで開発 - ✅ 7つの実践的なケーススタディ - ✅ 本格的なアプリ開発のスキルを習得 - ✅ 開発競争に参加できるレベルを目指す

重要なのは: - プログラミング言語を覚えることではない - 「何を作るか」を明確に伝える能力 - AIの出力を評価・修正する能力

次のステップ:

まずは 01_building_chat_app_with_gemini.md から始めましょう！

補足: 「ちょっとした自分用アプリ」が欲しいだけの場合

06章（コラボレーション/BYOA）のレシピ#6-6「チャットだけで自分用のWebアプリを作る」を参照してください。 Cursor不要、Claude Webチャットのみで完結します。