# K2pbLab_07_Codex|Figmaデザイン実装・再現性検証 ## 目的 Figmaで制作したトップページを、CodexがK2 Project Base(K2pb)の既存資産を活用して実装できるか検証する。 ## 実施条件 - 担当:Codex - 実装先:`dsm_for_design_codex` - 参照元:フェイズ06のFigma最終デザイン(ノード `48:2`) - 比較対象:フェイズ04の最新版HTMLワイヤーフレーム - K2pb MASTERへの直接変更は禁止 ## 進め方 1. 作業環境と既存資産を確認する。 2. Figmaデザインの取得方法と取得可能な情報を確認する。 3. 既存HTML・CSSとFigmaデザインの差分を分析する。 4. K2pbの既存コンポーネント・クラスを優先して実装する。 5. 表示・レスポンシブ・アクセシビリティを検証する。 6. 再現精度、既存資産の活用率、手戻り、作業時間、費用を記録する。 ## 重要事項 - `dsm_for_wire`はワイヤー制作・改修用インスタンス。 - `dsm_for_design_codex`のみを今回の実装対象とする。 - HTMLは人間が編集しやすい改行・インデントとする。 - 人間の修正をGit差分で追跡可能にする。 - 汎用的な改修成果は、後日K2pb MASTERへの還元候補とする。 ## 初回作業 まず環境・資料・Figmaへの接続状況を確認し、実装方針を報告する。 **ユーザーの承認前にファイルを変更しないこと。**