docsディレクトリの場所を変更

Author: osamu377

_tmp/docs/01_00_JavaScriptを始める前に.html

@@ -35,7 +35,7 @@
             const path_to_root = "";
             const default_light_theme = "light";
             const default_dark_theme = "navy";
-            window.path_to_searchindex_js = "searchindex-78abab6b.js";
+            window.path_to_searchindex_js = "searchindex-ebef5985.js";
         </script>
         <!-- Start loading toc.js asap -->
         <script src="toc-bc46d24f.js"></script>
@@ -184,7 +184,7 @@ <h1 id="javascriptを始める前に"><a class="header" href="#javascriptを始
 現在のJavaScriptは、Webページの操作だけでなく、いろいろな用途に使えるプログラム言語になり、実際にいろんなところで使われています。</p>
 </blockquote>
 <hr>
-<h2 id="1-私たちの舞台wwwワールドワイドウェブ"><a class="header" href="#1-私たちの舞台wwwワールドワイドウェブ">1. 私たちの舞台：WWW（ワールド・ワイド・ウェブ）</a></h2>
+<h2 id="i-私たちの舞台wwwワールドワイドウェブ"><a class="header" href="#i-私たちの舞台wwwワールドワイドウェブ">I. 私たちの舞台：WWW（ワールド・ワイド・ウェブ）</a></h2>
 <p>まず、javaScriptの活躍の舞台、WWW（ワールド・ワイド・ウェブ）とは何かについて、説明しましょう。</p>
 <p><strong>WWW（ワールド・ワイド・ウェブ）</strong> は、世界中のコンピュータが「クモの巣（Web）」のようにつながって、情報を共有（きょうゆう）する仕組みのことです。</p>
 <p>これを、<strong>「図書館（としょかん）」</strong> に例えて、やさしく説明しますね。</p>
@@ -235,7 +235,7 @@ <h3 id="まとめテーブル"><a class="header" href="#まとめテーブル">
 <p>いかがでしょうか？「注文して、送ってもらって、組み立てる」。このシンプルな流れがWWWの正体です。</p>
 <p>「WWWは、世界中の情報をだれでも、どこでも見られるようにしたすごい発明なんです。</p>
 <hr>
-<h2 id="2-webページを作る3つの力htmlcssjavascriptの役割"><a class="header" href="#2-webページを作る3つの力htmlcssjavascriptの役割">2. Webページを作る「3つの力」：HTML・CSS・JavaScriptの役割</a></h2>
+<h2 id="ii-webページを作る3つの力htmlcssjavascriptの役割"><a class="header" href="#ii-webページを作る3つの力htmlcssjavascriptの役割">II. Webページを作る「3つの力」：HTML・CSS・JavaScriptの役割</a></h2>
 <p>Webページは、3つの技術がチームワークを発揮してできています。これを「家づくり」に例えてみましょう。</p>
 <div class="table-wrapper">
 <table>
@@ -253,7 +253,7 @@ <h2 id="2-webページを作る3つの力htmlcssjavascriptの役割"><a class="h
 <p>HTMLとCSSだけでは、家は完成しても「電気が通っていない」状態です。HTMLとCSSだけのWebページは、ただ情報を表示するだけの、動きのない「紙のポスター」のようなものです。</p>
 <p>JavaScriptという電気が通ることで、スイッチを押せばライトがつき、自動ドアが開き、エレベーターが動くようになります。Webページはユーザーと「対話（たいわ）」ができる便利な道具に変わるのです。</p>
 <hr>
-<h2 id="3-オブジェクトとは"><a class="header" href="#3-オブジェクトとは">3. オブジェクトとは</a></h2>
+<h2 id="iii-オブジェクトとは"><a class="header" href="#iii-オブジェクトとは">III. オブジェクトとは</a></h2>
 <p>皆さんがこれから学ぶのは、<strong>自分でWebページを動かす方法</strong> です。Webページを動かすためには、<strong>Webページを表示しているブラウザに「これこれこういうことをしなさい」と命令する</strong> ことが必要です。</p>
 <p>たとえば飲食店でアルバイトをする場合も、わかりやすく書かれたマニュアルを見れば、ミスをすることなく作業することができます。マニュアルは、誰が読んでも同じ意味にとれるように、あいまいさのない、はっきり書かれたものでなければなりません。</p>
 <h3 id="1-オブジェクトとはどんなもの"><a class="header" href="#1-オブジェクトとはどんなもの">1. オブジェクトとはどんなもの？</a></h3>

_tmp/docs/01_01_HTML.html

@@ -35,7 +35,7 @@
             const path_to_root = "";
             const default_light_theme = "light";
             const default_dark_theme = "navy";
-            window.path_to_searchindex_js = "searchindex-78abab6b.js";
+            window.path_to_searchindex_js = "searchindex-ebef5985.js";
         </script>
         <!-- Start loading toc.js asap -->
         <script src="toc-bc46d24f.js"></script>
@@ -177,26 +177,26 @@ <h1 class="menu-title">留学生のためのJavaScript学習ガイド</h1>
                         <h1 id="html"><a class="header" href="#html">HTML</a></h1>
 <p><strong>留学生（りゅうがくせい）のためのHTML基礎（きそ）ガイド：JavaScriptを学ぶ前に</strong></p>
 <p>Web開発（かいはつ）を勉強（べんきょう）するみなさん、こんにちは。このガイドでは、プログラミングのJavaScriptを勉強する前に、とても大切（たいせつ）な「HTML」と「CSS」をわかりやすく説明（せつめい）します。</p>
-<h2 id="1-はじめにwebページを構成する3つの力"><a class="header" href="#1-はじめにwebページを構成する3つの力">1. はじめに：Webページを構成する「3つの力」</a></h2>
+<h2 id="i-はじめにwebページを構成する3つの力"><a class="header" href="#i-はじめにwebページを構成する3つの力">I. はじめに：Webページを構成する「3つの力」</a></h2>
 <p>Webサイトを作（つく）るときには、3つの技術（ぎじゅつ）を使（つか）います。それはHTML、CSS、そしてJavaScriptです。これらを「家（いえ）」に例（たと）えて考（かんが）えてみましょう。</p>
 <ul>
 <li>HTML： 家（いえ）の「柱（はしら）」や「壁（かべ）」です。建物（たてもの）の骨組（ほねぐ）みを作（つく）る役割（やくわり）があります。</li>
 <li>CSS： 家の「ペンキ」や「インテリア」です。色（いろ）を塗（ぬ）ったりして、見（み）た目（め）をきれいに整（ととの）えます。</li>
 <li>JavaScript： 家の「電気（でんき）」や「機械（きかい）装置（そうち）」です。ボタンを押（お）すとライトがつくような、動（うご）きや機能（きのう）を作ります。</li>
 </ul>
 <p>HTMLはWebページの土台（どだい）です。HTMLの骨組み（ほねぐみ）が正（ただ）しくないと、あとからJavaScriptを使っても、うまく動（うご）きません。まずは、ページの見（み）えない部分（ぶぶん）である「設定（せってい）」から理解（りかい）しましょう。</p>
-<h2 id="2-htmlのメタ情報じょうほうwebページの設定を理解する"><a class="header" href="#2-htmlのメタ情報じょうほうwebページの設定を理解する">2. HTMLのメタ情報（じょうほう）：Webページの「設定」を理解する</a></h2>
+<h2 id="ii-htmlのメタ情報じょうほうwebページの設定を理解する"><a class="header" href="#ii-htmlのメタ情報じょうほうwebページの設定を理解する">II. HTMLのメタ情報（じょうほう）：Webページの「設定」を理解する</a></h2>
 <p>Webページには、ユーザーには見えませんが、ブラウザや検索（けんさく）エンジンにとって大切（たいせつ）な情報があります。これを「メタ情報（じょうほう）」と呼（よ）び、<code>&lt;head&gt;</code>タグの中（なか）に書（か）きます。</p>
 <ul>
 <li><code>&lt;title&gt;</code>タグ： ブラウザのタブに表示（ひょうじ）される名前（なまえ）です。そのページの内容（ないよう）を伝（つた）えます。</li>
 <li>文字（もじ）コードの設定（せってい）： 日本語（にほんご）などが正しく表示（ひょうじ）されるようにするための設定（せってい）です。</li>
 </ul>
 <p>もし、文字コードの設定が正しくないと、文字が「読（よ）めない記号（きごう）」になってしまいます。これを「文字化（もじば）け」と言（い）います。設定が終わったら、次は実際（じっさい）に画面（がめん）で見（み）えるコンテンツを作（つく）りましょう。</p>
-<h2 id="3-いろいろなhtmlタグ情報じょうほうの意味いみを定義ていぎする"><a class="header" href="#3-いろいろなhtmlタグ情報じょうほうの意味いみを定義ていぎする">3. いろいろなHTMLタグ：情報（じょうほう）の意味（いみ）を定義（ていぎ）する</a></h2>
+<h2 id="iii-いろいろなhtmlタグ情報じょうほうの意味いみを定義ていぎする"><a class="header" href="#iii-いろいろなhtmlタグ情報じょうほうの意味いみを定義ていぎする">III. いろいろなHTMLタグ：情報（じょうほう）の意味（いみ）を定義（ていぎ）する</a></h2>
 <p>Webページをつくるための「HTMLタグ」と「特殊（とくしゅ）記号」について、やさしい日本語で説明します。</p>
 <h3 id="htmlタグとは"><a class="header" href="#htmlタグとは">HTMLタグとは？</a></h3>
-<p>HTMLは、Webページの**「骨組み（ほねぐみ）」**をつくるための言葉です。
-タグは、<code>&lt;</code> と <code>&gt;</code> で名前を囲（かこ）んで書きます。たいていの場合、始まりのタグ（例：<code>&lt;p&gt;</code>）と終わりのタグ（例：<code>&lt;/p&gt;</code>）で文字をはさみます。</p>
+<p>HTMLは、Webページの <strong>「骨組み（ほねぐみ）」</strong> をつくるための言葉です。
+タグは、<code>&lt;</code> と <code>&gt;</code> で名前を囲（かこ）んで書きます。たいていの場合、始まりのタグ（例：<code>&lt;p&gt;</code>）と終わりのタグ（例：<code>&lt;/p&gt;</code>）で文字をはさみます。タグはタグで囲まれた部分が、HTMLの中でどのような仕事をしているかを示します。</p>
 <h4 id="1-見出しheading-h1--h6"><a class="header" href="#1-見出しheading-h1--h6">1. 見出し（Heading）: <code>&lt;h1&gt;</code> 〜 <code>&lt;h6&gt;</code></a></h4>
 <p>ページのタイトルや、中身の「見出し」に使います。</p>
 <ul>
@@ -339,7 +339,7 @@ <h3 id="特殊記号とくしゅきごう"><a class="header" href="#特殊記号
 <li>class属性（ぞくせい）： 複数（ふくすう）の要素を「グループ化（か）」するための名前です。</li>
 </ul>
 <p>次は、データを見やすく整理（せいり）する「テーブル」について学（まな）びましょう。</p>
-<h2 id="4-テーブルデータをおさめて表示ひょうじする"><a class="header" href="#4-テーブルデータをおさめて表示ひょうじする">4. テーブル：データをおさめて表示（ひょうじ）する</a></h2>
+<h2 id="iv-テーブルデータをおさめて表示ひょうじする"><a class="header" href="#iv-テーブルデータをおさめて表示ひょうじする">IV. テーブル：データをおさめて表示（ひょうじ）する</a></h2>
 <p>たくさんのデータを並（なら）べて見せるときは、表（テーブル）を使（つか）います。テーブルは、タグの中（なか）にタグを入（い）れる「入（い）れ子（こ）」の構造（こうぞう）になっています。</p>
 <p><strong>テーブルの構成（こうせい）：</strong></p>
 <ol>
@@ -401,7 +401,7 @@ <h2 id="4-テーブルデータをおさめて表示ひょうじする"><a class
 </table>
 
 <hr>
-<h2 id="5-フォームユーザーからの入力にゅうりょくを受け取る"><a class="header" href="#5-フォームユーザーからの入力にゅうりょくを受け取る">5. フォーム：ユーザーからの入力（にゅうりょく）を受け取る</a></h2>
+<h2 id="v-フォームユーザーからの入力にゅうりょくを受け取る"><a class="header" href="#v-フォームユーザーからの入力にゅうりょくを受け取る">V. フォーム：ユーザーからの入力（にゅうりょく）を受け取る</a></h2>
 <p>「フォーム」は、Webサイトがユーザーとコミュニケーションを取（と）るための大切（たいせつ）な場所（ばしょ）です。</p>
 <ul>
 <li><code>&lt;input type="text"&gt;</code>：名前（なまえ）などを書（か）く一列（いちれつ）の箱（はこ）です。</li>