メインコンテンツへスキップ

記事一覧

Next.jsでfake timersを使う方法|setTimeout・日付・非同期テストを高速化

··3445 文字·7 分
テストにおける「実行タイミングによるフラつき」や「数秒待機による速度低下」を解決する疑似タイマー(Fake Timers)の決定版ガイド。Jest/Vitestの具体的な実装コードと実務的なデバッグテクニックを網羅します。

Next.jsとSupabaseで挑む個人開発「Kashikari」リリース記|精算の最小最適化アルゴリズムとセキュリティ設計

··3806 文字·8 分
Next.js、Supabase、Tailwind CSS を活用した精算・貸し借り管理アプリ「Kashikari」の技術解説。最小送金経路算出ロジックのTypeScript実装、データベースレイヤーにおけるRLSセキュリティ設計など、個人開発における技術的なこだわりを公開します。

Supabase RLS完全ガイド|データベース層で守る鉄壁のセキュリティ設計

··2098 文字·5 分
Supabase開発で避けて通れないRLS(行レベルセキュリティ)。その本質的な役割から、認証ユーザー別のアクセス制御の実装例、パフォーマンスを落とさないポリシーの書き方、そして「なぜAPIサーバーではなくDBで守るのか」を体系的に解説した決定版ガイドです。

Next.jsで「as any」を卒業せよ!型安全を劇的に高める5つの代替テクニック

··3096 文字·7 分
静的解析のメリットを壊す「as any」を克服するためのTypeScript設計パターン。「とりあえずany」から脱却し、コンパイラの力を100%引き出してプロダクトの信頼性を高めるための代替手法をコード例付きで詳解します。

エンジニアのためのCSS色彩設計ガイド|プリミティブとセマンティックによる論理的な配色管理

··1400 文字·3 分
センスに頼らず「論理」で色を扱うためのCSS色彩設計。プリミティブからセマンティックへの階層化、アクセシビリティ(WCAG)を考慮したコントラスト設計、そして最新のOKLCHやRelative Color Syntaxの活用まで、保守性の高いUI構築のためのベストプラクティスを解説します。