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