[{"data":1,"prerenderedAt":317},["ShallowReactive",2],{"navigation_docs":3,"-frontend-html-quality":190,"-frontend-html-quality-surround":312},[4,136,150,183],{"title":5,"path":6,"stem":7,"children":8},"Frontend","\u002Ffrontend","1.frontend",[9,13,39,76,109,130],{"title":10,"path":6,"stem":11,"order":12},"フロントエンド ガイドライン","1.frontend\u002Findex",1,{"title":14,"path":15,"stem":16,"children":17},"HTML","\u002Ffrontend\u002Fhtml","1.frontend\u002F1.html\u002Findex",[18,19,23,27,31,35],{"title":14,"path":15,"stem":16},{"title":20,"path":21,"stem":22},"コードスタイル","\u002Ffrontend\u002Fhtml\u002Fcode-style","1.frontend\u002F1.html\u002Fcode-style",{"title":24,"path":25,"stem":26},"見出しタグ","\u002Ffrontend\u002Fhtml\u002Fheading","1.frontend\u002F1.html\u002Fheading",{"title":28,"path":29,"stem":30},"img タグ","\u002Ffrontend\u002Fhtml\u002Fimg","1.frontend\u002F1.html\u002Fimg",{"title":32,"path":33,"stem":34},"パスとリンク","\u002Ffrontend\u002Fhtml\u002Flink","1.frontend\u002F1.html\u002Flink",{"title":36,"path":37,"stem":38},"品質管理","\u002Ffrontend\u002Fhtml\u002Fquality","1.frontend\u002F1.html\u002Fquality",{"title":40,"path":41,"stem":42,"children":43},"CSS","\u002Ffrontend\u002Fcss","1.frontend\u002F2.css\u002Findex",[44,45,49,52,56,60,64,68,72],{"title":40,"path":41,"stem":42},{"title":46,"path":47,"stem":48},"命名規則・コンポーネント設計","\u002Ffrontend\u002Fcss\u002Farchitecture","1.frontend\u002F2.css\u002Farchitecture",{"title":20,"path":50,"stem":51},"\u002Ffrontend\u002Fcss\u002Fcode-style","1.frontend\u002F2.css\u002Fcode-style",{"title":53,"path":54,"stem":55},"Web フォント","\u002Ffrontend\u002Fcss\u002Ffonts","1.frontend\u002F2.css\u002Ffonts",{"title":57,"path":58,"stem":59},"記述順番","\u002Ffrontend\u002Fcss\u002Forder","1.frontend\u002F2.css\u002Forder",{"title":61,"path":62,"stem":63},"プロパティのルール","\u002Ffrontend\u002Fcss\u002Fproperties","1.frontend\u002F2.css\u002Fproperties",{"title":65,"path":66,"stem":67},"Tailwind CSS","\u002Ffrontend\u002Fcss\u002Ftailwind","1.frontend\u002F2.css\u002Ftailwind",{"title":69,"path":70,"stem":71},"値のルール","\u002Ffrontend\u002Fcss\u002Fvalues","1.frontend\u002F2.css\u002Fvalues",{"title":73,"path":74,"stem":75},"CSS 変数（カスタムプロパティ）","\u002Ffrontend\u002Fcss\u002Fvariables","1.frontend\u002F2.css\u002Fvariables",{"title":77,"path":78,"stem":79,"children":80},"JavaScript","\u002Ffrontend\u002Fjs","1.frontend\u002F3.js\u002Findex",[81,82,85,89,93,97,101,105],{"title":77,"path":78,"stem":79},{"title":20,"path":83,"stem":84},"\u002Ffrontend\u002Fjs\u002Fcode-style","1.frontend\u002F3.js\u002Fcode-style",{"title":86,"path":87,"stem":88},"エラーハンドリング","\u002Ffrontend\u002Fjs\u002Ferror-handling","1.frontend\u002F3.js\u002Ferror-handling",{"title":90,"path":91,"stem":92},"ライブラリの利用","\u002Ffrontend\u002Fjs\u002Flibraries","1.frontend\u002F3.js\u002Flibraries",{"title":94,"path":95,"stem":96},"HTML への読み込み","\u002Ffrontend\u002Fjs\u002Floading","1.frontend\u002F3.js\u002Floading",{"title":98,"path":99,"stem":100},"モジュール","\u002Ffrontend\u002Fjs\u002Fmodule-structure","1.frontend\u002F3.js\u002Fmodule-structure",{"title":102,"path":103,"stem":104},"命名規則","\u002Ffrontend\u002Fjs\u002Fnaming","1.frontend\u002F3.js\u002Fnaming",{"title":106,"path":107,"stem":108},"パフォーマンス最適化","\u002Ffrontend\u002Fjs\u002Fperformance","1.frontend\u002F3.js\u002Fperformance",{"title":110,"path":111,"stem":112,"children":113},"画像・メディアリソースガイドライン","\u002Ffrontend\u002Fmedia","1.frontend\u002F4.media\u002Findex",[114,115,119,123,127],{"title":110,"path":111,"stem":112},{"title":116,"path":117,"stem":118},"アクセシビリティ","\u002Ffrontend\u002Fmedia\u002Faccessibility","1.frontend\u002F4.media\u002Faccessibility",{"title":120,"path":121,"stem":122},"画像フォーマット","\u002Ffrontend\u002Fmedia\u002Fformats","1.frontend\u002F4.media\u002Fformats",{"title":124,"path":125,"stem":126},"ファイル命名規則","\u002Ffrontend\u002Fmedia\u002Fnaming","1.frontend\u002F4.media\u002Fnaming",{"title":106,"path":128,"stem":129},"\u002Ffrontend\u002Fmedia\u002Foptimization","1.frontend\u002F4.media\u002Foptimization",{"title":131,"path":132,"stem":133,"children":134},"開発環境テンプレート","\u002Ffrontend\u002Fenvironment","1.frontend\u002F5.environment\u002Findex",[135],{"title":131,"path":132,"stem":133},{"title":137,"path":138,"stem":139,"children":140,"page":149},"Deploy Release","\u002Fdeploy-release","2.deploy-release",[141,145],{"title":142,"path":143,"stem":144},"デプロイ","\u002Fdeploy-release\u002Fdeploy","2.deploy-release\u002Fdeploy",{"title":146,"path":147,"stem":148},"リリース","\u002Fdeploy-release\u002Frelease","2.deploy-release\u002Frelease",false,{"title":151,"path":152,"stem":153,"children":154},"Git","\u002Fgit","3.git",[155,159,163,167,171,175,179],{"title":156,"path":152,"stem":157,"order":158},"Git ガイドライン","3.git\u002Findex",3,{"title":160,"path":161,"stem":162},"ブランチ戦略","\u002Fgit\u002Fbranch","3.git\u002Fbranch",{"title":164,"path":165,"stem":166},"CI\u002FCD運用","\u002Fgit\u002Fcicd","3.git\u002Fcicd",{"title":168,"path":169,"stem":170},"コミットメッセージとタグ","\u002Fgit\u002Fmessage","3.git\u002Fmessage",{"title":172,"path":173,"stem":174},"Pull Request運用","\u002Fgit\u002Fpull-request","3.git\u002Fpull-request",{"title":176,"path":177,"stem":178},"リポジトリ運用","\u002Fgit\u002Frepository","3.git\u002Frepository",{"title":180,"path":181,"stem":182},"GitHub権限・セキュリティ","\u002Fgit\u002Fsecurity","3.git\u002Fsecurity",{"title":184,"path":185,"stem":186,"children":187,"order":189},"AI 利用ガイドライン","\u002Fai","4.ai\u002Findex",[188],{"title":184,"path":185,"stem":186,"order":189},4,{"id":191,"title":36,"body":192,"description":306,"extension":307,"links":308,"meta":309,"navigation":216,"path":37,"seo":310,"stem":38,"__hash__":311},"docs\u002F1.frontend\u002F1.html\u002Fquality.md",{"type":193,"value":194,"toc":299},"minimark",[195,199,203,248,250,255,258],[196,197,198],"p",{},"HTML の品質管理は、現場の実態や運用を踏まえつつ、最低限のチェックを確実に行ってください。",[200,201,202],"h2",{"id":202},"必須チェック",[204,205,208,224,230,236,242],"ul",{"className":206},[207],"contains-task-list",[209,210,213,218,219,223],"li",{"className":211},[212],"task-list-item",[214,215],"input",{"disabled":216,"type":217},true,"checkbox"," alt 属性の有無：画像には必ず ",[220,221,222],"code",{},"alt"," 属性を付与すること。",[209,225,227,229],{"className":226},[212],[214,228],{"disabled":216,"type":217}," 画像の幅 \u002F 高さまたはレイアウト予約（CLS 対策）",[209,231,233,235],{"className":232},[212],[214,234],{"disabled":216,"type":217}," 見出し階層：h1〜h6 を論理的な順序で使用すること。",[209,237,239,241],{"className":238},[212],[214,240],{"disabled":216,"type":217}," ラベル付与：フォーム要素・ボタンに明確なラベル\u002Fテキストを付与すること。",[209,243,245,247],{"className":244},[212],[214,246],{"disabled":216,"type":217}," キーボード操作：主要操作がキーボードで行えること（Tab \u002F Enter \u002F Space など）。",[200,249,116],{"id":116},[204,251,252],{},[209,253,254],{},"WCAG 2.2 の 4 原則（知覚可能・操作可能・理解可能・堅牢性）を基準として、可能な範囲でマシンリーダブルなマークアップを用いること。",[200,256,257],{"id":257},"技術品質",[204,259,260,267,273,279,293],{},[209,261,262,266],{},[263,264,265],"strong",{},"パフォーマンス","：LCP、FCP、TBT 等の指標（Core Web Vitals）を意識し、画像の遅延読み込み、スクリプトの遅延\u002F分割、キャッシュ制御を実施すること。",[209,268,269,272],{},[263,270,271],{},"セキュリティ","：HTTPS を必須とし、CSP・SRI 等の基本対策および入力検証を行うこと。",[209,274,275,278],{},[263,276,277],{},"SEO（メタ情報）","：title、meta description、見出し構造、必要に応じて構造化データを実装すること。",[209,280,281,284,285,288,289,292],{},[263,282,283],{},"レスポンシブ & 画像最適化","：ビューポート設定、主要ブレークポイントでの確認、",[220,286,287],{},"srcset","\u002F",[220,290,291],{},"picture"," と適切なフォーマット（WebP\u002FAVIF 等）を検討すること。",[209,294,295,298],{},[263,296,297],{},"互換性／フォールバック","：新機能は Can I use で検証し、必要に応じてポリフィルや代替実装を用意すること。",{"title":300,"searchDepth":301,"depth":301,"links":302},"",2,[303,304,305],{"id":202,"depth":301,"text":202},{"id":116,"depth":301,"text":116},{"id":257,"depth":301,"text":257},"アクセシビリティ、パフォーマンス、SEOを含むHTML品質管理チェックリスト","md",null,{},{"title":36,"description":306},"iJjLRzqUcwjUSgd4YutIlPw6RhiZLuJ0rbiXG3Fvfuw",[313,315],{"title":32,"path":33,"stem":34,"description":314,"children":-1},"ルート相対パスの使用、ページ内リンク、外部リンクの設定ルール",{"title":40,"path":41,"stem":42,"description":316,"children":-1},"CSSを保守しやすく、機能的に、一貫して書くためのガイドライン",1780099577718]