Cloudflare
Total 9 postsスマホで開いたブログが10秒固まっていた話と、原因が過去の自分だった件
iPhone で自分のブログを開いたら10秒以上白画面が続きました。Cloudflare Fonts や Bot Fight Mode、Astro の client:idle を順に疑っていったら、最後に残った10秒の正体は、過去の自分が書いた1行の CSS でした。
小諸そばのメニューをガチャで決めるサイトを作った
平日3回通う小諸そばで、毎回同じメニューばかり選んでしまうのを解消するため、ガチャで決める Web アプリを作りました。量の閾値設計と、画像をどう表現するかで一番悩んだ話をまとめます。
「Cloudflare を入れていれば安心」は半分正解だった
個人サイトに Cloudflare を入れると、ダッシュボードに攻撃ブロックのログが並びます。WordPress の設定ファイルを狙った攻撃は確実にブロックされますが、認証情報を狙った攻撃は素通りしてしまいます。それでも実害はゼロだった理由は Cloudflare ではなく、サイトの構成にありました。
Cloudflare が WordPress の後継 CMS「EmDash」を作ったので触ってみる
Cloudflare EmDashのマーケティングテンプレートをベースに、ブログ機能の移植、seed反映の確認、デザイン調整、Cloudflare Accessによる管理画面保護まで試した内容をまとめました。
Cloudflareのグローバルネットワーク上でヘッドレスChromeを実行するBrowser Rendering
Cloudflare Browser RenderingのREST APIを使って、WebページをMarkdownに変換するAPIを構築する方法を解説します。不要な要素の削除やリソース最適化など、実践的な実装例を紹介します。
Next.js + OpenNext.js をdevcontainerで起動しようとしたときにハマったこと
Debian 11 bullseyeベースのdevcontainerでNext.js 15 + OpenNext.jsの開発サーバーが起動せず、Debian 12 bookwormベースに変更して解決した事例。glibcバージョン要件とworkerdの実行互換について整理。
Notionの画像(S3)をCloudflare R2に格納する
Notionで作成されたマークダウンコンテンツには、Amazon S3に保存された画像へのリンクが含まれています。ブログ記事として公開する際に、これらの画像をCloudflare R2ストレージなどの外部ストレージに移行することで非公開ページの画像も表示することができます。この記事ではNotionのページに添付されている画像をCloudflare R2に格納する処理について解説します。
Vercelで独自ドメインを設定する
独自ドメインを購入し、Vercelにデプロイされたウェブサイトに設定する方法を紹介します。Next.jsで作成したポートフォリオサイトを例に、Cloudflareでドメインを購入から設定完了までの手順を解説します。
Hono Service bindings入門
Cloudflare WorkersのService Bindings機能を使って、パブリックにアクセス可能なURLを経由せずに別のWorkersを呼び出す方法を解説します。Honoを使った複数Workersの連携実装例を紹介します。