reverse lookup

コードが書けなくてもアプリ/サイトを作りたい

アイデアはある。専門知識なしで形にしたい。

文章で要望を伝えるだけで、画面とコードを同時に作るAIサービスが増えています。ただし「見た目が動く試作品」と「個人情報や決済を安全に扱える公開サービス」は別物です。まずログインも決済もない1画面で目的を確かめ、保存、認証、公開を一つずつ追加します。生成回数だけでなく、ホスティングやAI機能の利用量にも別の上限があるため、公開後の費用と停止条件も先に確認します。ここではLovable、Bolt、v0の向く場面、無料枠で確認できる範囲、公開前に人が確認する安全項目を整理します。

おすすめAI

用途に合わせて、まず試しやすい候補を並べます。

Lovable

Lovable

無料枠あり

指示でWebアプリを生成 / ノーコードで開発 / DB・認証つき

開発・コード日本語の指示OK
無料
あり(1日5クレジット・月約30)
料金
Pro 月$25(約¥3,925) / Business 月$50(約¥7,850)

最終確認日 2026-06-21

StackBlitz

Bolt.new

無料枠あり

指示でWebアプリ生成 / ブラウザで動く / そのまま公開

開発・コード日本語◯
無料
あり(無料トークン)
料金
Pro 月$20(約¥3,140)〜

最終確認日 2026-06-21

無料枠あり

UI/画面をAIで生成 / React+Tailwind出力 / DB連携・エージェント

開発・コード日本語の指示OK
無料
あり(毎月$5分のクレジット)
料金
Premium 月$20(約¥3,140) / Team 月$30(約¥4,710)/人 / Business 月$100(約¥15,700)/人

最終確認日 2026-06-21

next step

この目的の使い方ガイド

AI候補を確認したら、目的に近い手順・注意点を読んで実際の作業へ進めます。

ガイド一覧

10 minute trial

この目的を、10分で小さく試す

候補AI、確認項目、採用・保留の判断までを1枚にまとめます。登録は不要です。

実践プランを開く

進め方

  1. 誰が、どの場面で、何を終えられるアプリかを1文で決める
  2. 最初はログイン・決済・個人情報を使わず、中心となる1画面と1操作だけに絞る
  3. 表示する文章と、正常・空・エラーを確認するためのサンプルデータを3件ほど用意する
  4. Lovable、Bolt、v0のどれか1つへ、対象者・入力・操作・完了条件・見た目を分けて指示する
  5. 生成された画面をスマホとPCで開き、長い日本語、空データ、通信中、エラー時の表示を確かめる
  6. 保存・ログインを追加する前に、公開範囲、権限、環境変数、データの削除方法を確認する
  7. コードや設定をバックアップしてから小さく公開し、公開URLを別端末で最初から操作する

注意点

見た目が動く試作品と、安全に運用できるサービスは別物です。パスワードやAPIキーを指示文へ貼らず、ログイン、個人情報、決済、管理画面を扱う場合は、権限・アクセス制御・ログ・削除・プライバシー表示を人が検証してください。判断できない場合は公開前に開発者やセキュリティ担当へ確認します。

最終確認日 2026-07-28

どれを選べばいい?(使い分け)

同じ目的でも、向き不向きと費用が違います。迷ったらここで選んでください。

Lovable
こんな時に:やりたいことを文章で整理し、画面、データ保存、公開まで含む試作品を短時間で作りたいとき。
費用:無料の個人ワークスペースは1日5 credits。Lovable CloudやAIの利用残高は作成creditsと別管理のため、使用前に残高と上限を確認します。
Bolt.new
こんな時に:ブラウザ上で生成したコードとプレビューを行き来しながら、サイトや小さなアプリを直して公開したいとき。
費用:無料は1日30万・月100万tokensで、Bolt表示とホスティング上限があります。大きな修正はtokensを消費するため、小さく分けて指示します。
v0 (Vercel)
こんな時に:ReactやNext.js向けの画面を先に作り、Vercelへ公開する流れを試したいとき。
費用:無料は月5ドル分のcreditsと1日7messages。データベースや認証を含む本番利用では、生成コードと設定を人が確認します。

よくある失敗と直し方

うまくいかない時は、たいていこのどれかです。

最初から会員登録、決済、通知、管理画面まで全部作らせる
最も重要な1操作だけを作り、動作確認後に機能を1つずつ追加します。
「便利なアプリを作って」のように曖昧に頼む
対象者、入力するもの、押すボタン、完了時の表示、エラー時の表示を分けて書きます。
用意された短いサンプルだけで完成と判断する
空データ、長い日本語、同じ値、通信失敗、スマホ幅でも確認します。
APIキーや社内情報をチャットやコードへ直接貼る
秘密情報は環境変数で管理し、誤って貼った場合は削除だけでなくキーを再発行します。
ログインできたので、他人のデータは見えないと思い込む
一般利用者、別利用者、管理者の各役割でURLとデータへのアクセスを試します。
公開ボタンを押しただけで、バックアップや引っ越し方法を確認しない
コードの保存先、独自ドメイン、データの書き出し、停止時の復元方法を先に確認します。

よくある質問

本当に無料でアプリを作れますか?
各サービスに無料枠はありますが、生成回数、tokens、公開、ホスティング、クラウド利用に上限があります。試作品は無料で始めやすい一方、継続運用の費用は別に確認します。
プログラミング知識がなくても公開できますか?
簡単な紹介サイトや試作品は公開できます。ただしログイン、個人情報、決済、外部APIを使うサービスは、生成結果を理解できる人のレビューが必要です。
Lovable、Bolt、v0はどう選びますか?
要件からアプリ全体を試すならLovable、コードとプレビューを行き来するならBolt、ReactやNext.jsの画面をVercelへつなぐならv0が候補です。無料枠で同じ1画面を作って比べる方法もあります。
生成したアプリをそのまま仕事で使えますか?
社内の試作には使いやすいですが、本番利用前に権限、データ保存、バックアップ、利用規約、プライバシー、障害時の対応を確認してください。
最初の指示文には何を書けばよいですか?
誰が使うか、何を入力するか、何を押すか、成功時に何が出るか、失敗時に何を伝えるかの5点を書きます。色や雰囲気はその後に調整します。
あとから別サービスや開発者へ引き継げますか?
コードをGitHubなどへ保存できるか、データを標準形式で書き出せるか、独自ドメインを移せるかで変わります。使い始める前に書き出しと復元を一度試してください。
広告

manapickで学ぶ

選ぶ=manapick AI/学ぶ=manapick

AIの使い方に近い学び直しロードマップへつなぎます。

manapick family

次に見る場所を迷わせない

この目的に合うAIを確認したあと、学び方、関連資格、仕事の入口まで公式サイトで続けて確認できます。

学ぶ=manapick使うAIを選ぶ=manapick AI取る資格を選ぶ=manapick license仕事を知る=manapick career