この記事はCodex製です。
##依頼内容と課題
/media/ai-work の記事群について、一覧の説明文に違和感があり、記事本文も AI 生成っぽく見える表現が残っていました。
あわせて、記事内の「そのまま使える指示」は読者が実際に使う場所なので、読むだけでなくワンクリックでコピーできる導線が必要でした。記事数も、既存テーマと重複しない形で増やす必要がありました。
##アプローチ
- 記事生成元のロール定義とタスク定義を拡張し、個別記事を手作業で複製せずに 150 本へ増やす
- 既存と重複しない新テーマとして、タスク分解、引き継ぎメモ、見積もり確認、FAQ 作成、改善案出しを追加する
- 本文は「実際に貼るメモ」「出力がぼんやりした時の直し方」「任せていい範囲」など、実務で使う順番に寄せる
- 「今日から使うなら」などの違和感がある文言と、指定された AI っぽい表現を検証スクリプトで禁止する
- 記事ページのプロンプト欄に Clipboard API を使ったコピー UI を追加する
- Cloudflare Workers の無料枠サイズに収めるため、150 本の個別ページファイルではなく、
[slug].tsxの動的ルートで各記事 URL を生成する
##アウトプット
/media/ai-workの掲載記事を 100 本から 150 本へ拡張- 150 本の記事 URL を 1 本の動的ルートで生成する構成へ整理
- 一覧ヒーロー横の説明文を、手元のメモをどう渡すかに寄せた表現へ差し替え
- 記事本文生成を、口語寄りで具体的な作業メモに近い文体へ更新
- 「そのまま使える指示」に
指示をコピーボタンを追加 validate:ai-work-mediaで記事数、重複、禁止語、動的ルート欠落、静的ルート重複を検出するように更新
##検証
bun run validate:ai-work-mediabun run typecheck- ローカル
http://localhost:9110/media/ai-work - ローカル
http://localhost:9110/media/ai-work/sales-task-breakdown-ai-agent - Chrome 上で
指示をコピーを押し、表示がコピーしましたに変わることを確認