#TypeScript

【設計】プロダクトエラーの重要度分類 — critical / warning / notice をどう決めるか

「プロダクトが止まるか」を基準にしたエラー重要度の分類方法。全APIルートの分類一覧と判断理由を解説。

4ヶ月前|設計

【実装】Cloudflare Workers + Next.js でエラーをDiscord Webhookに自動通知する仕組みを作った

Discord Webhookを使った3段階エラー通知の設計と実装。fire-and-forget、PIIマスク、worker.tsとの共通化まで解説。

#TypeScript#Discord

【実装】ブログのUI/UXを30項目以上改善した全記録 — Zenn/Qiita/dev.toを参考に

Zenn・Qiita・DEV Community の 3 サイトを分析して洗い出した 50 件以上の改善候補から、DB 不要の 30 項目を実装した記録。コードブロックのライト/ダーク対応、RSS、OGP 動的生成、PWA まで解説。

#TypeScript#React

【実装】Notion calloutブロックをNext.jsでカラフルなUIコンポーネントとして表示する

Notion calloutブロックをNext.jsでカラフルなUIコンポーネントとして表示するの実装方法をコード例付きで解説。

#Notion#TypeScript

【実践】Next.js 13→16メジャーアップグレードの全記録 — 破壊的変更と対応策

Next.js 13 から 16 へ 3世代スキップで上げた記録。params の Promise 化、useSearchParams の Suspense 必須化、Turbopack 標準化にどう対処したかを、影響範囲とコード付きで。

#TypeScript#React

【実装】Notion APIでブログシステムを構築する（Next.js 13 App Router × SDK v5）

Notion APIでブログシステムを構築する（Next.js 13 App Router × SDK v5）の実装方法をコード例付きで解説。

#Notion#TypeScript

【移行ガイド】microCMSからNotion APIへブログCMSを完全移行する

microCMSからNotion APIへブログCMSを完全移行するの実装方法をコード例付きで解説。

#Notion#TypeScript

【トラブルシューティング】Stripe SDK を Cloudflare Workers で動かす

Stripe SDK を Cloudflare Workers で動かすの原因と解決策を実例付きで解説。

5ヶ月前|トラブルシューティング

【設定・環境構築】Next.js アプリを OpenNext で Cloudflare Workers にデプロイする

Next.js アプリを OpenNext で Cloudflare Workers にデプロイするの手順を実践的に解説。つまずきポイントも網羅。

5ヶ月前|設定・環境構築

【トラブルシューティング】Prisma v7 の engineType="client" でローカル/Workers 環境を両立させる

Prisma v7 の engineType="client" でローカル/Workers 環境を両立させるの原因と解決策を実例付きで解説。

5ヶ月前|トラブルシューティング

【実装】Next.js + Resend + NextAuth v5 でメール認証付きサインアップフローを実装

Next.js + Resend + NextAuth v5 でメール認証付きサインアップフローを実装の実装方法をコード例付きで解説。

6ヶ月前|実装