Cloudflare 図鑑

制作目的

Cloudflare の現行サービス 101 件を、クリックすると「何をする・いつ使う・たとえるなら」が開くカードにまとめた図鑑。名前だけでは用途が分かりにくいサービスを、作りたいものから逆引きできるようにした。

こだわり

分かりにくい 50 件には、仕組みを動きで説明する解説動画（字幕・ナレーション付き、約 30 秒）を自作して添えた。動画は R2 から配信し、ページ本体は依存ゼロの静的サイトにしている。サービスを組み合わせた事例 10 件のうち 7 件は、自分の制作物の実際の構成。

AI 相談

「作りたいもの」を書くと、Workers AI が使うサービス・手順・コード例を提案し、一覧をそのサービスに絞り込む。提案の根拠は図鑑のサービス一覧に限定し、一覧にないサービス名はサーバー側で取り除く。乱用対策として Turnstile と KV による 1 日あたりの回数上限を設けている。