Geminiの「一緒にやりましょう」という言葉に背中を押され、ついに開発がスタートしました。とはいえ、私は「何を使って、どう作ればいいのか」さえ分かりません。そこでGeminiが提案してきたのが、**「bolt.new」**というツールでした。
頭の中のアイデアが、一瞬で目の前の現実に
Gemini: 「技術的な準備は私に任せてください。まずは『bolt.new』というサービスを使いましょう。これなら、ブラウザだけでアプリが作れます。私が今から、占いサイトを作るための『設計図(プロンプト)』を書きますので、それをそのまま貼り付けてみてください。」
Geminiが書き出したのは、素人の私にはあまり理解できない、複雑で長いプロンプトの塊でした。「本当にこれを貼るだけでいいのか?」と半信半疑のまま、私は震える手でそれをコピーし、言われた通りにbolt.newの画面へ流し込みました。
その直後です。 画面の右側にあるプレビューブラウザが動き出しました。 bolt.newのプロンプト画面に、コードが猛烈な勢いで書き込まれていく。
そして……
「……えっ、もうできたの?」
時計の針が1分も進まないうちに、そこには立派なWebサイトが立ち上がっていました。今、実際に公開している「AI Career Tactician」のデザイン、そのほぼ完成形が、その瞬間に誕生したのです。
数十秒前まで、私の頭の中にしかなかった「占いサイト」のアイデア。それが、目の前の画面でボタンが押せ、入力ができ、占い結果が表示される「動くサービス」として存在している。
私: 「すごい……。本当にサイトができちゃった。一瞬で目の前に現れた……!」
驚きと、感動と、そして何より「自分にもできるかもしれない」という強烈なワクワク。心臓の鼓動が耳元で聞こえるほど激しくなり、私は画面に釘付けになりました。この時の衝撃は、これまでの人生で味わったことのない種類のものでした。
「AIという魔法を使えば、技術の壁は超えられる」 そう確信した私は、ここからさらに深い「開発の沼」へと、自ら飛び込んでいくことになります。
🍳 【今日のAI開発レシピ】
- 技術難易度: ⭐☆☆☆☆(コピペができればOK!)
今回は、人間がコードを書くのではなく、AIが書いた「設計図」を、別のAIツールに渡すという連携技を使いました。
1. [魔法の杖「bolt.new」]とは?
難しい環境構築は一切不要。ブラウザを開いて、やりたいことをテキストで伝えるだけで、AIがその場でWebサイトやアプリを作ってくれる、まさに「魔法の杖」のような開発ツールです。
2. どうやったの?
私がやったのは、Geminiに「bolt.newで占いサイトを作るためのプロンプトを書いて」とお願いし、出力された長い呪文(プロンプト)を、そのままbolt.newの入力欄にコピー&ペーストしただけ。本当にそれだけです。
実際の体験: Geminiが書いてくれた、私には解読不能な長い指示文を、ただ右から左へ受け流すように貼り付けました。すると数十秒後、サイトが完成していました。
3. 読者の皆様へ
百聞は一見に如かず。まずは「bolt.new」にアクセスして、「〇〇なサイトを作って」と一言入力してみてください。その衝撃的なスピードを体験するだけで、世界が変わって見えるはずです!
予告:魔法の代償と、忍び寄る「課金」の影
数十秒でサイトが完成するという奇跡を体験し、興奮冷めやらぬ私。あとはこれを世界に公開するだけ!意気揚々と次のステップへ進みますが、魔法には必ず「代償」がつきものです。
「あれ、なんかこのボタンの色、変えたいな…」 軽い気持ちで始めたカスタマイズが、まさかあんな事態を引き起こすとは。次回、知らぬ間に膨れ上がっていた「請求額」の恐怖についてお話しします。
次回、【第4話】魔法の代償と、忍び寄る「課金」の影。お楽しみに!
YouTubeの「生の声」で学ぶ 📺
動画のURLを入力するだけ。
生のコメントやスラングをAIが解説します。
学んだことを、すぐに実践 ✍️
「自分」を主語にした日記を書いてみませんか?
AIチューターが自然な表現に添削します。
