AIにフルスタックアプリの生成を指示、Webブラウザ上のNode.js環境でそのまま実行できる「bolt.new」、StackBlitzが公開

今回は「AIにフルスタックアプリの生成を指示、Webブラウザ上のNode.js環境でそのまま実行できる「bolt.new」、StackBlitzが公開」についてご紹介します。

関連ワード (無料、発生、選択等) についても参考にしながら、ぜひ本記事について議論していってくださいね。

本記事は、Publickey様で掲載されている内容を参考にしておりますので、より詳しく内容を知りたい方は、ページ下の元記事リンクより参照ください。


WebAssemblyを用いてWebブラウザ上でNode.js環境を実現する「WebContainer」などを提供するStackBlitzは、Webブラウザ上でAIにフルスタックアプリの生成を指示し、そのままWebブラウザ上のNode.js環境で実行やデバッグなどを行える新サービス「bolt.new」を公開しました。

bolt.new

StackBlitz CEOのEric Simons氏がViteConf 2024の基調講演で発表しました。

StackBlitz CEOのEric Simons氏

bolt.newはGitHubでサインオンすることにより誰でも無料で試すことができます。

bolt.newの大きな特徴は3つあります。

1つ目は、AIがフルスタックアプリケーションの生成を、必要なパッケージやライブラリの導入からコードの生成、ビルドまで含めて最初から最後まで実行してくれる点。

2つ目は、AIが生成したフルスタックアプリケーションはそのままWebブラウザ上に構築されているNode.js環境へデプロイ、実行されるため、フルスタックアプリケーションの開発、実行、デバッグがWebブラウザだけで完結する点。

3つ目は、実行環境とAIのプロンプト領域が連係しており、エラーメッセージがコンソールではなくAIのプロンプト領域に直接通知されることで、コンソールなどからコピーすることなく、速やかにエラーメッセージへの対応をAIに指示できる点です。

生成AIがフルスタックアプリを自動生成

下記は実際にbolt.newを試したところです。

AIにプロンプトで、ToDoアプリをReactとTailwindを使って開発せよ(「build a todo in react using tailwind」)と入力すると、AIによってファイルが次々に生成されます。

bolt.newを試したところ

最後にAIが「npm install && npm run」を実行し、プレビューが表示されます。

AIが「npm install && npm run」を実行

下記はデモ動画から。プロンプトでデプロイせよ「Deploy some where」と指示したところ。

すると、AIが自動的にNetlifyを選択してデプロイを実行してくれます(赤線はPublickeyによる)。人間がNetlifyへログインすることも不要で、デプロイが完了してアプリケーションが実行されるまで、すべてをAIが自動的にやってくれます。

AIが自動的にNetlifyを選択してデプロイ

また、下記はAIがアプリケーションを開発している途中でエラーが発生した場合。AIがエラーメッセージを取得してプロンプト領域に表示します。

AIと実行環境が連係していることで、このように実行時やビルド時のエラーを人間がコピーしてAIに入力するなどの作業をすることなく、AIがエラーを受け取れるようになっているわけです。

その上で、人間が修正せよ(「Fix errors」)と指示すれば、AIがエラーメッセージを参照して解決してくれます。

AIがエラーメッセージを取得してプロンプト領域に表示

このようにbolt.newは生成AIによるアプリケーション開発機能と、Webブラウザ上に構築されたNode.js環境との組み合わせにより、これまでのコードエディタ上で生成AIを用いたコード生成などとは異なる開発者体験を得ることができるサービスとなっています。

StackBlitz CEOのEric Simons氏は、bolt.newのコア部分をオープンソース化することも発表しました。

AIの進化とWebAssemblyの進化が開発環境を変える

このbold.newはStackBlitzが開発したWebブラウザ上のNode.js環境であるWebContainerを実行環境として用いています。

WebContainerはWebAssemblyを用いてWebブラウザ上にNode.js環境を実現していますが、今後WebAssemblyの進化によって、これまでDockerコンテナなどが実現してきたような汎用のアプリケーション実行環境やパッケージング環境がWebブラウザも含めたWebAssemblyランタイム上で実現されることが期待されます。

参考:WebAssemblyをコンテナイメージとし、コンテナレジストリなどで配布可能にする「Wasm OCI Artifact layout」仕様が登場

またローカルマシンにおける生成AIの能力も今後さらに発展していくことでしょう。

この両者の進化が組み合わされることで、今後のローカルマシン上でのAIを用いたアプリケーション開発環境は大きな進化を迎えることになるのではないでしょうか。

COMMENTS


Recommended

TITLE
CATEGORY
DATE
画面録画で情報共有、職場の生産性を高めるコラボプラットフォームCloudAppが約10億円調達
IT関連
2022-01-27 12:37
NVIDIA、ローカルで動く基盤モデルでPCデスクトップ上に表情のあるキャラクターを表示。アプリの使い方や文章の要約などをしてくれる「Project R2X」発表
NVIDIA
2025-01-09 07:21
リクルート、規約管理支援サービス「termhub」を提供開始–弁護士ドットコムと共同開発
IT関連
2022-10-28 23:19
日本はデジタル化を「IT化/情報化」と混同–ガートナーが指摘
IT関連
2022-03-17 06:14
NECとICRC、覚書を締結– AIを用いて地雷源を予測
IT関連
2021-06-21 00:53
GitHubのAIプログラミング支援機能「Copilot」、著作権や倫理の問題は?
IT関連
2022-07-22 11:10
生成AI活用はCIOの今後1~2年の最優先課題–ガートナー
IT関連
2023-11-15 13:55
マイクロソフト、「Bingチャット」を「Copilot」にリブランド
IT関連
2023-11-17 11:22
マッチングアプリのBumbleが株式公開を申請
ネットサービス
2021-01-18 12:19
三十三銀行、組織全体の営業力強化に向けて「Sansan」を全行導入
IT関連
2024-08-28 22:08
日立ソリューションズ、SBOM管理をクラウドサービスで提供–必須化の動き受け
IT関連
2023-12-14 06:26
拡大続くベトナムIT産業、スタートアップ支援とAI活用に注力
IT関連
2024-10-24 14:06
滋賀県、全県立高と中学校での採点業務をデジタル化–教員の負担軽減へ
IT関連
2023-03-10 13:05
Terraformをフォークした「OpenTofu 1.6」、早くも正式版が登場
DevOps
2024-01-12 15:02