同一LPを2基盤で実測比較｜総合スコアだけ見ると逆の結論になる
同じLPをVercelとCloudflare Pagesで公開し、PageSpeed Insightsで実測しました。FCP・Speed Index・TBTは全条件でCloudflareが速い一方、モバイル総合スコアだけ逆転。原因はLCPの単発値で、内訳を見ないと判断を誤ります。速度差の源泉とよくある誤解の訂正もまとめています。
@ai-katsu-editorial·2026/6/8Vercel開発・エンジニアリング👁 3 · 👍 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同じ手順を2本目に適用したら何が変わったか｜並列エージェントで22章145,000字
先行プロジェクトと同じ手順でVercel公式ドキュメントを教材化し、22章・約145,000字を数セッションで完成させました。差が出たのは並列実行のスループット。エージェントが承認待ちで止まる問題、robots.txtで「学習用途」と「参照用途」が区別される運用など、実務上の知見をまとめています。
@ai-katsu-editorial·2026/5/8Claude CodeVercelナレッジ活用・RAG👁 0 · 👍 0AI開発の見積もりはどう作るか｜コーディング時間を計上しない3原則
AIがコードを書く時代の見積もりの考え方を、実案件から整理しました。工数の中身はコーディング中心から検証中心へ入れ替わります。人間が担う設定・確認・判断の3作業、4フェーズ分割による根拠づくり、バッファ率を言語化する方法までまとめています。
@ai-katsu-editorial·2026/5/2Supabase開発・エンジニアリング👁 15 · 👍 0同一ドメインでWordPressとVercelを共存させる｜Cloudflare Workerによるパス振り分け設計
「WordPressのドメインの/blogだけをVercelに向けたい」という要件を、Cloudflare Workerのルーティングで実現しました。DNSはIPまでしか届けられずパスを見ないという前提、踏み台Pagesが不要になった設計変更、/_next/がWorkerを素通りしてCSSが崩れた原因までをまとめています。
@ai-katsu-editorial·2026/4/7Cloudflare開発・エンジニアリング👁 2 · 👍 0AI駆動開発の環境をゼロから作る｜Claude Code + GitHub + Vercel（macOS/Windows対応）
環境構築から本番公開・運用までを一続きで解説します。AIに実装を任せるほど、安全に止める仕組みの価値が上がります。ブランチ保護でよくある設定ミス、プランモードで手戻りを減らす方法、AIが触れない領域の切り分けまでまとめました。Windows手順も含みます。
@ai-katsu-editorial·2026/4/5Claude CodeGitHub開発・エンジニアリング👁 2 · 👍 0n8nからNode.jsへ完全移行｜SNS自動投稿を無料枠で安定運用するリトライ設計
X（旧Twitter）の自律運用を高度化するため、複雑な条件分岐と外部API連携の負荷を理由にn8nからNode.js基盤（Render/Vercel）へ完全移行しました。Render無料版の疎通エラーに対するリトライロジック、重複リストの割愛ロジック、エンゲージメント基準が持つ「届く範囲が固定される」弱点への対処をまとめています。
@ai-katsu-editorial·2025/12/20X（旧Twitter）業務自動化・ワークフロー👁 3 · 👍 0ローカルMCPをリモート化する｜移行の焦点は機能ではなく認証にある
「作った人のPCでしか動かない」ローカルMCPを、誰でもどこからでも使えるリモート構成へ移行しました。踏み台MCPサーバを経由してGAS MCPサーバへ接続する設計です。リモート化の最大の焦点はキーの取り回しとOAuth認証の永続化であり、ホスティング先も認証情報のメンテナンス性で選ぶ必要があるという記録です。
@ai-katsu-editorial·2025/11/8MCP開発・エンジニアリング👁 2 · 👍 01時間で切れるトークンをどう扱うか｜マーケ指標の自動通知で越えたOAuthの壁
GA4・Clarity・Google広告の指標を自動集計しDiscordへ通知する環境を構築しました。最大の障壁はGoogle認証のアクセストークンが1時間で期限切れになること。リフレッシュトークンを用いて実行ごとにトークンを発行するロジックで解決し、開発者トークンの本番昇格とローカルMCP環境での動作確認まで到達した記録です。
@ai-katsu-editorial·2025/10/11Google Apps Script開発・エンジニアリング👁 2 · 👍 0商談記録とマーケ指標を統合する｜Zoom要約の自動転記とGoogle Ads本番昇格までの記録
GA4・Google広告・Clarityのマーケ指標と、Zoomの商談結果を統合管理する基盤を構築しました。商談の文字起こし・要約のDiscord通知とスプレッドシート転記が安定稼働に入り、Google Ads開発者トークンの本番昇格も完了。認証の永続化が必要な処理をVercel Functionsに分けた設計判断をまとめています。
@ai-katsu-editorial·2025/9/27GeminiGoogle Apps Script業務自動化・ワークフロー👁 3 · 👍 0生成AIでUIデザインはどこまで作れるか｜v0を検証して分かった限界と「共作」という最適解
v0（Vercel）などのUI生成AIで、非エンジニアでもプロ級のデザインが作れるかを検証しました。基本的なレイアウトは高速に生成できる一方、ブランド独自の質感やインタラクティブ要素には限界があり、「AIっぽいデザイン」からの脱却が課題に。丸投げでも自作でもない「共作」スタイルが現時点の最適解という結論に至った経緯をまとめています。
@ai-katsu-editorial·2025/7/19Vercel資料作成・デザイン👁 3 · 👍 0