| 言語 |
TypeScript |
v5.8.3 |
backend / frontend / 拡張 |
型安全性。3 リポジトリで知識を共通化できる |
| ランタイム |
Bun |
v1.3.11 |
backend / frontend の実行・パッケージ管理・テスト |
TS をそのまま実行でき、テストランナーも内蔵でツール数を減らせる |
| API フレームワーク |
Hono |
v4.7.7 |
backend の Web API |
軽量で Lambda との相性が良い |
| API スキーマ |
@hono/zod-openapi |
v1.2.4 |
入力検証・型・OpenAPI 生成 |
1 つの Zod 定義でバリデーション・型・ドキュメントを兼ねられる |
| バリデーション |
Zod |
v4.3.6 |
データ形状の定義と実行時検証 |
TypeScript の型と実行時検証を同じ定義から導ける |
| ORM |
Drizzle ORM |
v0.45.2 |
DB 操作・マイグレーション生成 |
SQL に近い書き味で、スキーマ定義から型と SQL を生成できる |
| DB |
PostgreSQL |
v16 |
データ永続化 |
分岐条件などテーブル間の関係が複雑なため RDB を採用 |
| フロントフレームワーク |
Next.js |
v15.3.0 |
Web UI（App Router） |
サーバーコンポーネントとルーティングを標準で持つ |
| UI ライブラリ |
React |
v19.0.0 |
画面構築 |
Next.js の前提 |
| データ取得 |
TanStack Query |
v5.95.2 |
サーバーデータの取得・キャッシュ |
再取得・キャッシュ無効化を画面ごとに書かずに済む |
| 認証 |
next-auth |
v4.24.13 |
Google ログイン |
社内 Google アカウントで認証を完結できる |
| API クライアント生成 |
orval |
v7.8.0 |
OpenAPI から react-query クライアントを生成 |
backend の変更に frontend が追従でき、手書きの乖離を防げる |
| スタイル |
SCSS（CSS Modules） |
sass v1.98.0 |
画面のスタイリング |
クラス名の衝突を避けつつ既存の書き方を維持できる |
| 拡張フレームワーク |
Plasmo |
v0.90.3 |
Chrome 拡張 |
マニフェストとビルド設定を自動生成し、React で書ける |
| 拡張 UI |
MUI |
v5.14.20 |
拡張の UI コンポーネント |
拡張の画面を短時間で組める |
| インフラ |
AWS Lambda |
- |
backend API の実行環境 |
リクエスト単位の課金でコストを抑えられる |
| インフラ |
AWS App Runner |
- |
frontend の実行環境 |
コンテナイメージから直接ホスティングできる |
| インフラ |
Amazon ECR |
- |
コンテナイメージのレジストリ |
Lambda / App Runner の両方から参照できる |
| CI/CD |
GitHub Actions |
- |
ビルド・デプロイ |
main への push で ECR push とデプロイまで自動化 |
| ドキュメント |
MkDocs Material |
v9.7.6 |
本ドキュメント |
Markdown と mermaid でそのまま書ける。ja / en の i18n 対応 |