Blog
一般的な技術記事・Tips・学び
Svix を読む — Webhook 送信は「POST するだけ」ではないという話
Webhook送信基盤Svixを、署名検証（HMAC-SHA256）・指数バックオフのリトライ・冪等性・App Portalの4点から解説。自前実装との分岐点まで。
Claude Code 図解スキル3種を比較 — eli5 / show-me / diagram-design は何が違い、どれを入れるべきか
2026年8月にバズった Claude Code の図解スキル eli5・show-me・diagram-design を、SKILL.md の中身・出力形式・実測時間とコストで比較。321バイトから39KBまで、スキル設計の3つの思想と使い分けを解説する。
ChatGPT Computer History — スクリーンショットをやめて「操作イベント」を覚えるMacの記憶機能を読み解く
2026年8月13日に登場したChatGPT for MacのComputer Historyを、Chronicleからの設計転換・イベント記録の仕組み・Windows Recallとの比較・平文Markdownとプロンプトインジェクションの論点・有効化の設計手順の順に整理します。
静的ブログをPWAにして「毎朝の復習通知」を届ける — manifest / Service Worker / Web Push / Vercel Cron 実装記録
Astro製の静的ブログにある間隔反復クイズ「今日の復習」をPWA化し、毎朝10時にWeb Pushで呼び戻す仕組みを作った記録。manifest・Service Worker・VAPID購読・Vercel Functions + Upstash Redis・Cron送信・Badging APIまで、ハマりどころ込みでまとめます。
ChatGPT Work — 「答える」から「仕上げる」へ、OpenAIの仕事用エージェントを読み解く
2026年7月9日に登場したChatGPT Workを、Chat/Work/Codexの三層構造・プラグインと計画モードの仕組み・メーター制の利用枠・Enterprise統治・Claude Coworkとの違い・ブリーフの書き方の順に、導入を検討する実務者の目線で整理します。
OpenAI Vector Embeddings 入門 — 「意味」を数値にしてセマンティック検索を組む
OpenAI Embeddings API を概念から解説。text-embedding-3 の選び方、dimensions（Matryoshka）、コサイン類似度、pgvector でのセマンティック検索、コスト見積と落とし穴まで実務目線でまとめます。
ブラウザに値を保存する選択肢を整理する — Cookie / localStorage / sessionStorage / IndexedDB の使い分け
Cookie・localStorage・sessionStorage・IndexedDB・Cache API・OPFS を「寿命 / スコープ / 容量 / 同期性 / サーバ送信 / XSS耐性」の6軸で比較。認証トークンをどこに置くか、保存したデータが消える理由、SSR環境での落とし穴まで実務目線でまとめます。
agent-browser を読む — なぜブラウザ操作は MCP より CLI が効くのか
Vercel LabsがApache-2.0で公開したagent-browserを、「エージェントにブラウザを渡す」という同じ目的にMCPサーバーではなくCLIを選んだ理由——コンテキスト税とsnapshot+refsという2つの設計判断から読み解きます。
Grok 4.6 — 500Kコンテキストと「200Kの料金所」
2026年8月12日にSpaceXAI（旧xAI）が公開したGrok 4.6を、ベンチマークの偏り・200Kトークンの課金崖・xhigh推論・キャッシュを効かせるヘッダの順に、API利用者目線で整理します。
WebMCP を読む — サイトが「エージェント用の入口」を自分で持つということ
W3C Web Machine Learning CGで進むWebMCPを、「エージェントにDOMを触らせる」のではなく「サイトが自分でツールを宣言する」という反転から読み解きます。document.modelContextへの移動、認証の継承、そして採用がゼロに近い理由まで。