原文がすでに章立てされている場合は、ステップ2へ進むだけで使えます。このページはAIへの指示文(プロンプト)を組み立てるだけで、実際の文章化・HTML化はAIに実行させます。
ステップ1:原稿を構造化する
元の文章から、タブ・手順・注意・コピペ文などを専用タグで印を付けた「構造化原稿」を作らせるプロンプトを生成します。この工程は省略できます。
🧪 1. 構造化ルール(Recipe)
重要: この工程では「文章を良く書き直す」のではなく、「原文のまま専用タグで印を付ける」だけです。次工程のHTML生成メーカーが、このタグだけを見てレイアウトを組み立てます。
🧩 2. 入力文(Ingredients)
文章が一続きになっていても構いません。見出し、番号、手順、注意書き、コピペ用の文例などを手掛かりに構造化させます。
ChatGPT向け
構造化:標準
HTML前処理
AIが返したタグ付き原稿
上のプロンプトをAIで実行し、返ってきた文章をここに貼ってください。ここにある文章だけをステップ2へ渡します。
ステップ2:タブ型HTMLマニュアルを作る
「元になる入力文」に直接貼り付けるか、ステップ1の結果を左のボタンで転記します。ここでHTML作成用プロンプトを生成します。
🧪 1. ツール設計(Recipe)
🧩 2. 入力情報(Ingredients)
ステップ1と同じ会話でそのまま続けて使う場合はこのままでかまいません。別のAI・別の会話に渡す場合は、実際の原稿に置き換えてください。
ChatGPT向け
カラフル
タブ切替あり
完成HTMLの受け取り
ステップ2のプロンプトは、AIに完成HTMLファイルの作成を依頼します。AIがファイル出力に対応している場合は、AI側から直接ダウンロードしてください。HTMLコードをこの画面に貼る必要はありません。
タグ一覧
ステップ1で使う専用タグの意味です。ステップ2のプロンプトは、これらのタグを見てHTMLの部品に変換します。
[TAB: 章名]…タブ1枚分の章。文書全体をこの単位で分割する[SUMMARY]…章の冒頭に置く「この章で分かること」[POINT]…最重要ポイント。強調ボックスで表示[WARN]…注意・落とし穴[TIP]…補足・コツ[STEP n: 見出し]…番号付きの手順カード[COPY: 見出し]…コピペ用の文章・コード[TABLE]…表にすべき情報[CHECK]…チェックボックス付きの確認リスト[TERM: 用語]…用語集に集約する用語と説明[DETAILS: 見出し]…折りたたみ式の深掘り・FAQ[/タグ名]…各タグの終わり