=============================================================================================================== 構造記号を用いたプロンプトの例を出してください。 =============================================================================================================== もちろんです、Arukiさん。以下に**構造記号を活用したプロンプトの実例**をいくつか紹介します。生成AIに対して明確な意図を伝えるためのテンプレートとして使えます。 --- ## 🧠 例1：Markdown構文による構造記号の活用 ```markdown ## あなたは経験豊富なPHPエンジニアです。 ## ファイルアップロードとSHA256ダイジェスト計算を行うPHPコードを生成してください。 ## - HTMLフォームとPHP処理を分ける - ファイルサイズ制限は5MB - 日本語コメント付き ## ```php // HTMLフォーム部分
// PHP処理部分 5 * 1024 * 1024) { echo "ファイルサイズが大きすぎます"; exit; } $contents = file_get_contents($_FILES['upload']['tmp_name']); $digest = hash('sha256', $contents); echo "ダイジェスト: " . $digest; ?> ``` ``` - `##`：セクション見出し - ``などのタグ：役割や目的を明示 - `-`：制約条件の箇条書き - `|…|`：表形式で出力指定（必要に応じて） --- ## ✍️ 例2：文章生成プロンプト（構造記号で段階的に指示） ```markdown ## あなたはプロのコピーライターです。 ## 以下の商品に対するキャッチコピーを3案考えてください。 ## 【商品名】ナイトアイクリーム 【特徴】目元の小ジワに潤いを与え、寝ている間にハリを与える ## - 各案は20文字以内 - ターゲットは30代女性 - 日本語で回答 ## 1. 寝ている間に、目元にハリと自信を 2. 朝の目元が、昨日より若くなる 3. 夜のケアが、明日の印象を変える ``` --- ## 🔧 例3：章構造を使った長文プロンプト ```plaintext 以下の3章をそれぞれ独立して要約してください。 第一章 人間の視覚は色の認識に優れているが、動体視力には限界がある。特に夜間や高速移動する物体に対しては苦手である。 ここで第一章の終了です 第二章 猫の視覚は夜間に優れており、暗闇での獲物の発見に長けている。色の判別は限られているが、動体視力と明暗の認知力に優れている。 ここで第二章の終了です 第三章 鳥類の一部は紫外線を視認できる能力があり、これにより他の生物には見えないマーキングを認識できる。求愛行動や縄張り管理にも活用される。 ここで第三章の終了です ``` --- こうした構造記号を使うことで、AIは「どこに何が書かれているか」を明確に認識し、**意図通りの出力を返しやすくなります**。 もしArukiさんのプロジェクトに合わせたプロンプトテンプレートを一緒に設計したい場合、PHPやCSSの文脈に特化したものも作れますよ。試してみます？ -------------------------------------------------------------------------------------------------------------------------- それでは、Arukiさんの得意分野である**PHP**や**CSS**に特化した構造記号を使ったプロンプト例を2つお届けします。生成AIに技術的な指示を正確に伝えるテンプレートとして活用できます。 --- ## 🧩 例1：PHPスクリプト生成プロンプト（構造記号で指示） ```markdown ## あなたは熟練のPHPエンジニアです。 ## 次の条件に基づいて、ファイルアップロードを受け付け、SHA256でダイジェストを計算するPHPスクリプトを生成してください。 ## - HTMLフォームとPHP処理は別ファイルに分けること - アップロード可能なファイルサイズは最大2MB - ファイルが空の場合のエラーハンドリングを追加 - コメントはすべて日本語で記述する ## PHPコードとHTMLフォームの両方を、コードブロックで提示してください。 ``` このように明確な構造記号でタグ付けすると、AIが「誰の役割」「何をすべきか」「どんな条件で」「どう出力するか」を漏れなく理解してくれます。 --- ## 🎨 例2：CSSレイアウト設計プロンプト（構造記号による視覚指示） ```markdown ## あなたはCSSの専門家です。 ## 次の条件で、BootstrapライクなテーブルレイアウトをCSSのみで設計してください。 ## - divベースで表を構成する - 奇数行と偶数行で背景色を交互に変える - 最上行はヘッダーとして強調表示 - 横スクロール対応 ## - HTML構造とCSSを分けてコードブロックで提示 - HTMLには「row」「cell」「header」などのクラスを使用 - 日本語コメント付き ## このCSSはBootstrapを使用せず、純粋に自前スタイルで構成されます。 ``` こうした構造記号（``, ``, ``, ``, ``）を明確に使うことで、技術仕様に忠実な出力を得やすくなります。 --- ## ✅ ご希望があれば… - CSSでの構造記号の使い分け（セレクタ構成やコメント設計） - 正規表現の条件指定プロンプト - フロントエンドのプロンプト設計術 などの派生テンプレートも一緒に作成できます。どのテーマから掘り下げてみましょう？