K先生！3年後に読んで下さい【Google AI Studio Build】🔟いよいよ、開いてみます

K先生へ

前回、設計図を引きました。「書く・見る・見た印」の三つでした。

今日から、いよいよAI Studioを開いて、実際に作ります。

これまでの記事は、このマガジンにまとめてあります。

【ここからは、実況です】

ここから先は、僕が実際に画面を触った記録です。だから、きれいには進みません。うまくいかないところも、そのまま載せます。つまずきも、直した過程も、隠さず書きます。

そのほうが、役に立つと思うからです。うまくいく手順だけ並べても、いざ自分でやると、違うところで引っかかります。「引っかかったときに、どうするか」。それが見たいはずなので。

【まず、開くところまで】

やることは、一つだけです。

パソコンのブラウザで、「Google AI Studio Build」と検索してください。

出てきたページを開きます。グーグルの、いつものアカウントで入れます。新しく何かを登録する必要は、ありません。

入ったら、作るための画面を選びます。あとは、作りたいものを、文章で伝えるだけです。

【伝え方に、コツがあります】

ここが、今日いちばん大事なところです。

AIへの頼み方には、コツがあります。でも、むずかしいコツではありません。三つだけ、覚えてください。

一つめ。日本語で、ふつうに頼む。専門用語は、いりません。作りたいものを、外来で患者さんに説明するように、そのまま書けばいいのです。

二つめ。欲ばらない。最初から全部を頼まない。まず、いちばん大事な動きだけ頼む。今回なら「書く」と「見る」。「見た印」は、あとから足します。

三つめ。出てきたものを見て、直す。一度で完璧を狙わない。出てきた画面を見て、「ここをこうして」と、追加で頼む。この「見て、直す」の繰り返しが、いちばんの近道です。

【完璧な呪文は、いりません】

よく、「うまいプロンプトを知りたい」と聞かれます。プロンプトとは、AIへの頼み文のことです。

でも、最初から完璧な頼み文は、いりません。ざっくり頼んで、出てきたものを見て、直す。これで、じゅうぶんです。

むしろ、細かく指示しすぎると、かえって窮屈になります。ざっくり任せたほうが、AIが気を利かせてくれることも多いのです。まずは、肩の力を抜いて、話しかけてみてください。

この記事を参考にご自身で練習してみてください

【この続きは、実際のプロンプトで】

とはいえ、「ざっくりと言われても、最初の一文が出てこない」。そう思う先生も、いると思います。

そこで、この下に、僕が実際にAI Studioへ打ち込んだ頼み文を、そのまま載せます。これをまねして打てば、同じように連絡ボードが出てきます。うまくいかなかったところ、打ち直したところも、正直に書いています。

ここから先は、実際に手を動かす先生への、具体的な手順です。

【実際に打った、最初の頼み文】

まず、この一文を、そのまま貼り付けました。「見た印」はまだ入れず、「書く・見る」だけに絞っています。

クリニックのスタッフが使う、かんたんな連絡ボードを作ってください。
・ひとことメモを書いて、送信できる
・書いた人のニックネームも一緒に入れられる
・送信すると、下の一覧に新しい順で表示される
・スマホでも見やすいデザインにする

日本語で表示してください。まずはこの機能だけで、シンプルにお願いします。データの保存は、まだ考えなくて大丈夫です。

３０秒もしないうちにもうフロントエンドが始まりました

なんと、６４秒で！！！

【試してみましょう】

素晴らしい！64秒で、しかも当初の「書く・見る」だけのつもりが、種別ボタン（連絡・申し送り・重要・共有）やクイック入力（受付・看護師…）、「確認済みにする」ボタンまで気を利かせて付けてきましたね。まさに無料エリアで書いた「ざっくり任せたほうがAIが気を利かせてくれる」の実例が、そのまま撮れました。

具体的には、右側のプレビュー画面で、こうしてみてください。

1. お名前に「たなか」と入れる(テスト用のニックネームで)

2. ひとことメモに「テスト投稿です」と打つ

3. 「メモを送信する」を押す

4. 下の連絡一覧に、それが新しく増えるか確認する

おーーーーーできました！

そのブラウザのタブを再読み込みをしてください

あれ？先ほど４件だったのが３件になって「たなか」さんの投稿が消えています。これはこまりますよね？　なぜこんなことが起きるのでしょうか？

【次に、直した頼み文】

一度出てきたものを見て、気になったところを直した頼み文を、実際に打ったものに差し替えて入れる。例：文字が小さい→「文字をもう少し大きく」、色を変えたい、などためしてください

では「色を白黒赤にしてみてユニクロみたいに」としてみました。みなさんもご自身のクリニックのテーマカラーなどにされればよいかと思います

おーーーーっ　また４７秒で

ユニクロさんだ

【今回できたところ・次回】

今回は、「書く・見る」まで。画面を閉じると、まだ消えてしまう状態です。これは今回はフロントエンドだけでそれを保存するバックエンドの仕組みが無いからです。次回、これをFirebaseにつないで、消えないようにします。そして「見た印」も足します。

【余談】

実際に触ってみると、思ったより、あっけないかもしれません。あんなに身構えていたのに、と。それでいいのです。その「あっけなさ」こそ、僕が伝えたかったものです。

【（再掲）正直なことを】

僕自身は、ふだんAI Studioを使っていません。
AntigravityIという別の道具の上で、Claudeに書かせています。
Antigravityは、さっきの黒い画面を含む、本格的な作業場です。
（中身はほぼVS CODEなのでVS CODEもつかいます）

矛盾しているように見えますよね。

自分は使わない道具を、なぜ勧めるのか？

宛先が違うからです。

僕がお勧めしているのは、こんな先生方です。
AIとの物作りを、たまに試してみたい先生。
これから初めて触ってみる先生。

止まっているものを動かすとき、最初がいちばん重い。
物が滑り出す、その最初のひと押しです。
理科で習った、静止摩擦係数の話です。

その重さを、できるだけ軽くしたい。
「自分にも作れた」と、一度実感してほしい。
そのための入り口として、AI Studioが一番なだらかなのです。
（もちろんもっと簡単なものもありますが　コストが高いのです）

正直に言えば、僕も考えが変わってきました。
ごく簡単なものなら、これで作ろうと思っています。
石窯を持っていても、パンはお店で買う日があるように。

今日はここまで