第4章：【実践編】AIという「有能な部下」への指示術

4-1. 「おしゃれにして」は困らせるだけ

あなたは編集長です。新人デザイナーに「なんかいい感じの表紙にして」と指示を出したらどうなるでしょうか？おそらく、あなたの意図とは全く違うものが上がってきて、何度もリテイクを出す羽目になるでしょう。

AI（Google Antigravityなど）も同じです。「おしゃれにして」という言葉は、彼らを最も困惑させます。彼らは非常に優秀ですが、「空気を読む」ことだけは苦手なのです。

「おしゃれ」とは何色のことなのか。どんな雰囲気なのか。誰に向けたものなのか。あなたの頭の中にあるイメージを、具体的な言葉にして渡す必要があります。逆に言えば、それさえできれば、AIは魔法のような速度であなたの理想を形にしてくれます。

プログラミングではなく「仕様書」を書く

必要なのは、コードを書くことではなく、「作りたいものの定義」を明確にすることです。

× 悪い指示

「ブログを作って。デザインはシンプルで、かっこよくして」

○ 良い指示（仕様書としてのプロンプト）

「以下の条件でブログを構築してください。

目的: 文章を読ませることが主役のサイト。

配色: 背景は白（#ffffff）、文字は黒（#1a1a1a）の2色のみ。

文字組: 行間はゆったりと（1.8倍）。フォントはMac標準のもの。

構造: 幅は狭め（スマホで見やすい幅）に固定。」

このように、「色」や「数値」で具体的に伝えると、AIは「御意！」とばかりに完璧な仕事をしてくれます。これはプログラミングというより、「的確な発注書を書くスキル」に近いです。

4-2. プロンプトの「型」を身につける

AI への指示は、いくつかの「型」を覚えると格段にうまくなります。ここでは、文系ライターが特に使いやすい3つの型を紹介します。

型1：「〜に例えて」型

技術的な説明を求めるときに便利です。

「Astroのビルドプロセスを、『料理』に例えて説明して」

AIは抽象的な概念を身近な例えに変換するのが得意です。理解できない技術は、まずこの型で概要を掴みましょう。

型2：「制約をつける」型

AIが暴走するのを防ぎます。

「CSSを修正して。ただし、変更するのはフォントサイズと行間だけ。他は触らないで」

制約がないと、AIは親切心から「ついでにこっちも直しておきました」と余計な改変をすることがあります。 やって欲しくないことを明示するのは、やって欲しいことを伝えるのと同じくらい大切です。

型3：「ゴールを見せる」型

完成イメージを先に見せてしまう方法です。

「以下のようなHTML構造を作って。

ヘッダー：左にロゴ、右にメニュー3つ

メイン：左にサイドバー、右に記事本文

フッター：著作権表示」

AIにとって、箇条書きの構造指示は最も解釈しやすいフォーマットです。曖昧な文章で長々と説明するより、箇条書きで構造を示すほうが100倍伝わります。

4-3. Vibe Coding（以心伝心）の領域へ

本サイトを作ったGoogle Antigravityは、ターミナル（黒い画面）を操作できる特殊なAIです。彼とのやり取りに慣れてくると、だんだんと「ペアプログラミング（二人三脚）」のような感覚になってきます。

記事の量産もお任せ

原稿を書くのが面倒なときは、構成案だけ渡して下書きを作らせましょう。

「第1章から第4章までのタイトルはこれです。Astroで使えるMarkdownファイルの形式に変換して、適切なフォルダに保存しておいて」

エラーが出ても慌てない

もし赤い文字（エラー）が出ても、慌てる必要はありません。そのエラー文をコピーして、彼に投げつけるだけです。

「なんかこんなエラーが出たんだけど、どうすればいい？直しといて」

彼は文句ひとつ言わず、原因を調査し、コードを修正し、直ったかどうか確認までしてくれます。

「今日はここまで」も大事

AIと長時間作業していると、会話の前半で渡した情報を忘れたり、話が噛み合わなくなることがあります。そんなときは、新しい会話を始めるのが一番です。

「新しいチャットを開いて、この仕様書を渡して、ここから再開して」

これはAIの不具合ではなく、人間同士の会話と同じ「疲れ」のようなものです。リフレッシュしてから再開したほうが、結果的に速く進みます。

4-4. 最初の一歩：今日からできること

ここまで読んで「なるほど」と思っても、実際に手を動かさなければ何も始まりません。今日からできる、最も簡単な一歩を提案します。

ステップ1：AIに自己紹介をさせる

まず、AIコーディングアシスタントを開いて、こう打ち込んでください。

「あなたは何ができるの？私はプログラミング未経験の文系ライターなんだけど、どんなことを手伝ってくれる？」

AIは喜々として自分のできることを語り始めます。この会話だけで、「こいつに何が頼めるのか」という全体像が掴めます。

ステップ2：既存のサイトを読み解かせる

気になるWebサイトのURLを貼り付けて、こう聞いてみましょう。

「このサイトの構造を分析して。どんな技術で作られていて、初心者でも同じようなものを作れる？」

すると、そのサイトが使っている技術スタック、デザインの特徴、構造の工夫を教えてくれます。「あのサイトいいな」と思ったものを分析して、自分のサイトに取り入れる。これは、ライターが他の人の文章を読んで表現を学ぶのと同じ行為です。

ステップ3：小さく作って、育てる

最初から完璧なサイトを作ろうとしないでください。「記事1本、画像なし、デザイン最小限」それでいいのです。

「Astroで、記事が1本だけ表示されるシンプルなブログを作って。デザインは最小限でOK」

この一言で、あなたの「城」の礎石が置かれます。あとは、一つずつ機能を足し、記事を増やし、デザインを磨いていけばいい。 完璧を目指すな、完成させろ。これがVibe Codingの精神です。

私たちは文系ライターです。技術の細部（How）は、得意な彼らに任せましょう。私たちが考えるべきは、「何を創り、誰に届けるか（What & Why）」。その核さえ持っていれば、AIは最強のパートナーになってくれるはずです。