bolt.new に課金して、インフレ電卓つくってみる

Webアプリをフルスタックで作ってくれるAIサービス

Bolt.new

Githubのアカウントで入ると、あとあとのサーバーで動かす時になにか便利そうです。

Bolt.new は、StackBlitz という事業者のサービスで、netlify  というサービスと連携しています。

Bolt.new の概要

 

Bolt.new は、StackBlitz 社が提供する革新的なウェブ開発ツールです。このサービスには以下のような特徴があります:

1.AI によるフルスタックアプリ生成: ユーザーは自然言語でアプリケーションの要件を指示するだけで、AI がフルスタックアプリケーションを生成します。
2.ブラウザ上での Node.js 環境: WebAssembly を用いて、ウェブブラウザ上で Node.js 環境を実現しています。

3.シームレスな開発体験: コードの生成から実行、デバッグまでをウェブブラウザ上で完結させることができます。

Netlify との連携

https://www.netlify.com/

Netlify

Bolt.new は indeed Netlify と連携しています。この連携により、以下のような機能が実現されています:

1.自動デプロイ: AI が生成したアプリケーションを、ユーザーの指示だけで Netlify に自動的にデプロイすることができます。

2.継続的デプロイメント: GitHub リポジトリと連携することで、コードの変更が自動的に Netlify にデプロイされる仕組みを構築できます。

3.カスタムドメイン設定: Netlify を通じて、生成されたアプリケーションにカスタムサブドメインを設定することが可能です。

このように、Bolt.new は StackBlitz 社のサービスであり、Netlify との緊密な連携によって、
開発からデプロイまでのプロセスを大幅に簡素化しています。
これにより、開発者はアイデアを素早くプロトタイプ化し、実際のウェブアプリケーションとして公開することが可能になっています。

 

 

■制作事例

 

インフレ計算機つくりました!

インフレ率の計算が大変なのでw インフレーション計算機つくってみました。

現在価値と比較

https://glittering-sunflower-c66579.netlify.app/

 

#インフレ計算機 を30分で作る!
西暦のある年代を入れると2023年の現在と比較して%で表示し、現在の1万円がいくらかも標準で表示してください
そのうえで西暦と○万円を打ち込むと現在の価値でいくらかを計算してほしいです

CPI 物価指数のデータを参考に
https://www.stat.go.jp/data/cpi/

#bolt.new
インフレーション計算機を実装しました。主な機能は以下の通りです:
1970年から2023年までの期間で計算可能
基準額(1万円)の現在価値を自動計算
カスタム金額の入力で任意の金額の現在価値を計算
インフレ率をパーセンテージで表示
デザインの特徴:
グラデーションの背景で視覚的な魅力を追加
分かりやすいアイコンとカラーコーディング
レスポンシブデザインで様々な画面サイズに対応
結果表示を色分けされたカードで視覚的に区分け
開発サーバーが起動し、アプリケーションをご確認いただけます。

 

トークンなくなってしまったので月額20ドルをまずは課金!

 

インフレーション計算機は約16万トークン消費していたのですね。

 

20ドルで月に、1000万トークン使える。 16万6606トークン消費。
なんだか、20ドルで1000万円もらえて、16万円使った感じ。
毎日20万トークンつかっても、50日分あるのは嬉しい!

これだと毎日簡単なアプリが作れる!