Next.jsでfake timersを使う方法|setTimeout・日付・非同期テストを高速化作成日: 2026年4月24日·更新日: 2026年5月31日·3445 文字·7 分Next.js Jest Vitest テスト JavaScript 自動テスト フロントエンドテストにおける「実行タイミングによるフラつき」や「数秒待機による速度低下」を解決する疑似タイマー(Fake Timers)の決定版ガイド。Jest/Vitestの具体的な実装コードと実務的なデバッグテクニックを網羅します。
Next.jsとSupabaseで挑む個人開発「Kashikari」リリース記|精算の最小最適化アルゴリズムとセキュリティ設計作成日: 2026年4月19日·更新日: 2026年5月31日·3806 文字·8 分Next.js Supabase TypeScript PWA 個人開発 App Router プロダクト開発 データベースNext.js、Supabase、Tailwind CSS を活用した精算・貸し借り管理アプリ「Kashikari」の技術解説。最小送金経路算出ロジックのTypeScript実装、データベースレイヤーにおけるRLSセキュリティ設計など、個人開発における技術的なこだわりを公開します。
Supabase RLS完全ガイド|データベース層で守る鉄壁のセキュリティ設計作成日: 2026年4月18日·更新日: 2026年5月3日·2098 文字·5 分Supabase PostgreSQL セキュリティ RLS BaaS 認証・認可Supabase開発で避けて通れないRLS(行レベルセキュリティ)。その本質的な役割から、認証ユーザー別のアクセス制御の実装例、パフォーマンスを落とさないポリシーの書き方、そして「なぜAPIサーバーではなくDBで守るのか」を体系的に解説した決定版ガイドです。
Git stashとは?使い方・戻し方・commitとの違いまで徹底解説作成日: 2026年4月16日·956 文字·2 分Git バージョン管理 開発効率Git stashの基本から応用まで解説。変更の一時退避・復元・削除・事故復旧まで実務目線で紹介します。
Next.jsで「as any」を卒業せよ!型安全を劇的に高める5つの代替テクニック作成日: 2026年4月11日·更新日: 2026年5月31日·3096 文字·7 分Next.js TypeScript 型安全 React 開発効率 設計 フロントエンド静的解析のメリットを壊す「as any」を克服するためのTypeScript設計パターン。「とりあえずany」から脱却し、コンパイラの力を100%引き出してプロダクトの信頼性を高めるための代替手法をコード例付きで詳解します。
Dockerのメモリを増やす方法|Mac・Windows・Linux別に解説作成日: 2026年4月2日·1442 文字·3 分Docker メモリ DevOps 環境構築Dockerのメモリを増やす方法をOS別に解説。Docker DesktopやLinuxでの設定変更、メモリ不足時の対処法までわかりやすく紹介します。
エンジニアのためのCSS色彩設計ガイド|プリミティブとセマンティックによる論理的な配色管理作成日: 2026年3月31日·更新日: 2026年5月2日·1400 文字·3 分CSS デザインシステム UI デザイン理論 アクセシビリティセンスに頼らず「論理」で色を扱うためのCSS色彩設計。プリミティブからセマンティックへの階層化、アクセシビリティ(WCAG)を考慮したコントラスト設計、そして最新のOKLCHやRelative Color Syntaxの活用まで、保守性の高いUI構築のためのベストプラクティスを解説します。
iOSでinputがズームされる原因と対策【ハーフモーダル対応】作成日: 2026年3月26日·1519 文字·4 分IOS Safari Next.js CSS UIiOSでinputフォーカス時に画面が拡大される問題の原因と対策を解説。ハーフモーダルやBottom Sheetでの実装時の注意点も紹介します。