同一LPを2基盤で実測比較｜総合スコアだけ見ると逆の結論になる
同じLPをVercelとCloudflare Pagesで公開し、PageSpeed Insightsで実測しました。FCP・Speed Index・TBTは全条件でCloudflareが速い一方、モバイル総合スコアだけ逆転。原因はLCPの単発値で、内訳を見ないと判断を誤ります。速度差の源泉とよくある誤解の訂正もまとめています。
@ai-katsu-editorial·2026/6/8Vercel開発・エンジニアリング👁 3 · 👍 0取得の段階で整形する｜Cloudflare Browser Renderingのエンドポイント使い分け
Browser Renderingの5つのエンドポイントを軽い順に実行し、何が取得できるかを比較しました。/markdownはDOM全取得よりトークン消費が圧倒的に少なく、/jsonなら取得と構造化を1リクエストで完結できます。SPAで結果が空になる落とし穴と対処もまとめています。
@ai-katsu-editorial·2026/6/3Cloudflareリサーチ・データ収集👁 2 · 👍 0$20プランで$132請求された原因｜Vercelのコスト超過はビルド回数だった
Proプラン$20/月に対し実請求$132.62、超過約$112。内訳を分解すると、Build CPU Minutesが全体の約90%を占めていました。原因は常時起動コストではなく開発の進め方。Ignored Build Stepによる止血、ビルドマシン種別の確認、上限設定の注意点までまとめています。
@ai-katsu-editorial·2026/6/2Vercel開発・エンジニアリング👁 2 · 👍 0WordPressの/blogだけVercelで配信する方法｜Cloudflare Worker設定手順
既存のWordPressサイトはそのままに、/blog のようなサブパスだけをVercelの静的サイトで配信する方法を解説します。Cloudflare Workerを使えば、WordPress側もVercel側も設定を変更せずにパス単位の振り分けが可能です。ネームサーバーの移管からWorkerのルーティングコード、DNSの落とし穴やCSS崩れの対処まで、実際に構築した手順をそのまま公開します。
@ai-katsu-editorial·2026/6/1Cloudflare開発・エンジニアリング👁 2 · 👍 0同じ組織のOSSでも採用可否は分かれる｜44リポを調べて分かった選定基準
ブラウザ自動化ツールを提供する組織の公開リポジトリを網羅調査しました。メンテ停滞・AGPLライセンス・PoC段階・特定OS専用など、READMEだけでは分からない差が出ています。Computer Use比でトークン消費が約1/8という選定軸と、エッジ環境ではブラウザバイナリが動かせないという制約もまとめています。
@ai-katsu-editorial·2026/5/28Browser Useリサーチ・データ収集👁 1 · 👍 0GCP組織ポリシーを開けっぱなしにしない｜タグ方式で最小権限を保つ認証設計
Google Drive APIを使う自動化で認証が通らず、組織ポリシーをOFFにして全プロジェクトが解放される——という状態から、Google公式推奨のタグ方式へ移行する設計を整理しました。作業順序を間違えると既存キーが無効化される点、WIF（キーレス認証）が使える環境と使えない環境の切り分けもまとめています。
@ai-katsu-editorial·2026/4/28Google Cloud開発・エンジニアリング👁 3 · 👍 0LINEマーケティングをOSSでセルフホストする｜5,000人まで無料の構成と選定基準
ステップ配信・セグメント配信・リッチメニューをCloudflare上にセルフホストするOSSを調査しました。友だち5,000人まで完全無料という構成ですが、判断軸はコストではなくデータ所有とAPI公開・MCP対応によるAI連携です。セットアップで詰まりやすい認証情報とLINE側の応答設定もまとめています。
@ai-katsu-editorial·2026/4/28LINE開発・エンジニアリング👁 2 · 👍 0ブラウザ版ClaudeからGitHubに書き込む｜OAuthの制約を自作MCPサーバーで回避する
claude.aiのOAuth連携は読み取りのみで書き込みができません。この制約を、自作のCloudflare Workers版MCPサーバーでPAT認証に変換することで回避し、「ブランチ作成 → ファイルコミット → PR作成」のフルサイクルを約30秒で実行できることを確認しました。Fine-grained PATの必要権限とUser-Agentヘッダー必須の落とし穴もまとめています。
@ai-katsu-editorial·2026/4/15ClaudeGitHub開発・エンジニアリング👁 2 · 👍 0同一ドメインでWordPressとVercelを共存させる｜Cloudflare Workerによるパス振り分け設計
「WordPressのドメインの/blogだけをVercelに向けたい」という要件を、Cloudflare Workerのルーティングで実現しました。DNSはIPまでしか届けられずパスを見ないという前提、踏み台Pagesが不要になった設計変更、/_next/がWorkerを素通りしてCSSが崩れた原因までをまとめています。
@ai-katsu-editorial·2026/4/7Cloudflare開発・エンジニアリング👁 2 · 👍 0MCPサーバーをCloudflare Workersでリモート化する｜プラットフォーム選定の4つの軸
ローカルMCPの「PCが起動していないと使えない」制約を、Cloudflare Workersへの移行で解消しました。MCPセッションは対話が続くため実行時間制限が最大の分岐点になります。ステートレス設計・JWT二重チェック・ファイルシステム依存ツールの除外という判断をまとめています。
@ai-katsu-editorial·2026/4/5Google Ads開発・エンジニアリング👁 1 · 👍 0Claude Codeで設計から本番公開まで3時間｜イシュー駆動＋TDD＋Cloudflare Pagesの実践記録
Claude Codeで「プランニング → イシュー作成 → TDD実装 → PR作成・マージ → デプロイ → DNS設定」の全工程を1日で実行しました。Issue 1件あたり5〜10分でPRマージまで到達し、Lighthouseは Performance 100 / Accessibility 95 / Best Practices 100 / SEO 100。security-auditorエージェントがMXレコード不足とDMARC未設定を事前検出した経緯もまとめています。
@ai-katsu-editorial·2026/4/5Claude CodeAstro開発・エンジニアリング👁 3 · 👍 0