◉ANTIGRAVITY LABEN
TAG

cloudflare

10 記事
← タグ一覧に戻る
関連タグ:
antigravity5個人開発3Antigravity3workers3production2agentkit1rag1saas1nextjs1AdMob1api1troubleshooting1
▣ アプリ開発/2026-10-15中級

immutable を付けた資産を同じ URL で差し替えたら、利用者のブラウザだけが古いままでした

長期キャッシュを付けた JS を同じ URL で差し替えても、CDN をパージしてもブラウザは取り直しません。同じ URL・no-cache・クエリ付き・内容ハッシュ名の 4 方式を Chromium で並べて比べ、ビルドの最後にハッシュを付ける完全なスクリプトまでをまとめました。

▣ アプリ開発/2026-09-29上級

Cloudflare をパージしても古い壁紙が届き続けた原因は、オリジン側で JPEG を握っていた XPageSpeed

同じ URL に上書きした壁紙画像が、Cloudflare をパージしても古いまま届き続けた運用の記録です。ローカル・オリジン・エッジの三者を突き合わせて層を名指しする検査、プレフィックスパージの使いどころ、Xserver の XPageSpeed を .htaccess で安全に切る書き方まで扱います。

⬡ 連携/2026-04-30上級

Antigravity × Cloudflare Durable Objects で作るステートフル AI エージェント — 1セッション=1インスタンスで会話・ツール状態・コストを一元管理

Antigravity で開発した AI エージェントを Cloudflare Durable Objects に載せて、会話履歴・ツール呼び出し・トークン消費を1セッション1インスタンスで管理する設計と実装を、実際に本番投入したコードと運用コストで解説します。

▣ アプリ開発/2026-04-29上級

Antigravity × Cloudflare Vectorize:エッジで動く本番 RAG パイプラインを構築する

Cloudflare Vectorize を使ったエッジ RAG パイプラインを Antigravity で構築する本番ガイド。チャンク分割・ハイブリッド検索・コスト設計・観測まで個人開発で運用できる粒度で解説します。

▣ アプリ開発/2026-04-26上級

Antigravity × Cloudflare エッジSaaS設計ガイド: D1・Workers・R2・Workers AIを統合した本番アーキテクチャ

Antigravityを使ってCloudflare D1・Workers・R2・Workers AIを統合したエッジSaaSを本番で動かすための設計ガイド。N+1問題・CPU制限・コスト管理など実際の落とし穴と解決策を網羅します。

▣ アプリ開発/2026-06-14上級

エッジキャッシュが Next.js の空ページを固定化していた原因と、cache-worker のガード設計

ユーザーから「時々読み込みエラーになる」と報告されるのに手元では再現しない。SSR の例外が HTTP 200 で配信され、それをエッジキャッシュが固定化していた原因を Antigravity のエージェントで切り分け、cache-worker にキャッシュ拒否ガードを実装した記録です。

⬡ 連携/2026-06-09上級

壁紙アプリの画像配信を解像度バケット方式で組み直す — Antigravity エージェントに変換と検証を任せた運用設計

端末解像度が増えるたびに壁紙アプリの配信は重くなります。1枚の原画を全端末へ配る方式をやめ、解像度バケット+WebP/AVIF+エッジリダイレクトに組み直し、変換と検証を Antigravity エージェントに任せた運用設計を、実際のコードと閾値ごと残しました。

▣ アプリ開発/2026-05-14中級

開発中にCORSエラーが出てAntigravityのAPIテストが止まる — 環境別の原因特定と解決法

Antigravityで開発中にCORSエラーが出てAPIテストが進まなくなる問題を解決します。Next.js・Cloudflare Workers・Supabaseなど環境別に原因を特定し、Antigravityへの修正依頼方法まで整理します。

▣ アプリ開発/2026-03-28中級

Antigravity × Cloudflare R2 でファイルアップロード&画像最適化パイプラインを構築する

S3 互換のオブジェクトストレージ Cloudflare R2 を使い、ファイルアップロードと画像最適化のパイプラインを構築します。Antigravity エージェントによる API 自動生成、署名付き URL でのセキュアなアップロード、Workers AI での画像解析まで扱います。

▣ アプリ開発/2026-03-10中級

Next.js × Antigravity Web 開発ガイド — AI 駆動のフルスタック開発

Next.js の App Router を使ったフルスタック開発を、Antigravity の AI 駆動で進めるガイドです。プロジェクトの初期設定、コンポーネント生成、API ルート実装、データベース連携、セキュリティの考慮点までを一つの流れとして解説します。