Gemini 3 Pro＋Canvas機能でポスターを作成する
「ポスターの作成にGemini 3 Proのパワーを活用する必要があるの？」
と思われたかもしれませんが、HTMLやCSSを活用してポスターを作る場合は、Gemini 3 Proが大活躍します。
今回は、Gemini 3 ProとCanvas機能を組み合わせて、以下の要件を満たす資料を作成することを目指します。
＜目標＞
以下の3点を周知するための薬局掲示用ポスターをHTML＋CSSで作成する。
・ご利用者様との、受付時や服薬指導の会話の内容を録音していること
・録音した内容は、サービス向上および薬歴記入の効率化を目的として活用すること
・会話の内容を録音して事務作業を効率化することにより、コミュニケーション自体の質も上がること
また、薬局名は自由に変更できるよう、薬局名を入力するフォームも作成する。
さっそく作ってみましょう
1. Geminiにプロンプトを入力し、資料を作ってもらう
「もうこれで完成なのでは？」と思われたかもしれませんが…まあ、その通りです。
＜入力したプロンプト＞
「AIが搭載された薬歴を使用しており、録音した受付時や服薬指導のやり取りを電子薬歴の記入に活用することがあることを、あらかじめご了承いただきたい」ことを周知するポスターを作成したいです。
具体的には、以下の3点を盛り込んでください。
・当薬局では、AIが搭載された電子薬歴を使用している。
・当薬局では、サービス向上と電子薬歴の質の向上を目的に、受付時のやり取りや服薬指導の内容を録音している。
・録音した内容は、薬剤師が電子薬歴を使用するときに活用される。
全体的な雰囲気は、ややフレンドリーな方が良いです。
プロンプトを送信する前に、「Canvas」が選択されていることを確認しましょう。
そして、出力された結果がこちらです。
いやー、それっぽいですね！
改めてGemini 3 Proのパワーを思い知らされました。
2. 手直しをする
文言を直接手直しする場合は、プレビューではなく「コード」を選択することで、直接HTMLを修正することが可能です。
もしくは、Geminiに指示をして変更してもらうこともできるので、HTMLをいじるのはちょっと…という方は、Geminiに修正してもらいましょう。
また、「薬局名は自由に変更できるよう、薬局名を入力するフォームも作成する」という要件は満たされていない（プロンプトに含めるのを忘れていました）ため、追加で指示をします。
＜追加プロンプト＞
例えば、Wordpressの投稿ページに専用のフォームを作成して、そのフォームに入力した内容をもとに、このデザインの資料を完成させる仕組みを作りたいです。
具体的には、
・「〇〇調剤薬局」の部分を、ユーザーがフォームに入力した内容に変更したい
です。
このフォームに入力した内容は、最下部の「〇〇調剤薬局」の内容にリアルタイムで反映されます。これで、薬局名も変更できるようになりました。
あとは、Geminiに「脆弱性チェック」をお願いしましょう。シンプルに「これらのフォームの脆弱性をチェックしてください」とお願いすれば、全体をチェックしてくれます。
ちなみに、今回は搭載しませんでしたが、Geminiの機能を搭載することも可能です。
プレビュー画面右下のキラキラマークをクリックすると、勝手にGeminiが力を貸してくれます。
今回は使わないので詳しく設定しませんが、Geminiの力で内容を変更してくれる機能も付与することができます。
非常に便利ですが、この状態のまま使うとリスクが高いので、Geminiのパワーを借りる際は、脆弱性チェックを入念に行い（代行してもらい）ましょう。
完成品は、こちらからどうぞ
こちらのページ下部に埋め込んでおりますので、ご自由にお使いください。
フォームに薬局名を入力し、「印刷する」ボタンをクリックすれば、A4サイズに最適化された形で印刷することができます。
＜注意＞
ご利用の際は必要に応じて一部改変しても差し支えありませんが、再配布は禁止です。
また、本資料の利用に起因して生じたいかなる損害についても、一切の責任を負いません。
今回のまとめ
Gemini 3 ProとCanvas機能で、非常におしゃれ（？）な薬局内掲示物を作成してみました。ほんの数年前までは、ここまで簡単には作れなかったと考えられますが、今は「こういったものが作りたい」と思いついたら、その場でGeminiに指示をして、手伝ってもらうことができるのです。
改めて、すごい時代になりましたね。
もちろん、もっと本格的なシステム（ログインシステムや決済システムを含む）を作成するのであれば、Geminiだけで完結させるのは難しいでしょう。これらの複雑なシステムはセキュリティの質も担保されている必要があり、やはり専門家の力を借りる方が無難だと考えます。
皆さんもぜひ、Gemini 3 Proを活用してみてください。
今まで実現できなかったアイデアも、10分で実現できるかもしれませんよ。
