JavaScriptファイルとCSSファイルの指定方法を統一 (#702)

chvmvd · web-flow · commit 435cc9216103 · 2024-04-12T08:48:50.000+08:00
diff --git a/docs/1-trial-session/12-css/_samples/red-hello-world/index.html b/docs/1-trial-session/12-css/_samples/red-hello-world/index.html
@@ -2,7 +2,7 @@
 <html lang="ja">
   <head>
     <meta charset="utf-8" />
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="./style.css" />
     <title>Title</title>
   </head>
   <body>
diff --git a/docs/1-trial-session/12-css/_samples/yellow-hello-css/index.html b/docs/1-trial-session/12-css/_samples/yellow-hello-css/index.html
@@ -2,7 +2,7 @@
 <html lang="ja">
   <head>
     <meta charset="utf-8" />
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="./style.css" />
     <title>Title</title>
   </head>
   <body>
diff --git a/docs/1-trial-session/12-css/index.mdx b/docs/1-trial-session/12-css/index.mdx
@@ -23,7 +23,7 @@ CSS ファイルの拡張子は通常 `.css` です。今回は `index.html` と
 <html lang="ja">
   <head>
     <meta charset="utf-8" />
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="./style.css" />
     <title>Title</title>
   </head>
   <body>
@@ -43,7 +43,7 @@ CSS ファイルの拡張子は通常 `.css` です。今回は `index.html` と
 ## `link` 要素
 
 ```html title="index.html"
-<link rel="stylesheet" href="style.css" />
+<link rel="stylesheet" href="./style.css" />
 ```
 
 まず注目すべきは `link` 要素です。HTML で、`link` 要素を用いることにより、外部の CSS ファイルを読み込ませることができます。
@@ -179,7 +179,7 @@ CSS の<Term type="cssProperty">プロパティ</Term>には `color` (文字色)
 <html lang="ja">
   <head>
     <meta charset="utf-8" />
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="./style.css" />
     <title>Title</title>
   </head>
   <body>
@@ -220,7 +220,7 @@ CSS の<Term type="cssProperty">プロパティ</Term>には `color` (文字色)
 <html lang="ja">
   <head>
     <meta charset="utf-8" />
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="./style.css" />
     <title>Title</title>
   </head>
   <body>
diff --git a/docs/1-trial-session/13-dom/_samples/change-shopping-memo/index.html b/docs/1-trial-session/13-dom/_samples/change-shopping-memo/index.html
@@ -10,6 +10,6 @@
       <li id="item2">ナス</li>
       <li id="item3">バジル</li>
     </ul>
-    <script src="script.js"></script>
+    <script src="./script.js"></script>
   </body>
 </html>
diff --git a/docs/1-trial-session/13-dom/_samples/fruit-basket/index.html b/docs/1-trial-session/13-dom/_samples/fruit-basket/index.html
@@ -6,6 +6,6 @@
   </head>
   <body>
     <ul id="fruit-basket"></ul>
-    <script src="script.js"></script>
+    <script src="./script.js"></script>
   </body>
 </html>
diff --git a/docs/2-browser-apps/03-class/_samples/count-down/index.html b/docs/2-browser-apps/03-class/_samples/count-down/index.html
@@ -6,6 +6,6 @@
   </head>
   <body>
     <div id="countdown-box"></div>
-    <script src="script.js"></script>
+    <script src="./script.js"></script>
   </body>
 </html>
diff --git a/docs/2-browser-apps/03-class/_samples/shape-class/index.html b/docs/2-browser-apps/03-class/_samples/shape-class/index.html
@@ -5,6 +5,6 @@
     <title>Shape クラス</title>
   </head>
   <body>
-    <script src="script.js"></script>
+    <script src="./script.js"></script>
   </body>
 </html>
diff --git a/docs/2-browser-apps/05-css-arrangement/_samples/absolute/index.html b/docs/2-browser-apps/05-css-arrangement/_samples/absolute/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <title>Title</title>
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="./style.css" />
   </head>
   <body>
     <div class="box1">box1</div>
diff --git a/docs/2-browser-apps/05-css-arrangement/_samples/box-model/index.html b/docs/2-browser-apps/05-css-arrangement/_samples/box-model/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <title>Title</title>
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="./style.css" />
   </head>
   <body>
     <div class="box">Foo</div>
diff --git a/docs/2-browser-apps/05-css-arrangement/_samples/exercise/index.html b/docs/2-browser-apps/05-css-arrangement/_samples/exercise/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <title>課題</title>
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="./style.css" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   </head>
   <body>
diff --git a/docs/2-browser-apps/05-css-arrangement/_samples/fixed/index.html b/docs/2-browser-apps/05-css-arrangement/_samples/fixed/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <title>Title</title>
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="./style.css" />
   </head>
   <body>
     <div class="box1">box1</div>
diff --git a/docs/2-browser-apps/05-css-arrangement/_samples/flex/index.html b/docs/2-browser-apps/05-css-arrangement/_samples/flex/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <title>Title</title>
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="./style.css" />
   </head>
   <body>
     <div class="wrapper">
diff --git a/docs/2-browser-apps/05-css-arrangement/_samples/grid/index.html b/docs/2-browser-apps/05-css-arrangement/_samples/grid/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <title>Title</title>
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="./style.css" />
   </head>
   <body>
     <div class="wrapper">
diff --git a/docs/2-browser-apps/05-css-arrangement/_samples/max-min-width/index.html b/docs/2-browser-apps/05-css-arrangement/_samples/max-min-width/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <title>Title</title>
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="./style.css" />
   </head>
   <body>
     <div class="box1">box1</div>
diff --git a/docs/2-browser-apps/05-css-arrangement/_samples/media-query/index.html b/docs/2-browser-apps/05-css-arrangement/_samples/media-query/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Title</title>
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="./style.css" />
   </head>
   <body>
     <div class="box1">box1</div>
diff --git a/docs/2-browser-apps/05-css-arrangement/_samples/percent/index.html b/docs/2-browser-apps/05-css-arrangement/_samples/percent/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <title>Title</title>
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="./style.css" />
   </head>
   <body>
     <div class="box1">box1</div>
diff --git a/docs/2-browser-apps/05-css-arrangement/_samples/relative-absolute/index.html b/docs/2-browser-apps/05-css-arrangement/_samples/relative-absolute/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <title>Title</title>
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="./style.css" />
   </head>
   <body>
     <div class="box1">
diff --git a/docs/2-browser-apps/05-css-arrangement/_samples/relative/index.html b/docs/2-browser-apps/05-css-arrangement/_samples/relative/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <title>Title</title>
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="./style.css" />
   </head>
   <body>
     <div class="box1">box1</div>
diff --git a/docs/2-browser-apps/05-css-arrangement/_samples/space-around/index.html b/docs/2-browser-apps/05-css-arrangement/_samples/space-around/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <title>Title</title>
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="./style.css" />
   </head>
   <body>
     <div class="wrapper">
diff --git a/docs/2-browser-apps/05-css-arrangement/_samples/three-div/index.html b/docs/2-browser-apps/05-css-arrangement/_samples/three-div/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <title>Title</title>
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="./style.css" />
   </head>
   <body>
     <div class="box1">box1</div>
diff --git a/docs/2-browser-apps/05-css-arrangement/_samples/three-span/index.html b/docs/2-browser-apps/05-css-arrangement/_samples/three-span/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <title>Title</title>
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="./style.css" />
   </head>
   <body>
     <span class="box1">box1</span>
diff --git a/docs/2-browser-apps/05-css-arrangement/index.mdx b/docs/2-browser-apps/05-css-arrangement/index.mdx
@@ -27,7 +27,7 @@ HTML の要素はすべて、一定の高さと幅を持った四角形だと考
   <head>
     <meta charset="utf-8" />
     <title>Title</title>
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="./style.css" />
   </head>
   <body>
     <div class="box">Foo</div>
diff --git a/docs/4-advanced/01-fetch-api/_samples/chat/static/index.html b/docs/4-advanced/01-fetch-api/_samples/chat/static/index.html
@@ -8,6 +8,6 @@
     <ul id="message-list"></ul>
     <input id="message-input" placeholder="メッセージ" />
     <button id="send-button">送信</button>
-    <script src="script.js"></script>
+    <script src="./script.js"></script>
   </body>
 </html>
diff --git a/docs/4-advanced/01-fetch-api/_samples/fetch-api/static/index.html b/docs/4-advanced/01-fetch-api/_samples/fetch-api/static/index.html
@@ -6,6 +6,6 @@
   </head>
   <body>
     <button id="fetch-button">天気予報を見る</button>
-    <script src="script.js"></script>
+    <script src="./script.js"></script>
   </body>
 </html>
diff --git a/docs/4-advanced/01-fetch-api/_samples/json-request-body/static/index.html b/docs/4-advanced/01-fetch-api/_samples/json-request-body/static/index.html
@@ -3,12 +3,12 @@
   <head>
     <meta charset="utf-8" />
     <title>Document</title>
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="./style.css" />
   </head>
   <body>
     <input id="name" placeholder="名前" />
     <input id="age" placeholder="年齢" />
     <button id="send-button">送信</button>
-    <script src="script.js"></script>
+    <script src="./script.js"></script>
   </body>
 </html>
diff --git a/docs/4-advanced/01-fetch-api/_samples/send-post-request/static/index.html b/docs/4-advanced/01-fetch-api/_samples/send-post-request/static/index.html
@@ -3,12 +3,12 @@
   <head>
     <meta charset="utf-8" />
     <title>Document</title>
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="./style.css" />
   </head>
   <body>
     <input id="name" placeholder="名前" />
     <input id="age" placeholder="年齢" />
     <button id="send-button">送信</button>
-    <script src="script.js"></script>
+    <script src="./script.js"></script>
   </body>
 </html>
diff --git a/docs/4-advanced/04-react/_samples/todo-dom/index.html b/docs/4-advanced/04-react/_samples/todo-dom/index.html
@@ -8,6 +8,6 @@
     <ul id="todos"></ul>
     <input id="message" />
     <button id="add-todo" type="button">追加</button>
-    <script src="script.js"></script>
+    <script src="./script.js"></script>
   </body>
 </html>
