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

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

小学生でもわかる bolt.new 作りたいものを言葉で伝えて、試作品を見ながら近づける

bolt.new は、StackBlitz が開発する、Webサイト・アプリ制作サービス。作りたいものを普段の言葉で伝えると、コードと試作品を作り、制作中の画面も見られる環境を用意します。通常のWeb制作を始めるために、自分のパソコンへ開発用の道具を一式入れる必要はありません。ただ、きれいな画面が出たことと、保存・ログイン・決済まで正しく動くことは別。架空の勉強会を題材に、案内ページ・頼み方・スマホ表示・計算・保存・公開・復帰・料金の順に、1話ずつ確かめていきます。

Money

お金のひとこと

無料あり

無料のFreeプランがある(0ドル)。月100万トークンと1日30万トークンで、アップロード上限は10MB、公開サイトにはBoltの表示が付く。内蔵のBolt Databaseは全プランで利用できるが、作れる個数と、保存容量・通信量などの利用枠は別。

  • 2026-10-03 時点の料金ページで確認
  • 無料か有料かを、3項目で分けて記録
小学生でもわかるbolt.newのイメージ

Map

bolt.newでできること

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

bolt.newでできることマップ
  • 01読むためのページ(活動紹介・勉強会の案内)
  • 02入力で動く道具(人数から費用を計算する)
  • 03記録を残すアプリ(Bolt Database・ログイン)
  • 04スマホ向けのアプリ(Expo)
  • 05外部の機能を使うアプリ(決済・メール・API)
  • 06公開して使ってもらうサイト(bolt.host・独自ドメイン)

Episodes

エピソード一覧

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

  1. 01

    第1話 NEW

    bolt.newって何?Webサイト・アプリでできることと限界

    たとえば、小さな勉強会を開く場面。日時、持ち物、参加方法を見られるページが欲しい。人数を入れると、費用が分かる道具もあると便利。いずれは、申し込んだ人の記録も残したい。文章の案ならAIに相談できます。でも、ボタンが動く画面にするには何が必要なのか。保存する場所はどうするのか。

    • お金はかからない(依頼カードは紙やメモ帳で作れて、アカウントも要らない。bolt.new の Free は0ドルで、月100万トークンと1日30万トークン)
    • bolt.new
    • Webアプリ
    • 試作

これから開く部屋

  1. 02bolt.newで最初の案内ページを作る!依頼から試作の確認まで
  2. 03bolt.newへの頼み方と修正!変える所と残す所を伝える
  3. 04bolt.newの見た目とスマホ表示!読みやすい案内ページに整える
  4. 05bolt.newで費用計算!人数を変えて答えを確かめる
  5. 06bolt.newで申込みを保存!ログインと閲覧範囲の確かめ方
  6. 07bolt.new公開ガイド!URL・公開範囲・更新を確かめる
  7. 08bolt.new不具合と復帰ガイド!直す・戻す・保管を分ける
  8. 09bolt.new料金と運用ガイド!制作枠と公開費用を分けて考える