Tech Stack
使用技術スタック
フロントエンド
Next.js
15.1
App Router + Static Export による高速な静的サイト生成
React
19
最新のReact機能とServer Components対応
TypeScript
5.6
型安全性によるバグ防止と開発体験の向上
Tailwind CSS
3.4
ユーティリティファーストによる高速スタイリング
Framer Motion
11.x
宣言的アニメーションAPIとジェスチャー対応
Three.js
0.170
React Three Fiberによる3D背景エフェクト
コンテンツ処理
React Markdown
10.x
ブログ記事のMarkdownレンダリング
Shiki
3.x
シンタックスハイライト（VS Code互換）
KaTeX
0.16
数式レンダリング（LaTeX記法対応）
Mermaid
11.x
フローチャート・ダイアグラム生成
インフラ・ホスティング
Cloudflare Pages
-
エッジデプロイ・グローバルCDN・DDoS保護
GitHub Actions
-
CI/CD・Lighthouse CI・セキュリティスキャン
Upstash Redis
-
サーバーレスRedisによるレート制限
監視・分析
Sentry
10.x
エラー監視・Session Replay・パフォーマンス計測
Google Analytics
GA4
アクセス解析・ユーザー行動分析
UptimeRobot
-
24時間稼働監視・ダウンタイム通知
開発ツール
ESLint
8.x
コード品質の維持とベストプラクティスの強制
Prettier
3.x
一貫したコードフォーマット
Husky
9.x
Git hooksによるコミット前チェック
CodeQL
-
静的解析によるセキュリティ脆弱性検出