bolt.new aiでアプリを作る

bolt.newを使うとプロンプト、つまり自然言語でアプリを作成することができます。もはやコードの生成やコピペもいりません。

では簡単な使い方を見ていきましょう。bolt.newというサイトにアクセスします。

簡単のために単体で動くアプリを作ってみましょう。次のようにプロンプトに打ち込みます。「おみくじのアプリを作成してください」。入力しているとSingn inしてくださいの画面が表示されますので、初回は登録であるSingn upを選択します。

開発者の方はGitHubで連携するのが楽かと思いますが、GitHubのアカウントを持っていない人もいるかと思いますので、メールアドレスとパスワードで登録をします。

メールアドレスと名前、パスワードを入力して登録します。

登録すると画面遷移しますが、一度登録使っていた画面を閉じます。登録したメールアドレスにメールが届くので、メール内のリンクをクリックます。

メールの確認ができると次のような画面になるので、「Create Your First Project」をクリックします。

Singn inのリンクをクリックします。

登録したユーザー名もしくはメールアドレスとパスワードでログインします。

New Projectを選択します。

フレームワークを選択する画面になりますが、知らないとなにかわからないので、一旦ここは原始的な「Vanilla（JavaScript）」を選択しましょう。

次のような開発者画面になります。ここでコードを自分で修正しながらプリを作成しても良さそうですが、左下の「Try Bolt AI」をクリックします。

はじめの画面に戻ります。おそらくもともとはブラウザ上で開発する機能を提供していたところにAIの機能を追加したためにこのようなめんどくさい流れになっているのだと思います。

さぁ、それではプロンプトを打ち込んでい見ましょう。「おみくじのアプリを作成してください」。

またSingn inの画面が出てきます（苦笑）。

Singn inすると次のように数十秒でがアプリが出来上がります。

もちろん動きます。

公開して他の人に使ってもらうこともできます。右上の「Deploy」をクリックします。

AIの出力欄にURLが出力されます。

リンクをクリックするとアプリをブラウザで表示して実行することができます。

アカウントの登録は少々面倒でした（もっと簡単なフローもあるかもしれませんが）、が使い始めるとプロンプトを入力するだけでアプリができるわけで、これはなかなか良いのではないでしょうか？

無料アカウントだと商用利用不可など制限があるようです。