小学生でもわかる AI図鑑
  1. ホーム
  2. アプリ・ページをつくる
  3. 小学生でもわかるv0

連載中アプリ・ページをつくる目で確かめる公式サイト ほかと比べる

小学生でもわかる v0 文章で頼むと、Webアプリができる。

v0(ブイゼロ)は、ブラウザの入力欄に日本語で頼むと、動くWebアプリの画面を出してくれるサービス。作っている会社はVercel(バーセル)で、公開したアプリの置き場でもあります。言葉で注文できる仕立て屋にたとえて、言葉で頼む、画面を直接さわって直す、絵やファイルを渡して作らせる、ネットに公開する、データを保存する、鍵とログインを扱う、アプリの中にAIを入れる、コードを持ち出す、の8つを1話ずつやっていきます。無料は、1回きりの5ドル分のクレジットと、1日7メッセージ。利用規約は16歳以上が対象で、18歳未満は保護者の許可が必要です。まずは1行で頼んで、出てきた画面を自分の目で確かめるところから。

小学生でもわかるv0のイメージ

Map

v0でできること

このシリーズの「見取り図」。1話で1つの部屋を開けていきます。

v0でできることマップ
  • 01言葉で頼む
  • 02画面を直接さわって直す
  • 03絵やファイルを渡して作らせる
  • 04ネットに公開する
  • 05データを保存する
  • 06鍵とログインを扱う
  • 07アプリの中にAIを入れる
  • 08コードを持ち出す

Episodes

エピソード一覧

第1話から順に読むのがおすすめ。途中の話から読んでも、1話で完結します。

  1. 01

    第1話 NEW

    v0始め方ガイド!文章で頼むとWebアプリができる。無料の範囲と気をつけること

    「AIでアプリを作れるらしい」と聞いて試したものの、道具のインストールで止まってしまった人へ。AIにコードを書かせる道具は増えました。ところが、多くは「まずパソコンに入れてください」から始まります。黒い画面に英語のコマンドを打ち、エラーが出て、検索して、また別のエラー。作りたいものを考える前に、1日が終わってしまう。

    • 最初の1回で減ったクレジットは0.04ドル(約6円)。支払い方法を登録していない無料プラン(1回きりの5ドル分のクレジットと、1日7メッセージ)の範囲でできた
    • v0
    • Webアプリ
    • 無料の範囲

これから開く部屋

  1. 02お願いの書き方(くわしい頼み方・小さく足す・戻す)
  2. 03見た目を直す(Design mode・コードの画面)
  3. 04絵から作る(ラフ画像・ファイルを渡す)
  4. 05公開する(Publish・公開範囲・非商用・止め方)
  5. 06データを保存する(消える理由・ブラウザ保存・データベースの入口)
  6. 07ログインと鍵(環境変数・NEXT_PUBLIC_・ログインの設計)
  7. 08AIを入れる(アプリの中のAI・別のお財布・失敗の読み方)
  8. 09コードを持ち出す(コードを見る・ZIP・GitHub)
  9. 10使いすぎない・公開前の総点検