数分でアプリを作成!革新的なAIツール「bolt.new」を使ってみた

目次

bolt.newとは

Bolt」(bolt.new) は、フルスタックのWebアプリケーション開発を簡素化するために設計された、最先端のAI駆動ツールです。
従来のコーディング環境とは異なり、Boltではユーザーが対話形式で指示を出すだけで、ブラウザ上でアプリの作成、デプロイ、管理ができます。

bolt.newの主な特徴と機能

bolt.newの主な特徴と機能は次のようになります。

ブラウザ内でのフルスタック開発

Bolt.newはStackBlitzのWebContainersを統合したことで、ブラウザ上で以下の作業が可能です

  • npmツールやライブラリのインストールと実行(Vite, Next.js など)
  • Node.jsサーバーの実行
  • サードパーティAPIとの連携
  • チャットからプロダクションにデプロイ
  • 作業のURL共有

環境を完全に制御できるAI

従来の開発環境とは異なり、Bolt.newではAIモデルがファイルシステム、Nodeサーバー、パッケージマネージャー、ターミナル、ブラウザコンソールなど、全ての環境を完全に制御できます。
これにより、AIエージェントがアプリケーションのライフサイクル全体を管理することが可能になります。

bolt.newの料金

Boltは目的や用途に合わせて以下の4つの料金プランが用意されています。

Personalプラン

個人がBoltを始めるためのプラン
料金: 無料
主な機能:

  • Boltへの限定アクセス
  • Sonnet 3.5の200Kコンテキストウィンドウで稼働
  • StackBlitz Personalの全機能が利用可能

Proプラン

生産性を向上させたい個人向け
料金: 月額9ドル
主な機能:

  • 月に最大1,000万トークンの利用
  • 外部APIへのアクセス
  • StackBlitz Proの全機能が利用可能

Teamsプラン

高速で作業を進めたいチーム向け
料金:

  • 年払いの場合: 月額29ドル(メンバーごと)
  • 月払いの場合: 月額35ドル(メンバーごと)

主な機能:

  • 月に最大1,000万トークンの利用
  • メールサポート
  • StackBlitz Teamsの全機能が利用可能

Enterprise & Self-hostedプラン

大規模なビジネス向けのプラン
料金: 要問い合わせ
主な機能:

  • プライベートnpmパッケージの利用
  • カスタムSSO(シングルサインオン)統合
  • オンプレミスやVPCインストールなどのセルフホスティングオプション
  • 独自のAnthropic APIエンドポイントの利用
  • 専任のソリューションエンジニア
  • Slack、Zoom、メールでのサポート

最新の料金設定はこちらから

あわせて読みたい
StackBlitz | Pricing | Instant Dev Environments | Click. Code. Done. StackBlitz is the collaborative browser-based IDE for web developers. StackBlitz eliminates time-consuming local configuration and lets developers spend more ti...

bolt.newの使い方

最初に次のURLにアクセスします。

bolt.new
bolt.new Prompt, run, edit & deploy web apps

右のメニューの「Get Started」をクリックしてください。

サインイン方法は次のようにいくつか選ぶことができます。

GitHubアカウントかEメールでログインすることができます。

最初にシンプルなタスク管理アプリを生成してみました。

プロンプト:

シンプルなタスク管理アプリを作成してください

自動で開発サーバーの立ち上げまで行ってくれました。

またプロンプトでアプリに機能の追加や修正を行うこともできます。

プロンプト:

作業者名の入力欄を追加してください

作業者名の入力欄が追加されましたね。
また、実際にアプリに入力することもできました。

さらに、特定のフレームワークを指定してアプリやWebサイトを生成することができます。

プロンプト:

AstroでECサイトを作成してください

指定したフレームワーク(Astro)でECサイトを生成してくれました。

また生成したプロジェクトはオンラインのコードエディタのStackBlitzで編集したり、Deployすることもできます。

おわりに

今回はbolt.newについて解説しました。
bolt.newを利用することで、対話形式での指示だけでアプリの作成からデプロイ、管理までをブラウザ上で完結させることができます。
似たようなAIアプリとして、v0 by Vercelも解説しましたが、この分野での生成AI活用はどんどん進んでますね。

v0 by Vercelの記事はこちら

あわせて読みたい
【ビジュアル革命】チャットからUIデザインを作成できるv0 by Vercelとは? v0 by Vercelとは? v0 by Vercelは、開発者がユーザーインターフェース(UI)を効率的に作成するのを支援するために設計された生成AIサービスです。シンプルなテキスト...
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

AI・DX・LowCodeなど企業に役立つ情報を発信しています。

目次