初心者がAIでWebアプリを作るなら
環境構築の前に、ブラウザ上のビルダーで画面と動くプロトタイプまで進む選び方です。
更新の基準日は各ツールの確認日です。この並びはスコア順ではありません。
結論
- 1 無料枠 / 約¥3,750〜 実測 UI ○ 実測 入 ○ 実測 出 ○ 82.7
- 2 無料枠 / 約¥3,750〜 実測 UI × 実測 入 ○ 実測 出 ○ 82.7
- 3 無料枠 / 約¥4,500〜 UI — 入 — 出 — 77.3
- 4 約¥3,000〜 UI — 入 — 出 — 81.3
選び方
| 順 | ツール | 理由 | 料金 |
|---|---|---|---|
| 1 | Lovable | 無料枠があり、会話で画面を足していけます。Proの入口は月$25です。 | 無料枠 / 約¥3,750〜 |
| 2 | Bolt | ブラウザの中でアプリを動かせます。Freeのトークン上限とPro月$25が料金ページにあります。 | 無料枠 / 約¥3,750〜 |
| 3 | v0 | 画面の部品を先に固めたいときに向きます。Freeは1日7メッセージ、Plusは月$30です。 | 無料枠 / 約¥4,500〜 |
| 4 | Replit | エージェントと公開が同じ場所にあります。Coreの月払いは$20です。 | 約¥3,000〜 |
最初の一本は、ローカルに言語を入れなくても進むビルダーで十分です。画面ができてから、生成されたコードを自分のエディタへ持っていくと、次に何を学ぶかが具体的になります。
日本語のUIや、日本語の指示がどこまで通るかは、この4つとも未確認です。うまく伝わらない指示は、短い文に分けて書き直してください。料金は確認日の公式表示で、円建ては未確認です。無料枠はすぐ尽きることがあるので、公開したいドメインやデータベースが有料プランの条件になっていないかも見てください。