何て検索すればいい？AIに「検索キーワード」を頼んでみよう
「やりたいことは説明できるのに、何という機能なのか分からない」。Web制作の調べものでは、検索窓に入れる言葉が出てこないことがあります。そんなときは、AIに状況を説明して、まず検索キーワードの候補を作ってもらう方法があります。
「解決方法」より先に、探す言葉を頼む
付け足すなら、こんな一文です。
この内容を自分で調べたいので、日本語と英語の検索キーワードをそれぞれ2案と、関連する用語の短い説明をください。専門用語を知らなくても、「何をしたいか」「何を使っているか」を普段の言葉で伝えれば、検索の入口を作れます。英語の候補も頼んでおくと、英語で書かれた技術資料を探すときにも試せます。
たとえば、印刷するときだけメニューを隠したいなら
次のように、目的と条件を添えます。検索語の候補が欲しい段階では、URLや長い実装コードまで一緒に頼む必要はありません。
Webページをブラウザから印刷するときだけ、メニューとフッターを非表示にしたいです。
画面では今までどおり表示し、できればCSSで対応したいです。
この内容を自分で調べるための、日本語と英語の検索キーワードをそれぞれ2案ください。
関連するCSSの用語があれば、一言で意味を説明してください。
今回は検索語の提案だけで、URLや実装コードは不要です。この目的なら、たとえば次のような言葉を検索窓で試せます。下記は本記事で用意した検索語の例です。
CSS 印刷時 メニュー 非表示
CSS 印刷用スタイル メディアクエリ
CSS print hide navigation footer
CSS print media queryこの例で調べる手掛かりになるのは「印刷用スタイル」や「printメディアクエリ」です。MDNの印刷ガイドでも、画面表示と印刷時でスタイルを変える方法が説明されています。用語が一つ分かると、関連資料へ進みやすくなります。
検索結果がずれたら、違いを伝えて絞り直す
候補を実際に検索して、目的に合うページが出るか確かめましょう。WordPressプラグインの記事ばかり出るなら、「プラグインを使わず、CSSの仕様を調べたいです」のように追加で伝え、候補を絞り直します。
アプリの操作方法なら製品名やOS、不具合なら表示されたエラー文など、分かっている条件を添えるのも有効です。実際には使っていない製品名や、推測した原因まで条件に入れないようにします。
AIが挙げた検索語や用語は、目的に合っているとは限りません。また、検索語が返ってきただけでは、Webを検索して事実確認したことにはなりません。見つけたページの公式資料・更新日・対象バージョンを確認し、実装する内容は自分の環境で確かめましょう。
「何て検索すればいい？」を一度AIに投げてみる。調べものの最初の一歩が進まないときに使える、小さな頼み方です。
参照：OpenAIのプロンプト作成ガイド（明確な指示と背景情報、回答を見て依頼を調整する考え方）、MDN「Printing」（印刷用スタイルの例）。プロンプトと検索語は本記事用に作成した例です。
