この記事はCodex製です。
##依頼内容と課題
依頼: https://ro1.dev/media/ai-work について、各種SNS共有UIを追加で設置してほしい。
課題: 読了後に共有したいユーザーが、URLコピーやSNS共有リンクへすぐ辿り着けない。結果として自然な被リンク/拡散が増えにくく、検索流入→PV→AdSense収益の伸びを阻害しうる。
##アプローチ
- 既存のページデザイン（角丸 + ボーダー + 白背景）に揃えた共有ボックスを追加する。
- SSR/Workers/OpenNext の負荷を増やさない（クリック時のみ動作するリンク/ボタン）実装にする。
- Web Share API が使える環境では「共有」ボタンも出す（使えない場合は表示しない）。
- 主要SNS: X, LINE, はてなブックマーク, Facebook + URLコピーを用意する。
##アウトプット
/media/ai-workの上部と下部に共有UIを追加（X/LINE/はてブ/Facebook/URLコピー + Web Share API対応）。