# AIコーディングツールのBolt.newの使い方について解説！
> 当サイト【スタビジ】の本記事では、AIコーディングツール「Bolt.new」の概要と使い方を徹底解説していきます！Bolt.newを使いこなして、コーディングの効率を格段にアップさせましょう！
- URL: https://toukei-lab.com/bolt_new
- 公開: 2025.08.03 / 更新: 2026.01.03
- サイト: スタビジ（https://toukei-lab.com）
:::talk{who="umatan"}
当サイト【スタビジ】の本記事では、AIコーディングツール「Bolt.new」の概要と使い方を徹底解説していきます！Bolt.newを使いこなして、コーディングの効率を格段にアップさせましょう！
:::
こんにちは！スタビジ編集部です！
近年、AI技術の進歩によって、プログラミングの世界にも大きな変化が起きています。
今まではインターネットや本で学んで自分で一からコードを書いていくのが一般的でした。
それが、今ではやりたいことを、チャットで入力すると生成AIがコーディングをしてくれる時代になっています。
中でも今話題なのが、AIコーディングツール「**[Bolt.new](https://bolt.new/)**」です！
:::talk{who="man" side="left"}
Bolt.newって何？
:::
:::talk{who="woman"}
Bolt.newを使ったコーディング方法をマスターしたい！
:::
本記事では、「**[Bolt.new](https://bolt.new/)**」の概要から基本的な使い方、注意点まで、実際の画面イメージを交えながら徹底的に解説します。
:::talk{who="umatan"}
AIの力を活用して、プログラムでやりたいことを効率的に実現していこう！
:::
:::point
**・Bolt.newとは？**\
**・Bolt.newの使い方**\
**・Bolt.newを使うときの注意点**
:::
ちなみに、Bolt.newの使い方やプロダクトを作った後のマーケティングについてガッツリ学びたい方は以下のUdemy講座で解説していますのでチェックしてみてください！
:::box
[【AI×爆速開発】Bolt newを使ったバイブコーディングでゼロからWebアプリを1時間で作る方法&集客方法を学ぼう！](https://www.udemy.com/course/ai-bolt-new/?referralCode=120B1E6EA4125E55913E)
[](https://www.udemy.com/course/ai-bolt-new/?referralCode=120B1E6EA4125E55913E)
Boltを使って一瞬でプロダクトを作りたいならこのコース！
今なら購入時に「NZWCLGF4BTZENY6E」という講師クーポンコードを入れると90%オフ以上の割引価格になりますのでぜひご受講ください！
::button[このコースを見てみる]{href="https://www.udemy.com/course/ai-bolt-new/?referralCode=120B1E6EA4125E55913E" note="＼30日以内なら返金無料／"}
:::
以下のYouTube動画でも解説していますので、あわせてチェックしてみてください！
::youtube{#44mS86J0_BE}
## Bolt.newとは？
まずは「**Bolt.new**」の概要について見ていきましょう。
「**[Bolt.new](https://bolt.new/)**」とは自然言語で入力された指示やリクエストから高品質なコードに変換してくれる”AI駆動型コーディングツール”です。
プログラミング言語の知識がなくてもやりたいことを文章で伝えるだけで、自動的にコードを生成してくれます。
:::talk{who="umatan"}
Bolt.newを使えば、専門的な知識がなくても簡単に目的を達成するコードを得られる！
:::
### Bolt.newの特徴
「**Bolt.newの特徴**」は以下の通りです。
- **多言語サポート**：Python、JavaScript、Ruby、Java、C++など、幅広いプログラミング言語をサポート
- **直感的な操作性**：シンプルで使いやすいインターフェースにより、初心者でも容易に操作可能
- **迅速なコード生成**：短期間で精度の高いコードが生成されるため、開発時間を大幅に短縮可能
- **エラー自動修正**：生成したコードにエラーや問題がある場合でも、Bolt.newが自動で修正案や改善策を提案
- **詳細なコード解説機能**：初心者が生成されたコードを理解しやすいように、詳細な解説も提供
- **外部サービスの連携**：様々な外部サービスと連携してより本格的な開発が可能
AIコーディングに必要な機能がすべて備わっています。
その中でも”分かりやすい操作画面”と”詳細なコード解説機能”がBolt.newの大きな特徴で、初心者でも簡単に利用できます。
実際にやりたいことをチャットに書いてみると、1分程度でプログラムファイルと各プログラムファイルの解説を生成してくれます。
また外部サービスとの連携では主に下記サービスと連携が出来ます。
- **Supabase（データベース連携）**：認証やデータ同期などを簡単にBolt.newのアプリに組みこみ可能
- **Netlify（ホスティング）**：作ったWebアプリを自身のNetlifyアカウントにワンクリックでデプロイ可能
- **Figma（デザイン連携）**：Figmaで作ったデザインをインポートし、そのままコード化してプロトタイプを生成可能
:::talk{who="umatan"}
チャットでやりたいことを入力するだけで、プログラムファイルだけでなくREADMEまで生成してくれるので、とても親切！
:::
### 他のAIコーディングツールとの違い
AIコーディングツールは他にも「**[Github Copilot](https://github.com/features/copilot)**」や「[**Claude**](https://claude.ai/login)」など様々あります。
そんな他のAIコーディングツールと比較して、Bolt.newは以下が特長になります。
- **精度と品質**：他のツールと比較しても、生成されるコードの精度や、生成後すぐに動作する確率が高い
- **使いやすさ**：直感的なUIデザインと、分かりやすい操作性
- **エラー修正機能の充実**：エラーの検出だけでなく、具体的な修正版のコードまで生成
:::talk{who="umatan"}
Bolt.newは使いやすさとクオリティーの部分が他のAIコーディングツールよりも良い！
:::
その他のAIコーディングツールについては以下の記事をチェックしてみて下さい。
:::ref
・**[Claude CodeでサブエージェントやMCPを駆使する使い方を伝授！](/claude_code)**\
・**[【Cursor2.0登場】Cursorの使い方について徹底解説！](/cursor)**
:::
## Bolt.newの使い方
「**Bolt.newの使い方**」は以下になります。
1. Bolt.newへアクセス
2. コードの生成
3. コードを実行・カスタマイズ
4. アプリケーションの公開
それぞれ見ていきましょう。
### ①Bolt.newへアクセス
Bolt.newの[公式ページ](https://bolt.new/)にアクセスします。
Bolt.newを利用するためにはサインインが必要なので、メールアドレスでユーザーを作成するもしくはGoogleアカウントかGithubアカウントと連携することでサインインできます。
特にGithubアカウントと連携することで、自身のGithubのリポジトリをソースにプログラミングの修正を行うことが出来ます。
:::talk{who="umatan"}
アカウントを作成するだけで、Bolt.newを利用できるようになる！
:::
### ②コードの生成
コードの生成ですがテキスト入力欄に実行したい内容を具体的に入力し、Enterキーか送信ボタンをクリックするだけになります。
今回は「入力した日にちの曜日を割り出すプログラムをPythonで作りたい」と入力してみました。
すると、Bolt.new側でリクエストに応じたプログラムを自動生成してくれます。
実際に生成されたプログラムが下記になります
```python
#!/usr/bin/env python3
# -*- coding: utf-8 -*-
"""
入力した日付の曜日を割り出すプログラム
"""
import datetime
import re
def get_day_of_week(year, month, day):
"""
指定された日付の曜日を取得
Args:
year (int): 年
month (int): 月
day (int): 日
Returns:
str: 曜日名（日本語）
"""
try:
date_obj = datetime.date(year, month, day)
weekday = date_obj.weekday()
# 曜日名（0=月曜日, 6=日曜日）
days = ['月曜日', '火曜日', '水曜日', '木曜日', '金曜日', '土曜日', '日曜日']
return days[weekday]
except ValueError:
return None
def parse_date_input(date_input):
"""
様々な形式の日付入力を解析
Args:
date_input (str): 日付文字列
Returns:
tuple: (year, month, day) または None
"""
# 空白を除去
date_input = date_input.strip()
# 様々な日付形式のパターン
patterns = [
r'(\d{4})/(\d{1,2})/(\d{1,2})', # 2024/1/15
r'(\d{4})-(\d{1,2})-(\d{1,2})', # 2024-1-15
r'(\d{4})年(\d{1,2})月(\d{1,2})日', # 2024年1月15日
r'(\d{4})\.(\d{1,2})\.(\d{1,2})', # 2024.1.15
r'(\d{1,2})/(\d{1,2})/(\d{4})', # 1/15/2024
r'(\d{1,2})-(\d{1,2})-(\d{4})', # 1-15-2024
r'(\d{1,2})\.(\d{1,2})\.(\d{4})', # 1.15.2024
]
for pattern in patterns:
match = re.match(pattern, date_input)
if match:
groups = match.groups()
if len(groups) == 3:
# 年が4桁の場合は最初、そうでなければ最後
if len(groups[0]) == 4:
year, month, day = int(groups[0]), int(groups[1]), int(groups[2])
else:
month, day, year = int(groups[0]), int(groups[1]), int(groups[2])
return year, month, day
return None
def get_user_input():
"""
ユーザーから日付入力を取得
Returns:
str: 入力された日付文字列
"""
print("\n" + "="*50)
print(" 曜日計算プログラム")
print("="*50)
print()
print("日付を入力してください。")
print("対応形式:")
print(" ・2024/1/15")
print(" ・2024-1-15")
print(" ・2024年1月15日")
print(" ・2024.1.15")
print(" ・1/15/2024")
print(" ・1-15-2024")
print()
print("終了するには 'q' を入力してください。")
print()
while True:
user_input = input("日付を入力: ").strip()
if user_input.lower() in ['q', 'quit', '終了', 'exit']:
return None
if user_input:
return user_input
else:
print("日付を入力してください。")
def display_result(date_input, year, month, day, day_of_week):
"""
結果を表示
Args:
date_input (str): 元の入力
year (int): 年
month (int): 月
day (int): 日
day_of_week (str): 曜日名
"""
print("\n" + "-"*30)
print(" 結果")
print("-"*30)
print(f"入力: {date_input}")
print(f"日付: {year}年{month}月{day}日")
print(f"曜日: {day_of_week}")
print("-"*30)
def main():
"""
メインプログラム
"""
print("曜日計算プログラムを開始します。")
while True:
try:
# ユーザー入力を取得
date_input = get_user_input()
if date_input is None:
print("\nプログラムを終了します。")
break
# 日付を解析
parsed_date = parse_date_input(date_input)
if parsed_date is None:
print(f"\nエラー: '{date_input}' は認識できない日付形式です。")
print("対応している形式で入力してください。")
continue
year, month, day = parsed_date
# 曜日を計算
day_of_week = get_day_of_week(year, month, day)
if day_of_week is None:
print(f"\nエラー: {year}年{month}月{day}日は存在しない日付です。")
continue
# 結果を表示
display_result(date_input, year, month, day, day_of_week)
# 続行確認
print("\n別の日付を調べますか？ (Enter=続行, q=終了): ", end="")
choice = input().strip().lower()
if choice in ['q', 'quit', '終了', 'exit']:
print("\nプログラムを終了します。")
break
except KeyboardInterrupt:
print("\n\nプログラムが中断されました。")
break
except Exception as e:
print(f"\n予期しないエラーが発生しました: {e}")
print("プログラムを続行します。")
if __name__ == "__main__":
main()
```
100行を超えるプログラムもすぐに生成してくれるので驚きですね。
また、プログラムファイルだけでなくREADME.mdファイルも作成されており、生成されたプログラムの説明が記載されています。
:::talk{who="umatan"}
チャットに入力するだけだから簡単！プログラムの説明も細かく書いてくれるからわかりやすい！
:::
### ③コードを実行・カスタマイズ
生成されたコードのプログラムファイルは”src”フォルダの中に格納されています。
プログラムファイルはコピーして自身のローカル環境で実行するか、Bolt.newのクラウド環境から直接実行することも可能です。
作成されたプログラムを修正したい場合は、チャットで指示を出すことで、Bolt.new側で修正したプログラムを生成してくれます。
今回は先ほどのPythonプログラムをWebアプリとして実装してもらいます。
こちらも1分程度で修正してくれて、期待通りのものを生成してくれました。
:::talk{who="umatan"}
生成されたプログラムの実行も修正も一つの画面で出来るから開発がしやすい！
:::
### ④アプリケーションの公開
Bolt.newの特徴で「**[Netlify](https://www.netlify.com/)**」と接続することで作成したアプリケーションを外部に公開することが出来ます。
画面上部の”Publish”ボタンから簡単にNetlify上にデプロイできます。
デプロイ時に作成されたURLにアクセスすると、先ほど作成したWebアプリが表示され、期待通り動作しているのを確認できます。
:::talk{who="umatan"}
作成したアプリの公開もボタン一つで簡単に出来る！
:::
## Bolt.newを使うときの注意点
コーディングにとても便利なBolt.newですが利用時には以下の点に注意しましょう。
:::box{title="Bolt.newを使うときの注意点"}
- 生成されたコードのセキュリティ・品質を確認する
- 大量にトークンを消費しないように、利用量に注意する
:::
それぞれ見ていきましょう。
### 生成コードのセキュリティ・品質を確認
プログラムの作成は自動で行ってくれますが、生成されたコードに問題がないか必ず確認しましょう。
生成されたコードの中にはセキュリティ上のリスクや意図しない動作を含む場合があります。
特に外部へ公開する場合は、動けば大丈夫ではなく、セキュリティや品質に問題がないか専門家のレビューを受けることが大切です。
:::talk{who="umatan"}
生成されたコードをそのまま利用しないようにしよう！特にセキュリティに問題がないかは要チェック！
:::
### 大量にトークンを消費しないように利用量の注意する
Bolt.newでは”**トークン消費量**“が課金に関わってきます。
Bolt.newのプランは下記です。（2025年8月現在）
| プラン名 | 月額価格（USD） | 月間トークン量 | 主な特徴 |
| -------- | --------- | ------------------ | ------------------ |
| Free（無料） | \$0 | 1M（100万）（無料枠） | 基本的なAIチャット・テスト利用向け |
| Pro | \$20／月 | 10M（1,000万）トークン | 個人開発や実験的利用に最適 |
| Pro 50 | \$50／月 | 26M（2,600万）トークン | 継続的な副業や週末クリエイター向け |
| Pro 100 | \$100／月 | 55M（5,500万）トークン | 日常的なAI活用に対応する中間プラン |
| Pro 200 | \$200／月 | 120M（1億2,000万）トークン | ヘビーな開発者やプロユーザー向け |
フリープランでは上記に加え1日150k（15万）トークンの制限があります。
実際に利用してみると、簡単なプログラムでも3\~4回のリクエストで、1日当たりの制限（150Kトークン）に到達してしまいます。
本格的にAIコーディング開発をしたい場合は、Proプランをおすすめします。
また、それでもむやみに使うとすぐに月間トークン量の上限に達してしまうので、以下の点に注意すると良いです。
- **指示文（プロンプト）を簡潔にする**：余分なファイルの作成を抑える必要な情報だけを明確に伝える
- **分割してリクエストする**：一度に大きな機能や長いコードを生成しようとするとトークン消費量が増えるため、機能ごとにリクエストする
- **やりとり履歴のリセット・整理**：チャット履歴分、毎回のトークン消費量が増加するため、必要に応じて新しいチャットを始める
:::talk{who="umatan"}
トークン消費量に注意して、無駄な出費にならないようにしよう！
:::
## Bolt.new まとめ
Bolt.newについて見ていきました。
最後にBolt.newの特徴をおさらいしましょう。
- **多言語サポート**：Python、JavaScript、Ruby、Java、C++など、幅広いプログラミング言語をサポート
- **直感的な操作性**：シンプルで使いやすいインターフェースにより、初心者でも容易に操作可能
- **迅速なコード生成**：短期間で精度の高いコードが生成されるため、開発時間を大幅に短縮可能
- **エラー自動修正**：生成したコードにエラーや問題がある場合でも、Bolt.newが自動で修正案や改善策を提案
- **詳細なコード解説機能**：初心者が生成されたコードを理解しやすいように、詳細な解説も提供
- **外部サービスの連携**：様々な外部サービスと連携してより本格的な開発が可能
実際に使ってみた感じ、他のAIコーディングツールと比べてコード生成のスピードとやりたい機能が実装されている精度が高いと思います。
その分、トークン消費量の課金があるので、利用時には注意しましょう！
:::talk{who="umatan"}
Bolt.newを使ってコーディングを効率的に進めて、やりたいことを実現していこう！
:::
ちなみに、冒頭でもお伝えしましたが、Bolt.newの使い方やプロダクトを作った後のマーケティングについてガッツリ学びたい方は以下のUdemy講座で解説していますのでチェックしてみてください！
:::box
[【AI×爆速開発】Bolt newを使ったバイブコーディングでゼロからWebアプリを1時間で作る方法&集客方法を学ぼう！](https://www.udemy.com/course/ai-bolt-new/?referralCode=120B1E6EA4125E55913E)
[](https://www.udemy.com/course/ai-bolt-new/?referralCode=120B1E6EA4125E55913E)
Boltを使って一瞬でプロダクトを作りたいならこのコース！
今なら購入時に「NZWCLGF4BTZENY6E」という講師クーポンコードを入れると90%オフ以上の割引価格になりますのでぜひご受講ください！
::button[このコースを見てみる]{href="https://www.udemy.com/course/ai-bolt-new/?referralCode=120B1E6EA4125E55913E" note="＼30日以内なら返金無料／"}
:::
また実際にAIをプログラムしてみたい方は、以下の記事で解説しているのでチェックしてみて下さい。
:::ref
・**[Pythonを使って文章に対して感情分析をしてくれるAIを作ってみよう！](/sentiment_analysis)**\
・**[LangChain・LangGraphを使ったAIエージェントの作り方を分かりやすく解説！](/ai-agent)**\
・**[自分の声のクローンを音声AIで生成してPythonから呼び出して使う方法！](/voice_ai)**\
・**[【初心者向け】ドル円予想AIをPythonを使って構築してみよう！](/dollar-yen-ai)**
:::