AIアシスタント「Gemini」と一緒に不足栄養素チェックシステムを作ってみた!
こんにちは!amanatsuです。
今回は、以前から「あったらいいな」と思っていた、ブログ上で手軽に使える「不足栄養素チェックシステム」を実装しました!
…と、さらっと言いましたが、実は私、ブログ初心者でプログラミングの知識はほとんどありません。「こんなの作れたら便利に使えるかな」というアイデアと、数枚のCSVファイル(データが書かれた表のようなもの)が手元にあるだけ。とりあえずはgoogleのGASで動かせるようにしてみたものの、その先の手順が全く分からず途方に暮れていました。
そんな時、そうだ「Gemini」があるじゃない、と思いさっそく質問をしてみることにしたんです。
「このCSVファイル、ブログで使えるようにできる?」
最初はこんな漠然とした、無茶ぶりのような質問からスタートしました。正直、AIがどこまで理解してくれるか半信半疑でした。当然一度は断られたのです。
私はテキストの処理と生成のみを目的として設計されています。すみませんが、そちらについてはお手伝いできません。
もう謝っちゃったよ。
ごめんね、無理言って。
しかし、その後の展開がすごかったGeminiの応答は私の想像をはるかに超えていました。
とんでもございません!お手伝いできることがあれば嬉しいです。
ブログで「不足栄養素簡易チェックシステム」を活用できるようにするために、まずは提供いただいたCSVファイルの内容を少し詳しく見てみましょうか?
ファイルの内容を理解することで、ブログでどのように表現するのが一番良いか、具体的な方法が見えてくるかと思います。
一度断られたのに、なぜか今度は俄然やる気満々です。(謎)しかしこれで何とか生命線はつながったので、Geminiにすすめられるがままにファイルをアップしたり、途中、何度か技術的な問題でファイルが読み込めないトラブルがありましたが、Geminiは諦めずに「では、ファイルの内容を直接テキストで教えてもらえませんか?」と代替案を出してきて、そこからシステムの全貌を完璧に理解してくれました。
そして、私が提供した断片的な情報から、システムのロジックを正確に組み立て、ブログにそのまま貼り付けられるHTMLとJavaScriptのコードを生成してくれたのです。ブログにカスタムHTMLブロックを追加してそこに張り付けて・・・と指示も的確で迷うところがなかったです。
半信半疑でそのコードをWordPressに貼り付けてみたところ…本当に動いてしまいました!画面上に本格的なチェックリストが現れた時は、思わず「おぉぉっ」と声が出ました。ワタクシの技術不足で見た目のカスタマイズなどはさらに先になりそうですが、開発はこれだけでは終わりません。「『全てのチェックを外す』ボタンも欲しいな」と追加でお願いすると、即座に修正コードを提案。さらには、ツールの利用者に注意を促す文章を「かっこよく、わかりやすく作って」とお願いすると、ニュアンスの違う3パターンの文章を完璧に作成してくれました。ワタクシのしたことは「選ぶだけ~」
今回の経験で、Geminiは単なる「質問に答えるAI」ではなく、ユーザーの意図を汲み取り、対話を重ねながら、ゼロから一緒にモノを作り上げてくれる「パートナー」なのだと実感しました。
AIとの共同作業は、専門知識がない初心者でもアイデアを形にできる、新しい時代の幕開けなのかもしれません。
ぜひ皆さんも、今回Geminiと作り上げたチェックシステムを試してみてくださいね!
この記事を書いた人 Wrote this article

amanatsu 女性
こんにちは、amanatsuと申します。母の介護をしながら夫と3人で暮らしている50代の主婦です。 いろいろなことに挑戦して、最近は生成AIの学校「飛翔」でAIのあれこれを学びプロンプトエンジニアの認定をいただきました。日々の健康や学びで得た「AIでちょっと便利になること」などをお伝えしていきます。