はじめに

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 ツールとは比較するのも面白そうです。以上です！