01
設計フェーズ
要件の土台を固める段階。
パターンA: 5 → 4 → 3 → 2 → 1（面積ジャンプ防止）
02
実装・構築
堅牢なコードを記述。
03
静的解析
教授による型と構文の監査。
04
下地清掃
用務員によるゴミコード掃除。
05
本番納品
型落ち端末でも動く安心品質。
パターンB: 3 → 2 → 1（テキスト量にゆとりを持たせる王道）
01
プログレッシブ・エンハンスメント
モダンブラウザの恩恵を取り入れつつ、古い端末や環境でも確実に情報が届く基盤を最優先で維持します。
02
偶数リズムと視覚補正
機械的な数値配置に頼りすぎず、人間の目で見て最も心地よい1pxの重心ズレを丁寧にすくい上げます。
03
責務の完全分離
データ取得と画面描画、CSSスタイリングとJSトリガーを完全に疎結合に保ち、不発弾を残しません。