[{"data":1,"prerenderedAt":984},["ShallowReactive",2],{"navigation_docs":3,"-frontend-css-variables":190,"-frontend-css-variables-surround":979},[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":73,"body":192,"description":973,"extension":974,"links":975,"meta":976,"navigation":332,"path":74,"seo":977,"stem":75,"__hash__":978},"docs\u002F1.frontend\u002F2.css\u002Fvariables.md",{"type":193,"value":194,"toc":965},"minimark",[195,199,203,206,209,217,447,450,453,636,639,646,835,838,944,948,961],[196,197,198],"h2",{"id":198},"概要",[200,201,202],"p",{},"CSS 変数（カスタムプロパティ）は、再利用性・保守性・テーマ切り替え（ダークモードなど）の柔軟性向上のため積極的に活用します。",[200,204,205],{},"※プロジェクトの規模や要件に応じて、変数の粒度や管理方法は調整してください。",[196,207,208],{"id":208},"定義例",[200,210,211,212,216],{},"色・余白・フォントサイズ・",[213,214,215],"code",{},"z-index"," など、プロジェクト全体で共通化したい値を中心に利用します。",[218,219,224],"pre",{"className":220,"code":221,"language":222,"meta":223,"style":223},"language-css shiki shiki-themes github-light material-theme material-theme-palenight",":root {\n  --color-bg: #fff;\n  --color-text: #222;\n  --spacing-sm: 0.5rem;\n  --font-size-lg: 1.25rem;\n  --z-index-header: 100;\n}\n\n.header {\n  background: var(--color-bg);\n  color: var(--color-text);\n  z-index: var(--z-index-header);\n  padding: var(--spacing-sm) 0;\n  font-size: var(--font-size-lg);\n}\n","css","",[213,225,226,242,262,276,293,308,321,327,334,346,368,385,402,425,442],{"__ignoreMap":223},[227,228,230,234,238],"span",{"class":229,"line":12},"line",[227,231,233],{"class":232},"sjROF",":",[227,235,237],{"class":236},"sAjK8","root",[227,239,241],{"class":240},"sN50r"," {\n",[227,243,245,249,251,255,259],{"class":229,"line":244},2,[227,246,248],{"class":247},"s3AGf","  --color-bg",[227,250,233],{"class":240},[227,252,254],{"class":253},"s56lG"," #",[227,256,258],{"class":257},"s_GZX","fff",[227,260,261],{"class":240},";\n",[227,263,264,267,269,271,274],{"class":229,"line":158},[227,265,266],{"class":247},"  --color-text",[227,268,233],{"class":240},[227,270,254],{"class":253},[227,272,273],{"class":257},"222",[227,275,261],{"class":240},[227,277,278,281,283,287,291],{"class":229,"line":189},[227,279,280],{"class":247},"  --spacing-sm",[227,282,233],{"class":240},[227,284,286],{"class":285},"s9owh"," 0.5",[227,288,290],{"class":289},"sRmsN","rem",[227,292,261],{"class":240},[227,294,296,299,301,304,306],{"class":229,"line":295},5,[227,297,298],{"class":247},"  --font-size-lg",[227,300,233],{"class":240},[227,302,303],{"class":285}," 1.25",[227,305,290],{"class":289},[227,307,261],{"class":240},[227,309,311,314,316,319],{"class":229,"line":310},6,[227,312,313],{"class":247},"  --z-index-header",[227,315,233],{"class":240},[227,317,318],{"class":285}," 100",[227,320,261],{"class":240},[227,322,324],{"class":229,"line":323},7,[227,325,326],{"class":240},"}\n",[227,328,330],{"class":229,"line":329},8,[227,331,333],{"emptyLinePlaceholder":332},true,"\n",[227,335,337,340,344],{"class":229,"line":336},9,[227,338,339],{"class":232},".",[227,341,343],{"class":342},"s3jxQ","header",[227,345,241],{"class":240},[227,347,349,353,355,359,362,365],{"class":229,"line":348},10,[227,350,352],{"class":351},"s7bGF","  background",[227,354,233],{"class":240},[227,356,358],{"class":357},"sLy7x"," var",[227,360,361],{"class":240},"(",[227,363,364],{"class":247},"--color-bg",[227,366,367],{"class":240},");\n",[227,369,371,374,376,378,380,383],{"class":229,"line":370},11,[227,372,373],{"class":351},"  color",[227,375,233],{"class":240},[227,377,358],{"class":357},[227,379,361],{"class":240},[227,381,382],{"class":247},"--color-text",[227,384,367],{"class":240},[227,386,388,391,393,395,397,400],{"class":229,"line":387},12,[227,389,390],{"class":351},"  z-index",[227,392,233],{"class":240},[227,394,358],{"class":357},[227,396,361],{"class":240},[227,398,399],{"class":247},"--z-index-header",[227,401,367],{"class":240},[227,403,405,408,410,412,414,417,420,423],{"class":229,"line":404},13,[227,406,407],{"class":351},"  padding",[227,409,233],{"class":240},[227,411,358],{"class":357},[227,413,361],{"class":240},[227,415,416],{"class":247},"--spacing-sm",[227,418,419],{"class":240},")",[227,421,422],{"class":285}," 0",[227,424,261],{"class":240},[227,426,428,431,433,435,437,440],{"class":229,"line":427},14,[227,429,430],{"class":351},"  font-size",[227,432,233],{"class":240},[227,434,358],{"class":357},[227,436,361],{"class":240},[227,438,439],{"class":247},"--font-size-lg",[227,441,367],{"class":240},[227,443,445],{"class":229,"line":444},15,[227,446,326],{"class":240},[196,448,449],{"id":449},"命名例",[200,451,452],{},"変数名は用途・意味が明確な英語名（ケバブケース）で命名します。",[218,454,456],{"className":220,"code":455,"language":222,"meta":223,"style":223},"\u002F* ✅ 良い例 *\u002F\n:root {\n  --color-primary: #0070f3;\n  --color-secondary: #555;\n  --color-bg: #fff;\n  --text-base: 1rem;\n  --spacing-md: 1.5rem;\n  --border-radius: 4px;\n}\n\n\u002F* ❌ 悪い例 *\u002F\n:root {\n  --a: #0070f3;\n  --b1: 2rem;\n  --maincolor: #0070f3;\n  --secondaryColor: #00f365;\n}\n",[213,457,458,464,472,486,500,512,526,540,555,559,563,568,576,589,603,616,631],{"__ignoreMap":223},[227,459,460],{"class":229,"line":12},[227,461,463],{"class":462},"su8Ar","\u002F* ✅ 良い例 *\u002F\n",[227,465,466,468,470],{"class":229,"line":244},[227,467,233],{"class":232},[227,469,237],{"class":236},[227,471,241],{"class":240},[227,473,474,477,479,481,484],{"class":229,"line":158},[227,475,476],{"class":247},"  --color-primary",[227,478,233],{"class":240},[227,480,254],{"class":253},[227,482,483],{"class":257},"0070f3",[227,485,261],{"class":240},[227,487,488,491,493,495,498],{"class":229,"line":189},[227,489,490],{"class":247},"  --color-secondary",[227,492,233],{"class":240},[227,494,254],{"class":253},[227,496,497],{"class":257},"555",[227,499,261],{"class":240},[227,501,502,504,506,508,510],{"class":229,"line":295},[227,503,248],{"class":247},[227,505,233],{"class":240},[227,507,254],{"class":253},[227,509,258],{"class":257},[227,511,261],{"class":240},[227,513,514,517,519,522,524],{"class":229,"line":310},[227,515,516],{"class":247},"  --text-base",[227,518,233],{"class":240},[227,520,521],{"class":285}," 1",[227,523,290],{"class":289},[227,525,261],{"class":240},[227,527,528,531,533,536,538],{"class":229,"line":323},[227,529,530],{"class":247},"  --spacing-md",[227,532,233],{"class":240},[227,534,535],{"class":285}," 1.5",[227,537,290],{"class":289},[227,539,261],{"class":240},[227,541,542,545,547,550,553],{"class":229,"line":329},[227,543,544],{"class":247},"  --border-radius",[227,546,233],{"class":240},[227,548,549],{"class":285}," 4",[227,551,552],{"class":289},"px",[227,554,261],{"class":240},[227,556,557],{"class":229,"line":336},[227,558,326],{"class":240},[227,560,561],{"class":229,"line":348},[227,562,333],{"emptyLinePlaceholder":332},[227,564,565],{"class":229,"line":370},[227,566,567],{"class":462},"\u002F* ❌ 悪い例 *\u002F\n",[227,569,570,572,574],{"class":229,"line":387},[227,571,233],{"class":232},[227,573,237],{"class":236},[227,575,241],{"class":240},[227,577,578,581,583,585,587],{"class":229,"line":404},[227,579,580],{"class":247},"  --a",[227,582,233],{"class":240},[227,584,254],{"class":253},[227,586,483],{"class":257},[227,588,261],{"class":240},[227,590,591,594,596,599,601],{"class":229,"line":427},[227,592,593],{"class":247},"  --b1",[227,595,233],{"class":240},[227,597,598],{"class":285}," 2",[227,600,290],{"class":289},[227,602,261],{"class":240},[227,604,605,608,610,612,614],{"class":229,"line":444},[227,606,607],{"class":247},"  --maincolor",[227,609,233],{"class":240},[227,611,254],{"class":253},[227,613,483],{"class":257},[227,615,261],{"class":240},[227,617,619,622,624,626,629],{"class":229,"line":618},16,[227,620,621],{"class":247},"  --secondaryColor",[227,623,233],{"class":240},[227,625,254],{"class":253},[227,627,628],{"class":257},"00f365",[227,630,261],{"class":240},[227,632,634],{"class":229,"line":633},17,[227,635,326],{"class":240},[196,637,638],{"id":638},"使用例",[200,640,641,642,645],{},"グローバル変数は",[213,643,644],{},":root","で定義し、コンポーネント固有はスコープ内で定義します。",[218,647,649],{"className":220,"code":648,"language":222,"meta":223,"style":223},":root {\n  --color-primary: #0070f3;\n  --button-bg: #fff;\n  --spacing-md: 1.5rem;\n  --border-radius: 4px;\n}\n\n.button {\n  color: var(--color-primary);\n  padding: var(--spacing-md);\n}\n\n\u002F* 特定の要素だけ値を上書きするためにスコープ内で定義する場合 *\u002F\n.header-light {\n  --color-primary: #fff;\n}\n\n.header-light .button {\n  background: var(--color-primary); \u002F* この場合は白色になる *\u002F\n}\n",[213,650,651,659,671,684,696,708,712,716,725,740,755,759,763,768,777,789,793,797,811,830],{"__ignoreMap":223},[227,652,653,655,657],{"class":229,"line":12},[227,654,233],{"class":232},[227,656,237],{"class":236},[227,658,241],{"class":240},[227,660,661,663,665,667,669],{"class":229,"line":244},[227,662,476],{"class":247},[227,664,233],{"class":240},[227,666,254],{"class":253},[227,668,483],{"class":257},[227,670,261],{"class":240},[227,672,673,676,678,680,682],{"class":229,"line":158},[227,674,675],{"class":247},"  --button-bg",[227,677,233],{"class":240},[227,679,254],{"class":253},[227,681,258],{"class":257},[227,683,261],{"class":240},[227,685,686,688,690,692,694],{"class":229,"line":189},[227,687,530],{"class":247},[227,689,233],{"class":240},[227,691,535],{"class":285},[227,693,290],{"class":289},[227,695,261],{"class":240},[227,697,698,700,702,704,706],{"class":229,"line":295},[227,699,544],{"class":247},[227,701,233],{"class":240},[227,703,549],{"class":285},[227,705,552],{"class":289},[227,707,261],{"class":240},[227,709,710],{"class":229,"line":310},[227,711,326],{"class":240},[227,713,714],{"class":229,"line":323},[227,715,333],{"emptyLinePlaceholder":332},[227,717,718,720,723],{"class":229,"line":329},[227,719,339],{"class":232},[227,721,722],{"class":342},"button",[227,724,241],{"class":240},[227,726,727,729,731,733,735,738],{"class":229,"line":336},[227,728,373],{"class":351},[227,730,233],{"class":240},[227,732,358],{"class":357},[227,734,361],{"class":240},[227,736,737],{"class":247},"--color-primary",[227,739,367],{"class":240},[227,741,742,744,746,748,750,753],{"class":229,"line":348},[227,743,407],{"class":351},[227,745,233],{"class":240},[227,747,358],{"class":357},[227,749,361],{"class":240},[227,751,752],{"class":247},"--spacing-md",[227,754,367],{"class":240},[227,756,757],{"class":229,"line":370},[227,758,326],{"class":240},[227,760,761],{"class":229,"line":387},[227,762,333],{"emptyLinePlaceholder":332},[227,764,765],{"class":229,"line":404},[227,766,767],{"class":462},"\u002F* 特定の要素だけ値を上書きするためにスコープ内で定義する場合 *\u002F\n",[227,769,770,772,775],{"class":229,"line":427},[227,771,339],{"class":232},[227,773,774],{"class":342},"header-light",[227,776,241],{"class":240},[227,778,779,781,783,785,787],{"class":229,"line":444},[227,780,476],{"class":247},[227,782,233],{"class":240},[227,784,254],{"class":253},[227,786,258],{"class":257},[227,788,261],{"class":240},[227,790,791],{"class":229,"line":618},[227,792,326],{"class":240},[227,794,795],{"class":229,"line":633},[227,796,333],{"emptyLinePlaceholder":332},[227,798,800,802,804,807,809],{"class":229,"line":799},18,[227,801,339],{"class":232},[227,803,774],{"class":342},[227,805,806],{"class":232}," .",[227,808,722],{"class":342},[227,810,241],{"class":240},[227,812,814,816,818,820,822,824,827],{"class":229,"line":813},19,[227,815,352],{"class":351},[227,817,233],{"class":240},[227,819,358],{"class":357},[227,821,361],{"class":240},[227,823,737],{"class":247},[227,825,826],{"class":240},");",[227,828,829],{"class":462}," \u002F* この場合は白色になる *\u002F\n",[227,831,833],{"class":229,"line":832},20,[227,834,326],{"class":240},[196,836,837],{"id":837},"テーマ切り替え例",[218,839,841],{"className":220,"code":840,"language":222,"meta":223,"style":223},":root {\n  --color-bg: #fff;\n  --color-primary: #66bee7;\n}\n\n:root[data-theme=\"dark\"] {\n  --color-bg: #222;\n  --color-primary: #15739f;\n}\n",[213,842,843,851,863,876,880,884,915,927,940],{"__ignoreMap":223},[227,844,845,847,849],{"class":229,"line":12},[227,846,233],{"class":232},[227,848,237],{"class":236},[227,850,241],{"class":240},[227,852,853,855,857,859,861],{"class":229,"line":244},[227,854,248],{"class":247},[227,856,233],{"class":240},[227,858,254],{"class":253},[227,860,258],{"class":257},[227,862,261],{"class":240},[227,864,865,867,869,871,874],{"class":229,"line":158},[227,866,476],{"class":247},[227,868,233],{"class":240},[227,870,254],{"class":253},[227,872,873],{"class":257},"66bee7",[227,875,261],{"class":240},[227,877,878],{"class":229,"line":189},[227,879,326],{"class":240},[227,881,882],{"class":229,"line":295},[227,883,333],{"emptyLinePlaceholder":332},[227,885,886,888,890,893,896,900,904,908,910,913],{"class":229,"line":310},[227,887,233],{"class":232},[227,889,237],{"class":236},[227,891,892],{"class":240},"[",[227,894,895],{"class":236},"data-theme",[227,897,899],{"class":898},"sSBoF","=",[227,901,903],{"class":902},"ssQ5U","\"",[227,905,907],{"class":906},"scigg","dark",[227,909,903],{"class":902},[227,911,912],{"class":240},"]",[227,914,241],{"class":240},[227,916,917,919,921,923,925],{"class":229,"line":323},[227,918,248],{"class":247},[227,920,233],{"class":240},[227,922,254],{"class":253},[227,924,273],{"class":257},[227,926,261],{"class":240},[227,928,929,931,933,935,938],{"class":229,"line":329},[227,930,476],{"class":247},[227,932,233],{"class":240},[227,934,254],{"class":253},[227,936,937],{"class":257},"15739f",[227,939,261],{"class":240},[227,941,942],{"class":229,"line":336},[227,943,326],{"class":240},[196,945,947],{"id":946},"tailwind-css-との統合","Tailwind CSS との統合",[200,949,950,951,954,955,960],{},"Tailwind CSS を使用する場合は、CSS 変数を Tailwind の設定ファイルと統合することで、ユーティリティクラスからも変数を参照できます。",[952,953],"br",{},"\n詳細は ",[956,957,959],"a",{"href":958},".\u002Ftailwind","Tailwind CSS ガイドライン"," を参照してください。",[962,963,964],"style",{},"html pre.shiki code .sjROF, html code.shiki .sjROF{--shiki-light:#6F42C1;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sAjK8, html code.shiki .sAjK8{--shiki-light:#6F42C1;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sN50r, html code.shiki .sN50r{--shiki-light:#24292E;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .s3AGf, html code.shiki .s3AGf{--shiki-light:#E36209;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s56lG, html code.shiki .s56lG{--shiki-light:#005CC5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .s_GZX, html code.shiki .s_GZX{--shiki-light:#005CC5;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s9owh, html code.shiki .s9owh{--shiki-light:#005CC5;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sRmsN, html code.shiki .sRmsN{--shiki-light:#D73A49;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .s3jxQ, html code.shiki .s3jxQ{--shiki-light:#6F42C1;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .s7bGF, html code.shiki .s7bGF{--shiki-light:#005CC5;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}html pre.shiki code .sLy7x, html code.shiki .sLy7x{--shiki-light:#005CC5;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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);}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 .sSBoF, html code.shiki .sSBoF{--shiki-light:#D73A49;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .ssQ5U, html code.shiki .ssQ5U{--shiki-light:#032F62;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .scigg, html code.shiki .scigg{--shiki-light:#032F62;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}",{"title":223,"searchDepth":244,"depth":244,"links":966},[967,968,969,970,971,972],{"id":198,"depth":244,"text":198},{"id":208,"depth":244,"text":208},{"id":449,"depth":244,"text":449},{"id":638,"depth":244,"text":638},{"id":837,"depth":244,"text":837},{"id":946,"depth":244,"text":947},"CSS変数（カスタムプロパティ）の定義・命名・テーマ切り替えパターン","md",null,{},{"title":73,"description":973},"BHBuKDP79BQu9o6p6wGM_nLDHoIJxT42L1nRIpFygGI",[980,982],{"title":69,"path":70,"stem":71,"description":981,"children":-1},"数値、font-size、font-weightの指定方法",{"title":77,"path":78,"stem":79,"description":983,"children":-1},"品質とメンテナンス性、パフォーマンス最適化、モダンな開発手法を目的としたJavaScriptガイドライン",1780099578698]