こんにちは、manaoです！ブログに「コピペ用ボタン」を付けたくてGeminiさんに相談したのですが、最初はコードがそのまま表示されちゃって大苦戦…。
でも、AIへの「指示の出し方」ひとつで、魔法のように解決したんです。その舞台裏を実況形式でお届けします！
Geminiさん、前回のコピペコードは本当に助かりました！でも、最初はコードの中身（文字）が画面にそのまま出てきちゃいましたよね。あれって何が原因だったんですか？
あれは、WordPressが「親切心」でコードを実行してしまったんです。例えるなら、「組み立て説明書」を渡したつもりが、勝手に家具を組み立てて部屋に置かれちゃったような状態ですね（笑）
なるほど！だから「頑丈な箱（コンテナ）」に入れて運ぶ必要があったんですね。今後、新しい素材を作る時に、一発でこの「コピーボタン」を完璧に作ってもらうには、なんて指示すればいいですか？
私に指示を出すときは、3つの「魔法の言葉」を添えてみてください。これで一気にプロ仕様のコードになりますよ！
💡 AIへの「魔法の指示だし」3カ条
- 1.「コードをエスケープ処理して」
< などの記号をただの文字に変換し、WordPressの暴走を防ぎます。 - 2.「ボタンのdata属性に格納して」
これが「頑丈な箱」の指定です。表からは見えない場所にコードを隠します。 - 3.「カスタムHTMLブロック用に出力して」
WordPress専用であることを伝えるだけで、安全な形式を優先してくれます。
「失敗は成功の母」ですね♥
皆さんもAIと楽しくおしゃべりしながら、
自分だけの素敵なブログを作ってみてくださいね！
コメント