はじめに
Bolt.new を使って、ファミコン風ポートフォリオを作成しました。無料枠でどの程度のアプリが作成できるか試してみます！
Bole.new とは
Bolt.new は、モダンな Web アプリケーションを迅速に構築するための軽量かつ高性能なフレームワークです。シンプルな設計と柔軟なカスタマイズ性を備えており、初心者から上級者まで幅広い開発者に対応しています。
作成物
作成物はこちらになります。
ファミコン風と入力したら、ファミコンゲーム機っぽい物が作成されました。
電源ボタンを押下すると、ポートフォリオが表示され（起動のエフェクトあり）、A ボタンや B ボタンでポートフォリオを選択できます。START を押すとどこかの Github のページに飛びます。（無料枠の上限に達して設定できなかった....）
Bolt.news でできること
フルスタック開発
Bolt を使用することで、フレームワークを用いて簡単な Web アプリケーションやコンポーネントを作成することができます。今回は、Next.js でアプリを作成しました。
以下のフレームワークや言語であれば、簡単に初期プロジェクトを作成することが可能です。
- Astro
- Vite
- Next.js
- NativeScript
- Nuxt.js
- Slidev
- Vue.js
- Svelte
- Remix
- TypeScript
- React
- Remotion
- Angular
- Qwik
容易なデプロイ
画面右上の「Deploy」ボタンを押下すれば、誰でも簡単にデプロイすることが可能です。ボタンを押下すると、左のチャット欄にデプロイ先の URL が表示されます。アプリケーションは Netlify 上で公開されます。
Bolt.news の無料枠
Bolt.new の料金プラン
| プラン名 | 価格（月額） | 概要 |
|---|---|---|
| Personal | Free | - 無料で基本機能を利用可能 - 月 100 万トークン使用可能 |
| Pro | $20 ～ 200 | - 月 1000 万トークン～ 1 億 2000 万トークン使用可能 |
| Teams | $30 ～ 210 | - 月 1000 万トークン～ 1 億 2000 万トークン使用可能 - 複数メンバーで使用可能 |
| Enterprise | 要問い合わせ | - 大規模な開発向け |
無料枠だと、1 ヶ月の上限に加えて、1 日に使用できるトークン数にも上限があります（15 万トークン）。今回のファミコン風ポートフォリオの場合だと、5 ラリーで 1 日の上限に達しました。意外と多くトークンが消費される印象です。
さいごに
Bolt.new には、プロンプトの提案機能があったり、バグの修正機能もあったりするので、それらの機能も使ってアプリの改善していきたいです。
他の AI ツールとは比較するのも面白そうです。以上です！