Milestone M1

LINE勤怠管理システム

LINE と LIFF の軽快さを入口にしつつ、管理画面では承認・監査・締め処理に耐える業務基盤を提供します。

App Router 基盤

LIFF / 管理画面 / API / Cron の最小導線を分離しています。

Ready
`src/app/(liff)` と `src/app/(admin)` を分離
`src/app/api/**` に Route Handler 雛形を配置
M2 以降を見据えた責務分離の骨格を先行定義

環境変数と規約

`.env.example` と `src/lib/env.ts` でランタイム検証の土台を作っています。

Validated
  • LINE / LIFF / freee / DB / セキュリティ項目を定義
  • `docs/development-rules.md` に受け入れ基準を整理
  • `plans.md` と設計資料を同期しやすい構成

UI トークン

`DESIGN.md` の色・余白・タイポグラフィを CSS 変数へ写しています。

Design System
  • トークンの正本は `src/styles/globals.css`
  • `src/lib/design-tokens.ts` に数値定義を保持
  • shadcn/ui を追加しやすい `components.json` を配置

画面導線

M1 で用意した画面の入口です。

M1 完了条件

この状態から M2 以降の実装へ入れるように、基盤だけ先に固めています。

  • Next.js / TypeScript strict / Tailwind / ESLint / Prettier / Vitest の基盤
  • LIFF・管理画面・API・Cron のディレクトリ骨格
  • 環境変数スキーマと `.env.example` の整備
  • UI トークン、shadcn/ui 追加準備、開発ルール文書