Blog
手を動かして分かったことを、そのまま書く技術メモ
Nuxt / Supabase / Cloudflare でのサービス構築、セキュリティ、AI エージェントの活用、製造業の FA・搬送システムなど。実際のプロジェクトで踏んだ話が中心です。
約 7 分
AI コーディングエージェントを何体も並列で走らせると何が起きるか — 管理ツール「すみつぼ」を作っている理由
Claude Code などを 2〜6 体並列で動かすと、承認待ちの取りこぼし・コストの見えなさ・コンフリクトで人間がボトルネックになる。Windows ネイティブで TUI と GUI を同じコアに載せる「すみつぼ」の設計思想と、なぜその構造にしたかを書きます。
- AI
- Claude Code
- Rust
- 開発ツール
約 9 分
Nuxt 4 のポートフォリオを完全静的にして Cloudflare Workers に載せるまで — SEO のためにやったこと全部
このサイト自体の話。Nuxt 4 を prerender で全ページ静的化し、title / canonical / JSON-LD / sitemap を仕込み、supabase-js を外して JS を 37% 減らし、日本語 Web フォントを捨てて CSS を半分にした。Cloudflare Workers Builds へのデプロイと _headers の落とし穴も。
- Nuxt
- SEO
- Cloudflare
- パフォーマンス
約 8 分
Cloudflare Pages の _headers は Worker が返す HTML に効かない — セキュリティヘッダーと CSP を enforce するまで
Nuxt を cloudflare-pages preset でデプロイすると、HTML は全部 Worker が返すので public/_headers のヘッダーが乗らない。X-Frame-Options が実質ゼロだった話と、CSP を Report-Only で実測してから enforce に上げた手順、script-src に unsafe-inline を残さざるを得なかった理由。
- Cloudflare
- Nuxt
- セキュリティ
- CSP
約 10 分
Nuxt 4 + Supabase + Cloudflare で家族向けアプリを一人で作って運用する構成 — Finoko の技術選定
子どものお手伝い・お小遣い・金融学習アプリ「Finoko」を、企画から開発・運用・課金まで一人で回すために選んだ構成。SPA + Cloudflare Pages、Supabase の RLS と RPC、Web Push と Edge Functions、Stripe、テスト 290 件、ランニング費用の抑え方。
- Nuxt
- Supabase
- Cloudflare
- Stripe
- Finoko