[{"data":1,"prerenderedAt":345},["ShallowReactive",2],{"navigation_docs":3,"-frontend-css-values":190,"-frontend-css-values-surround":340},[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":69,"body":192,"description":333,"extension":334,"links":335,"meta":336,"navigation":337,"path":70,"seo":338,"stem":71,"__hash__":339},"docs\u002F1.frontend\u002F2.css\u002Fvalues.md",{"type":193,"value":194,"toc":328},"minimark",[195,204,208,275,278,290,299,310,313,324],[196,197,198,199,203],"note",{},"このルールは",[200,201,202],"strong",{},"Stylelint","の設定に基づいて自動的に整理されます。",[205,206,207],"h2",{"id":207},"数値",[209,210,215],"pre",{"className":211,"code":212,"language":213,"meta":214,"style":214},"language-css shiki shiki-themes github-light material-theme material-theme-palenight","selector {\n  \u002F* 少数点の前の `0` は省略しない *\u002F\n  opacity: 0.5; \u002F* ✅ *\u002F\n  opacity: 0.5; \u002F* ❌ *\u002F\n}\n","css","",[216,217,218,230,237,256,269],"code",{"__ignoreMap":214},[219,220,222,226],"span",{"class":221,"line":12},"line",[219,223,225],{"class":224},"sKuZN","selector ",[219,227,229],{"class":228},"sN50r","{\n",[219,231,233],{"class":221,"line":232},2,[219,234,236],{"class":235},"su8Ar","  \u002F* 少数点の前の `0` は省略しない *\u002F\n",[219,238,239,243,246,250,253],{"class":221,"line":158},[219,240,242],{"class":241},"s7bGF","  opacity",[219,244,245],{"class":228},":",[219,247,249],{"class":248},"s9owh"," 0.5",[219,251,252],{"class":228},";",[219,254,255],{"class":235}," \u002F* ✅ *\u002F\n",[219,257,258,260,262,264,266],{"class":221,"line":189},[219,259,242],{"class":241},[219,261,245],{"class":228},[219,263,249],{"class":248},[219,265,252],{"class":228},[219,267,268],{"class":235}," \u002F* ❌ *\u002F\n",[219,270,272],{"class":221,"line":271},5,[219,273,274],{"class":228},"}\n",[205,276,277],{"id":277},"font-size",[279,280,281,282,285,286,289],"p",{},"基本的に、実際に Chrome の文字サイズ変更機能（「極大」など）で検証し、拡大時のレイアウト崩れに対応できる場合のみ ",[216,283,284],{},"rem"," を使用し、それ以外は ",[216,287,288],{},"px"," を使用してください。",[279,291,292,293,295,296,298],{},"検証やレイアウト調整に十分なコストを割けない場合や、実装者のスキル的に難しい場合は、無理に ",[216,294,284],{}," を使わず ",[216,297,288],{}," 指定とし、レイアウトの安定性を優先して構いません。",[300,301,302,305,306,309],"caution",{},[216,303,304],{},"vw"," のみで文字サイズを管理すると、小画面で読みにくくなったり、大画面で過剰に拡大したりするため、原則として ",[216,307,308],{},"clamp()"," で上下限を設定してください。",[205,311,312],{"id":312},"font-weight",[279,314,315,316,319,320,323],{},"原則として数値（",[216,317,318],{},"400",", ",[216,321,322],{},"700"," など）で指定してください。",[325,326,327],"style",{},"html pre.shiki code .sKuZN, html code.shiki .sKuZN{--shiki-light:#24292E;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sN50r, html code.shiki .sN50r{--shiki-light:#24292E;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .su8Ar, html code.shiki .su8Ar{--shiki-light:#6A737D;--shiki-light-font-style:inherit;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .s7bGF, html code.shiki .s7bGF{--shiki-light:#005CC5;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}html pre.shiki code .s9owh, html code.shiki .s9owh{--shiki-light:#005CC5;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":214,"searchDepth":232,"depth":232,"links":329},[330,331,332],{"id":207,"depth":232,"text":207},{"id":277,"depth":232,"text":277},{"id":312,"depth":232,"text":312},"数値、font-size、font-weightの指定方法","md",null,{},true,{"title":69,"description":333},"OM4X4ehALeO4Bzav7qhq_Yaq27yrXD4mdKpw7cl2qmo",[341,343],{"title":65,"path":66,"stem":67,"description":342,"children":-1},"Tailwind CSS v4の導入方法、@themeディレクティブ、ユーティリティクラス利用ポリシー",{"title":73,"path":74,"stem":75,"description":344,"children":-1},"CSS変数（カスタムプロパティ）の定義・命名・テーマ切り替えパターン",1780099578524]