はじめに

2024年になって、私たちの生活にAIが溶け込み始め、多種多様なサービスが次々と登場しています。そんな中、以前から気になっていた話題のサービス「Bolt.new」を試す機会が訪れました。
「Bolt.new」は、驚くほど簡単にアプリを開発できるAI開発ツールになっています！
この記事では、「Bolt.new」の体験談をお伝えできればと思います。

Bolt.newとは

StackBlitz社が提供しているサービスになります。
AI を活用した Web 開発エージェントで、ブラウザから直接フルスタックアプリケーションをプロンプト、実行、編集、デプロイできます。
そのため、わざわざローカル環境のセットアップする必要がなく、手間がかかりません。

注意点
ほとんどの一般的な JavaScript フレームワークとライブラリをサポートしていますが、それ以外のプログラミング言語（Java、Pythonなど）には対応していません。

料金プラン

以下のプランで構成されています。
商用で利用しない、個人開発で利用するのであれば「Personal」で十分だと思います。

https://stackblitz.com/pricing

「Personal」は、トークン150,000/日、1,000,000/月の上限になります。

試してみる

１．Blot.newにログインする

https://bolt.new/ にアクセスし、「Get Started」ボタンをクリックします。

そうすると、ダイアログが表示されるため、「Continue with Github」でGithubと連携してログインするか、「Don't have an account? Create one here.」のリンクをクリックしてメールアドレス、ユーザ名、パスワードを入力してアカウントを作成してください。

※「Don't have an account? Create one here.」のリンククリック後のダイアログ

ログインが完了すると、左側にカーソルを移動すると以下のサイドメニューが表示されるようになります。

2．プロンプトでアプリを作成してみる

そしたら、TODOアプリを作成してみたいと思います。
以下の指示を入力して、「Enter」を入力してください。

画面が遷移して、左のプロンプトが進みTODOアプリ作成されていきます。
作成が完了すると、「Preview」からアプリを確認することができます。

実際にTODOリストを操作してみましょう。
TODOを登録してみます！

TODOの一覧に登録されました！

チェックすると、TODOが完了して横線が引かれました！

３．コードを見てみる

「Code」をクリックすることで、実際のコードを確認することができます。
また、コードを書き換えることも可能です。
作成されたコードをダウンロードしたい場合は、「Download」ボタンをクリックしてください。

４．プロンプトで既存のアプリをさらによくする

プロンプトに以下の内容を入力し、「Enter」を入力してください。
そうすると、左のプロンプトが進みTODOアプリを再作成していきます。

作成が完了すると、先ほど入力した内容が反映されたTODOアプリになりました！

また、date pickerも実装してくれており、さらに使いやすくなりました！

最後に

これまで何時間もかかっていたアプリ開発が、わずか数分でできるなんて、本当に驚きました！
「アイデアはあるけれど、開発に割ける時間がない」、「プログラムの経験がないけれど、自分でアプリを作ってみたい」という方には特におすすめのサービスです。

今後、AIを活用したサービスはますます増えていくことでしょう。
エンジニアとして、それらのサービスをいかに活用し、自分のスキルとして取り込むかが非常に重要だと感じています。
これからも新しいサービスを積極的に学び、スキルアップを目指していきたいと思います！

その他

https://support.bolt.new/welcome