AI を使ってアプリを作る手順

段階 1：作るものを 1 段落で書く

ツールを開く前に、誰が何をするアプリなのかを 1 段落で書いてください。「タスク管理」ではなく「1 人で使う。タスクに期限とタグを付け、今日やる分だけ 1 画面に出す」まで書きます。この段落があると、以降どのツールを使っても指示がぶれません。逆にこれが無いままプロンプトを書き始めると、出力のたびに要件が動きます。

段階 2：ビルダー型で骨格を出す

ビルダー型は空の状態から画面遷移とデータの形を一気に出すのが得意です。ただしクレジット制であることを前提に動いてください。Lovable の無料プランは 1 日 5 ビルドクレジット（月最大 30）と月 20 クラウドクレジットで、公式ページによる消費目安は単純なタスクが 0.50、中程度が 0.90〜1.20、複雑なものが 1.70 クレジットです。つまり 1 日で試せるのは実質数回で、「気に入るまで作り直す」使い方はできません。

段階 3：エージェント型に切り替えて仕上げる

リポジトリに落としたら、Claude Code や OpenCode のようなターミナル型エージェントに切り替えます。ここで効くのがプロジェクト直下の `CLAUDE.md` です。ビルドコマンド、テストコマンド、命名規則を書いておくと、毎回同じ説明をしなくて済みます。公式は 1 ファイル 200 行未満を目安としており、これはコンテキスト消費と遵守率の両面からの推奨です。

1. 入力検証とエラー処理を足す。「想定外の入力が来たときの挙動を全ハンドラで統一して」のように、対象を明示して頼みます。
2. テストを書かせる。まず失敗するテストを書かせ、それから通す順にすると、実際に検証しているかが分かります。
3. 認証と権限を確認する。生成物で最も抜けやすいのがここです。
4. 差分を必ず読む。読まないまま重ねた変更は、後で切り分けられなくなります。

段階 4：公開する

公開前に確認することは 3 つだけです。秘密情報がリポジトリに入っていないか、本番用の設定が開発用と分かれているか、そして最低限のログが出ているか。エージェントは頼めばこれらをチェックしますが、頼まなければ見ません。「セキュリティを確認して」ではなく「.env や API キーがコミットされていないか、git 履歴も含めて確認して」と具体的に指示してください。

どのツールで始めるか

無料で通しで試したい場合、段階 2 は Lovable の無料枠、段階 3 は Gemini CLI（Google アカウント認証で毎分 60・1 日 1,000 リクエスト）または OpenCode（ソフトは無料、モデル代のみ）で足ります。すでに Claude のサブスクがあるなら段階 3 は Claude Code が追加費用なしで使えます（Pro・Max・Team に含まれる）。