小学生でもわかる AI図鑑
速報
  1. ホーム
  2. 小学生でもわかるbolt.new
  3. 第2話

bolt.new 第2話

【小学生でもわかる】bolt.newで最初の案内ページを作る!依頼から試作の確認まで

作りたい内容は決まった。でも、最初の入力欄に何を書けばよいか迷っている人へ。今回は、架空の勉強会の案内を1ページにする依頼と、受け取った試作を確かめる順番を用意します。きれいな画面を眺めるだけでなく、日時、未確定の情報、ボタンの役割まで、元の材料へ戻って確認する回です。

  • お金はかからない(保存・公開を付けない案内1ページの範囲。公式は無料開始にクレジットカード不要と案内。制作では依頼を送っていない)
Xで記事を読む シェア
最初の案内ページのカバー

どんな話?

架空の「はじめてのWebアプリ勉強会」の案内を1ページにする依頼文と、受け取った試作を確かめる順番をまとめた回です。作る範囲は案内とページ内移動のボタンまでで、データ保存、ログイン、申込受付、決済、公開は付けません。Previewでは、題名と数字、ボタンの移動先、未確定の表示、狭い幅の4か所を元の材料へ照合します。制作ではBoltへ依頼を送信しておらず、生成・保存・復帰は実測していません。

この記事でわかること

  • 材料は6項目。誰向けか、何の案内か、日時、定員と持ち物、まだ決まっていないこと、読む場所。日時は「来週の土曜」でなく、年月日と曜日、時間帯までそろえる
  • 依頼に含めない範囲は、データ保存、ログイン、申込受付、決済、公開。「参加方法を見る」ボタンは、同じページの参加方法の説明へ移動するだけ
  • 公式のQuickStartでは、トップの入力欄へ依頼を書き、Build nowから制作を始める。公式は無料開始にクレジットカード不要と案内。Standardは全プラン、Maxは有料の条件
  • Previewでは4か所を照合する。題名と数字(10月24日(土)、14〜16時、20人、ノートPC)、ボタンの移動先、未確定の表示、狭い幅でも探せるか
  • 直すときは、現在の値と正しい値を渡し、変えない条件も書く。修正後は、直った所に加えて残す内容も見る
  • 一覧から同じプロジェクトを開き直し、変更が残るかを確かめる。Version historyでは、先にその版のPreviewを見てからRestore this version、続いてRestore version

やることチェックリスト

0/6

記事を読みながら、できたものにチェックを付けていけます。チェックはこの端末に残ります。

くわしい手順と画面の図は、Xの記事にあります。

こんな人に

  • 作りたい内容は決まったのに、最初の入力欄に何を書けばよいか迷っている人
  • AIが作った試作を、きれいな画面を眺めるだけで済ませずに確かめたい人
  • 保存やログインを付けず、まず案内1ページを小さく作りたい人

この話のTIPS

  • 注意同じ「直して」を繰り返しても、解決が保証されるわけではありません。利用量だけが増えることもあるので、エラーの表示と、最後に行った変更を渡す。
  • コツAIへは「時間が違います」だけでなく、現在の値と正しい値を渡すと修正の対象が見えます。
すべてのTIPS