[{"data":1,"prerenderedAt":697},["ShallowReactive",2],{"navigation_docs":3,"-frontend-html-link":190,"-frontend-html-link-surround":692},[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":32,"body":192,"description":686,"extension":687,"links":688,"meta":689,"navigation":278,"path":33,"seo":690,"stem":34,"__hash__":691},"docs\u002F1.frontend\u002F1.html\u002Flink.md",{"type":193,"value":194,"toc":679},"minimark",[195,207,214,369,373,389,392,412,628,631,656,662,665,675],[196,197,198,202,203,206],"p",{},[199,200,201],"code",{},"href"," や ",[199,204,205],{},"src"," 属性に記述するパスは、原則 \u002F (スラッシュ)で始まるルート相対パスで記述します。 これは CMS などの動的に生成されるページでも、どの階層からでも同じリンク先を参照できるようにするためです。",[196,208,209,210,213],{},"ただし、ファイルが設置されるディレクトリ構成やプロジェクトのビルド・デプロイ方式によっては、推奨されるパスの書き方が異なる場合があります。",[211,212],"br",{},"\nその場合は、プロジェクトのルールや運用方針に従って記述してください。",[215,216,221],"pre",{"className":217,"code":218,"language":219,"meta":220,"style":220},"language-html shiki shiki-themes github-light material-theme material-theme-palenight","\u003C!-- ✅ 良い例 -->\n\u003Ca href=\"\u002Fpath\u002Fto\u002Flink\">...\u003C\u002Fa>\n\n\u003C!-- ❌ 悪い例 -->\n\u003Ca href=\"path\u002Fto\u002Flink\">...\u003C\u002Fa>\n\u003Ca href=\".\u002Fpath\u002Fto\u002Flink\">...\u003C\u002Fa>\n\u003Ca href=\"..\u002Fpath\u002Fto\u002Flink\">...\u003C\u002Fa>\n","html","",[199,222,223,231,274,280,285,313,341],{"__ignoreMap":220},[224,225,227],"span",{"class":226,"line":12},"line",[224,228,230],{"class":229},"su8Ar","\u003C!-- ✅ 良い例 -->\n",[224,232,234,238,242,246,249,253,257,259,262,266,269,271],{"class":226,"line":233},2,[224,235,237],{"class":236},"sN50r","\u003C",[224,239,241],{"class":240},"sF3G6","a",[224,243,245],{"class":244},"sAjK8"," href",[224,247,248],{"class":236},"=",[224,250,252],{"class":251},"ssQ5U","\"",[224,254,256],{"class":255},"scigg","\u002Fpath\u002Fto\u002Flink",[224,258,252],{"class":251},[224,260,261],{"class":236},">",[224,263,265],{"class":264},"sKuZN","...",[224,267,268],{"class":236},"\u003C\u002F",[224,270,241],{"class":240},[224,272,273],{"class":236},">\n",[224,275,276],{"class":226,"line":158},[224,277,279],{"emptyLinePlaceholder":278},true,"\n",[224,281,282],{"class":226,"line":189},[224,283,284],{"class":229},"\u003C!-- ❌ 悪い例 -->\n",[224,286,288,290,292,294,296,298,301,303,305,307,309,311],{"class":226,"line":287},5,[224,289,237],{"class":236},[224,291,241],{"class":240},[224,293,245],{"class":244},[224,295,248],{"class":236},[224,297,252],{"class":251},[224,299,300],{"class":255},"path\u002Fto\u002Flink",[224,302,252],{"class":251},[224,304,261],{"class":236},[224,306,265],{"class":264},[224,308,268],{"class":236},[224,310,241],{"class":240},[224,312,273],{"class":236},[224,314,316,318,320,322,324,326,329,331,333,335,337,339],{"class":226,"line":315},6,[224,317,237],{"class":236},[224,319,241],{"class":240},[224,321,245],{"class":244},[224,323,248],{"class":236},[224,325,252],{"class":251},[224,327,328],{"class":255},".\u002Fpath\u002Fto\u002Flink",[224,330,252],{"class":251},[224,332,261],{"class":236},[224,334,265],{"class":264},[224,336,268],{"class":236},[224,338,241],{"class":240},[224,340,273],{"class":236},[224,342,344,346,348,350,352,354,357,359,361,363,365,367],{"class":226,"line":343},7,[224,345,237],{"class":236},[224,347,241],{"class":240},[224,349,245],{"class":244},[224,351,248],{"class":236},[224,353,252],{"class":251},[224,355,356],{"class":255},"..\u002Fpath\u002Fto\u002Flink",[224,358,252],{"class":251},[224,360,261],{"class":236},[224,362,265],{"class":264},[224,364,268],{"class":236},[224,366,241],{"class":240},[224,368,273],{"class":236},[370,371,372],"h2",{"id":372},"ページ内リンク",[196,374,375,376,379,380,383,384,386,388],{},"ページ内リンク（アンカーリンク）を設定する場合は、",[199,377,378],{},"#id名"," を使って対象要素の ",[199,381,382],{},"id"," 属性と一致させてください。",[211,385],{},[199,387,382],{}," 属性はページ内で一意となるように命名します。",[390,391,102],"h3",{"id":102},[393,394,395,403,406,409],"ul",{},[396,397,398,399,402],"li",{},"英小文字、数字、ハイフン（-）を使用し、単語はハイフンで区切る（例：",[199,400,401],{},"section-about","）",[396,404,405],{},"先頭は英字で始める",[396,407,408],{},"意味が分かる名前を付ける",[396,410,411],{},"ページ内で重複しないようにする",[215,413,415],{"className":217,"code":414,"language":219,"meta":220,"style":220},"\u003C!-- ✅ 良い例 -->\n\u003Ca href=\"#section-about\">Aboutセクションへ\u003C\u002Fa>\n...\n\u003Csection id=\"section-about\">...\u003C\u002Fsection>\n\n\u003C!-- ❌ 悪い例 -->\n\u003Ca href=\"#SectionAbout\">Aboutセクションへ\u003C\u002Fa>\n...\n\u003Csection id=\"SectionAbout\">...\u003C\u002Fsection>\n\u003C!-- キャメルケースや大文字は避ける -->\n\n\u003Ca href=\"#123about\">Aboutセクションへ\u003C\u002Fa>\n...\n\u003Csection id=\"123about\">...\u003C\u002Fsection>\n\u003C!-- 先頭を数字にしない -->\n",[199,416,417,421,449,454,482,486,490,517,522,550,556,561,589,594,622],{"__ignoreMap":220},[224,418,419],{"class":226,"line":12},[224,420,230],{"class":229},[224,422,423,425,427,429,431,433,436,438,440,443,445,447],{"class":226,"line":233},[224,424,237],{"class":236},[224,426,241],{"class":240},[224,428,245],{"class":244},[224,430,248],{"class":236},[224,432,252],{"class":251},[224,434,435],{"class":255},"#section-about",[224,437,252],{"class":251},[224,439,261],{"class":236},[224,441,442],{"class":264},"Aboutセクションへ",[224,444,268],{"class":236},[224,446,241],{"class":240},[224,448,273],{"class":236},[224,450,451],{"class":226,"line":158},[224,452,453],{"class":264},"...\n",[224,455,456,458,461,464,466,468,470,472,474,476,478,480],{"class":226,"line":189},[224,457,237],{"class":236},[224,459,460],{"class":240},"section",[224,462,463],{"class":244}," id",[224,465,248],{"class":236},[224,467,252],{"class":251},[224,469,401],{"class":255},[224,471,252],{"class":251},[224,473,261],{"class":236},[224,475,265],{"class":264},[224,477,268],{"class":236},[224,479,460],{"class":240},[224,481,273],{"class":236},[224,483,484],{"class":226,"line":287},[224,485,279],{"emptyLinePlaceholder":278},[224,487,488],{"class":226,"line":315},[224,489,284],{"class":229},[224,491,492,494,496,498,500,502,505,507,509,511,513,515],{"class":226,"line":343},[224,493,237],{"class":236},[224,495,241],{"class":240},[224,497,245],{"class":244},[224,499,248],{"class":236},[224,501,252],{"class":251},[224,503,504],{"class":255},"#SectionAbout",[224,506,252],{"class":251},[224,508,261],{"class":236},[224,510,442],{"class":264},[224,512,268],{"class":236},[224,514,241],{"class":240},[224,516,273],{"class":236},[224,518,520],{"class":226,"line":519},8,[224,521,453],{"class":264},[224,523,525,527,529,531,533,535,538,540,542,544,546,548],{"class":226,"line":524},9,[224,526,237],{"class":236},[224,528,460],{"class":240},[224,530,463],{"class":244},[224,532,248],{"class":236},[224,534,252],{"class":251},[224,536,537],{"class":255},"SectionAbout",[224,539,252],{"class":251},[224,541,261],{"class":236},[224,543,265],{"class":264},[224,545,268],{"class":236},[224,547,460],{"class":240},[224,549,273],{"class":236},[224,551,553],{"class":226,"line":552},10,[224,554,555],{"class":229},"\u003C!-- キャメルケースや大文字は避ける -->\n",[224,557,559],{"class":226,"line":558},11,[224,560,279],{"emptyLinePlaceholder":278},[224,562,564,566,568,570,572,574,577,579,581,583,585,587],{"class":226,"line":563},12,[224,565,237],{"class":236},[224,567,241],{"class":240},[224,569,245],{"class":244},[224,571,248],{"class":236},[224,573,252],{"class":251},[224,575,576],{"class":255},"#123about",[224,578,252],{"class":251},[224,580,261],{"class":236},[224,582,442],{"class":264},[224,584,268],{"class":236},[224,586,241],{"class":240},[224,588,273],{"class":236},[224,590,592],{"class":226,"line":591},13,[224,593,453],{"class":264},[224,595,597,599,601,603,605,607,610,612,614,616,618,620],{"class":226,"line":596},14,[224,598,237],{"class":236},[224,600,460],{"class":240},[224,602,463],{"class":244},[224,604,248],{"class":236},[224,606,252],{"class":251},[224,608,609],{"class":255},"123about",[224,611,252],{"class":251},[224,613,261],{"class":236},[224,615,265],{"class":264},[224,617,268],{"class":236},[224,619,460],{"class":240},[224,621,273],{"class":236},[224,623,625],{"class":226,"line":624},15,[224,626,627],{"class":229},"\u003C!-- 先頭を数字にしない -->\n",[370,629,630],{"id":630},"外部リンク",[196,632,633,636,637,640,641,640,644,647,648,651,652,655],{},[199,634,635],{},"target=\"\\_blank\""," を ",[199,638,639],{},"\u003Ca>","、",[199,642,643],{},"\u003Carea>",[199,645,646],{},"\u003Cform>"," 要素に設定すると、暗黙的に ",[199,649,650],{},"rel"," の動作が ",[199,653,654],{},"rel=\"noopener\""," を設定した場合と同様になるので、rel 属性「noopener」の指定は不要です。",[196,657,658,661],{},[199,659,660],{},"rel=\"noreferrer\"","は「遷移先にリファラー情報を渡さない」という明確な用途であれば単独で指定してください。",[370,663,664],{"id":664},"参考リソース",[393,666,667],{},[396,668,669],{},[241,670,674],{"href":671,"rel":672},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FAttributes\u002Frel\u002Fnoopener",[673],"nofollow","MDN rel=\"noopener\"",[676,677,678],"style",{},"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 .sN50r, html code.shiki .sN50r{--shiki-light:#24292E;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sF3G6, html code.shiki .sF3G6{--shiki-light:#22863A;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sAjK8, html code.shiki .sAjK8{--shiki-light:#6F42C1;--shiki-default:#C792EA;--shiki-dark:#C792EA}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}html pre.shiki code .sKuZN, html code.shiki .sKuZN{--shiki-light:#24292E;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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":220,"searchDepth":233,"depth":233,"links":680},[681,684,685],{"id":372,"depth":233,"text":372,"children":682},[683],{"id":102,"depth":158,"text":102},{"id":630,"depth":233,"text":630},{"id":664,"depth":233,"text":664},"ルート相対パスの使用、ページ内リンク、外部リンクの設定ルール","md",null,{},{"title":32,"description":686},"fV6MI7VC26eoOFxGjfogxAvZ9-yttwckINe3zVNUxOA",[693,695],{"title":28,"path":29,"stem":30,"description":694,"children":-1},"レイアウトシフト対策、遅延読み込み、alt属性の設定ルール",{"title":36,"path":37,"stem":38,"description":696,"children":-1},"アクセシビリティ、パフォーマンス、SEOを含むHTML品質管理チェックリスト",1780099577653]