[{"data":1,"prerenderedAt":381},["ShallowReactive",2],{"\u002Fblog\u002Fcloudflare-broke-stack\u002F:ja":3,"\u002Fblog\u002Fcloudflare-broke-stack\u002F-surround:ja":279,"blog-all-posts:ja":280},{"id":4,"title":5,"author":6,"body":10,"date":261,"description":262,"extension":263,"image":264,"locale":265,"meta":266,"minRead":267,"navigation":268,"original":269,"path":270,"pinned":269,"seo":271,"source":272,"sourceUrl":23,"stem":273,"tags":274,"updated":264,"__hash__":278},"blog\u002Fblog\u002Fcloudflare-broke-stack.ja.md","2026 独立開発ベストプラクティス：Cloudflare 貧乏人フルセット",{"name":7,"avatar":8},"Chen Dahuang",{"src":9,"alt":7},"\u002Favatar.jpg",{"type":11,"value":12,"toc":247},"minimark",[13,28,36,40,157,160,165,168,172,175,179,182,204,208,211,214,234,237,240],[14,15,16],"blockquote",{},[17,18,19,20,27],"p",{},"固定ポスト。原文は ",[21,22,26],"a",{"href":23,"rel":24},"https:\u002F\u002Fx.com\u002Frealchendahuang\u002Fstatus\u002F2066586160902881542",[25],"nofollow","X"," に公開、4 万ビュー超。",[17,29,30,31,35],{},"2026 年独立開発ベストプラクティス：",[32,33,34],"strong",{},"Cloudflare 貧乏人フルセット","。",[37,38,39],"h2",{"id":39},"技術スタック一覧",[41,42,43,59],"table",{},[44,45,46],"thead",{},[47,48,49,53,56],"tr",{},[50,51,52],"th",{},"項目",[50,54,55],{},"選定",[50,57,58],{},"コスト",[60,61,62,74,85,96,106,117,127,137,147],"tbody",{},[47,63,64,68,71],{},[65,66,67],"td",{},"コード",[65,69,70],{},"Codex",[65,72,73],{},"サブスク制",[47,75,76,79,82],{},[65,77,78],{},"バージョン管理",[65,80,81],{},"GitHub",[65,83,84],{},"無料",[47,86,87,90,93],{},[65,88,89],{},"決済",[65,91,92],{},"Stripe",[65,94,95],{},"取引ごとに手数料",[47,97,98,101,104],{},[65,99,100],{},"フロント",[65,102,103],{},"TanStack Start",[65,105,84],{},[47,107,108,111,114],{},[65,109,110],{},"バックエンド",[65,112,113],{},"Hono + Cloudflare Workers",[65,115,116],{},"無料枠",[47,118,119,122,125],{},[65,120,121],{},"デプロイ",[65,123,124],{},"Cloudflare Pages",[65,126,84],{},[47,128,129,132,135],{},[65,130,131],{},"データベース",[65,133,134],{},"Cloudflare D1",[65,136,116],{},[47,138,139,142,145],{},[65,140,141],{},"ファイルストレージ",[65,143,144],{},"Cloudflare R2",[65,146,116],{},[47,148,149,152,155],{},[65,150,151],{},"キャッシュ \u002F 設定",[65,153,154],{},"Cloudflare KV",[65,156,116],{},[37,158,159],{"id":159},"なぜこの組み合わせなのか",[161,162,164],"h3",{"id":163},"codexコードを書いてフルスタック開発を完結","Codex：コードを書いて、フルスタック開発を完結",[17,166,167],{},"AI プログラミングはすでに独立開発者のデフォルト生産ツールだ。Codex の Agent モードは「要件 → コード → テスト → デプロイ」の流れを猛烈に短くしてくれる。一人でチームの仕事ができる。",[161,169,171],{"id":170},"フロント-tanstack-start-バックエンド-hono","フロント TanStack Start + バックエンド Hono",[17,173,174],{},"TanStack Start はフルスタック React フレームワークで、Workers エコシステムとの相性が良い。バックエンドは Hono——Workers のために生まれた軽量フレームワーク。ルーティング、ミドルウェア、型ヒントが快適で、サイズは小さく起動も速い。",[161,176,178],{"id":177},"db-d1-ストレージ-r2-キャッシュ-kv","DB D1 + ストレージ R2 + キャッシュ KV",[17,180,181],{},"この三つセットが Cloudflare 無料枠の要だ：",[183,184,185,192,198],"ul",{},[186,187,188,191],"li",{},[32,189,190],{},"D1","：SQLite 互換のリレーショナル DB。個人プロジェクトには無料枠で十分",[186,193,194,197],{},[32,195,196],{},"R2","：S3 互換オブジェクトストレージ。10GB 無料、出口トラフィック費用ゼロ——この点は AWS を粉砕する",[186,199,200,203],{},[32,201,202],{},"KV","：グローバル分散キーバリューストア。設定・キャッシュ・セッションに最適",[161,205,207],{"id":206},"デプロイ-pages-全無料インフラ","デプロイ Pages + 全無料インフラ",[17,209,210],{},"Pages は GitHub リポジトリと直結していて、push するだけでデプロイ。CDN と HTTPS も標準装備。ドメイン、DNS、CDN すべて Cloudflare 任せで、無料枠だけで製品ライン一本分が回る。",[37,212,213],{"id":213},"貧乏人戦略の核心",[183,215,216,222,228],{},[186,217,218,221],{},[32,219,220],{},"無料枠をフル活用","：DNS、CDN、Pages、Workers、KV、D1、R2、Tunnel、AI Gateway、無料なものは全部ぶち込む",[186,223,224,227],{},[32,225,226],{},"ただ乗りできるなら金を払わない","：サブスク費は本当に必要なところ（Codex）にだけ。残りは全部無料インフラ",[186,229,230,233],{},[32,231,232],{},"一つのプラットフォームで全部やる","：マルチクラウドを渡り歩く必要がなく、運用の頭の負担が最小",[37,235,236],{"id":236},"向いている人",[17,238,239],{},"予算が厳しくて、プロダクトを素早く検証したい独立開発者。インフラに時間をかけたくない AI コーディング勢。そして「まずは走り出す」プロジェクト全部。",[17,241,242,243,35],{},"Cloudflare は独立開発者にとって、サイバーな聖人だ。一銭も払わずに、プロダクトを完走させられる。詳しくは：",[21,244,246],{"href":245},"\u002Fblog\u002Ffree-cloudflare","無料ユーザーはどうやって Cloudflare を搾り尽くすか",{"title":248,"searchDepth":249,"depth":249,"links":250},"",2,[251,252,259,260],{"id":39,"depth":249,"text":39},{"id":159,"depth":249,"text":159,"children":253},[254,256,257,258],{"id":163,"depth":255,"text":164},3,{"id":170,"depth":255,"text":171},{"id":177,"depth":255,"text":178},{"id":206,"depth":255,"text":207},{"id":213,"depth":249,"text":213},{"id":236,"depth":249,"text":236},"2026-06-15","独立開発者のゼロコスト技術スタック：コードは Codex、バージョン管理は GitHub、決済は Stripe、フロントは TanStack Start、バックエンドは Hono + Workers、DB は D1、ストレージは R2、キャッシュは KV。全部 Cloudflare の上で回す。","md",null,"ja",{},6,true,false,"\u002Fblog\u002Fcloudflare-broke-stack",{"title":5,"description":262},"x","blog\u002Fcloudflare-broke-stack.ja",[275,276,277],"Cloudflare","独立開発","技術スタック","W6V2SLFRhPr2pHXyjjgJlrgWwYuQoACstCiGLPt_LT0",[264,264],[281,289,291,300,307,312,319,327,335,341,348,357,364,372],{"path":282,"title":283,"description":284,"date":285,"minRead":267,"tags":286},"\u002Fblog\u002Fagent-harness-selection","Pi Agent・OMP・Codex・ZCode を試して、結局 OpenCode + OpenChamber を選んだ理由","Agent Harness 選定の振り返り：GUI 体験、ベンダーロックイン、二次開発の自由度の三基準で Pi Agent・OMP・Codex・ZCode を切り、最終的に OpenCode カーネル + OpenChamber インターフェースを選んだ。","2026-08-06",[287,288],"AI Agent","ツール選定",{"path":270,"title":5,"description":262,"date":261,"minRead":267,"tags":290},[275,276,277],{"path":292,"title":293,"description":294,"date":295,"minRead":267,"tags":296},"\u002Fblog\u002Fdeepseek-api-web-search","DeepSeek API に組み込みの Web 検索、Responses API で公式の検索能力をタダで使う","DeepSeek が公式 API に Web 検索を内蔵。Responses エンドポイントで deepseek-v4-flash を呼び、web_search ツールを宣言するだけでいい。サードパーティの検索エンジンに繋がなくても、検索キーの申請も不要。","2026-08-05",[297,298,299],"DeepSeek","API","AI ツール",{"path":301,"title":302,"description":303,"date":295,"minRead":304,"tags":305},"\u002Fblog\u002Fdeepseek-v4-flash-review","DeepSeek V4 Flash 正式版を徹底レビュー：安い、速い、1M コンテキスト、検索内蔵","DeepSeek V4 Flash 正式版を数日間がっつり使ってみた：異常な安さ、電光石火の速さ、1M コンテキスト、公式組み込みの Web 検索、完全オープンソース。唯一の弱点はマルチモーダルだが、別モデルと組み合わせれば補える。",7,[297,306,299],"モデルレビュー",{"path":245,"title":308,"description":309,"date":261,"minRead":310,"tags":311},"無料ユーザーはどうやって Cloudflare を搾り尽くすか。無料版でどこまでタダ乗りできる？","Cloudflare 無料版は個人用インターネット基盤一式を支えられる：DNS、CDN、Pages、Workers、KV、D1、R2、メール、Tunnel、AI Gateway など。",8,[275,116,121],{"path":313,"title":314,"description":315,"date":316,"minRead":310,"tags":317},"\u002Fblog\u002Fmodel-harness-decoupling","純正 Harness が必ずしも今の正解とは限らない：オープンモデル時代、モデルと Harness は分けて選ぶ","Claude を使うなら Claude Code？オープンモデル時代、この直感はアップデートが必要だ。純正の強みは本物だが、良いモデルを鍛えることと良い Harness を作ることは別の工学である——この記事では、モデルと Harness を分けて選べるようになった理由と、5 つの Harness の位置づけマップを解説する。","2026-09-09",[287,318,288],"Harness",{"path":320,"title":321,"description":322,"date":316,"minRead":310,"tags":323},"\u002Fblog\u002Fopencode-productive-stack","安定・高速・高生産性・安価：私の AI Coding スタック実録","OpenCode + OpenChamber + DeepSeek V4 Flash のサブスク 2 本で、15 プロジェクトを同時に回してもクォータはほとんど減らない。この記事では Context 剪定、階層メモリ、デスクトップ自動化、そして「やはり元の組み合わせ」という選定の教訓まで、設定の全記録をさらけ出す。",[324,325,326],"OpenCode","AI コーディング","設定",{"path":328,"title":329,"description":330,"date":331,"minRead":332,"tags":333},"\u002Fblog\u002Fproduct-faxin-principle","発心原理：独立開発者はなぜ「捨てる」ことを学ぶべきか","なぜ出発するのか。誰のために出発するのか。結局どの問題を解決したいのか。製品の鋭さは、手放す覚悟から生まれる。","2026-06-20",10,[334,276],"プロダクト思考",{"path":336,"title":337,"description":338,"date":331,"minRead":310,"tags":339},"\u002Fblog\u002Fproduct-pain-vs-itch","ユーザーに「すごい」と言われても浮かれるな：痛点と痒点","口先だけの称賛は一文の価値もない。需要を判断する唯一の厳しい基準は、ユーザーが何を払う気があるかを見ること。",[334,340],"需要判断",{"path":342,"title":343,"description":344,"date":285,"minRead":345,"tags":346},"\u002Fblog\u002Fqwen-vision-for-deepseek","DeepSeek にマルチモーダルを補う：Qwen-3.7-Flash 識図スキーム","DeepSeek V4 Flash はマルチモーダル非対応。画像認識はどうする？調べたところ、現時点で最コスパのスキームは Qwen-3.7-Flash：画像一枚の認識コストが極端に安く、V4 Flash と組み合わせれば弱点を補える。",5,[297,347,306],"マルチモーダル",{"path":349,"title":350,"description":351,"date":352,"minRead":353,"tags":354},"\u002Fblog\u002Fsub-store-cloudflare","機場（プロキシサービス）のサブスク集約を Cloudflare に移した","複数の機場と自前ノードを一本のサブスクにまとめ、分流ルールはサーバー側で設定。クライアントはサブスクを使うだけ。","2026-06-28",4,[275,355,356],"科学上网（プロキシ）","オープンソースプロジェクト",{"path":358,"title":359,"description":360,"date":316,"minRead":304,"tags":361},"\u002Fblog\u002Ftui-cognitive-bandwidth","TUI はあなたの認知帯域を食いつぶしている：AI Coding の『ギークフィルター』はそろそろ砕くとき","AI Coding Agent がこぞって TUI を載せ、インタラクションを 80 年代のターミナル・パラダイムに押し戻しておきながら、「没入型」「プログラマーへの敬意」などと美称する。この記事では、TUI が認知帯域をシステマティックに下げる 3 つのメカニズムと、Web UI こそが正解である理由を解き明かす。",[325,362,363],"インタラクション設計","エッセイ",{"path":365,"title":366,"description":367,"date":368,"minRead":267,"tags":369},"\u002Fblog\u002Fvalue-not-external","「価値があるか」を議論すること自体に、価値はない","私たちの価値は誰にも定義されない。人は AI 時代に、一体どうやって自分を理解すべきなのか。","2026-06-18",[370,371],"AI 思考","人文エッセイ",{"path":373,"title":374,"description":375,"date":376,"minRead":377,"tags":378},"\u002Fblog\u002Fx-growth-1000-followers","1 日でフォロワー 1000+ 増えた、俺がやったこと","6 月に X を本気で運用したら、1 日でフォロワー 1000+ 増えた。この記事では当時やったことと、もらった反応を記録する。","2026-06-16",12,[379,380],"X 運用","コンテンツ成長",1789752313348]