Skip to content

Commit 3ba38f7

Browse files
osamu377osamu377
committed
オブジェクト指向関連のブラッシュアップ
1 parent 09c2fe5 commit 3ba38f7

50 files changed

Lines changed: 952 additions & 160 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -35,10 +35,10 @@
3535
const path_to_root = "";
3636
const default_light_theme = "light";
3737
const default_dark_theme = "navy";
38-
window.path_to_searchindex_js = "searchindex-ed5d5011.js";
38+
window.path_to_searchindex_js = "searchindex-91ec85ee.js";
3939
</script>
4040
<!-- Start loading toc.js asap -->
41-
<script src="toc-51c4b39c.js"></script>
41+
<script src="toc-7748c030.js"></script>
4242
</head>
4343
<body>
4444
<div id="mdbook-help-container">

‎docs/01_01_HTML.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -35,10 +35,10 @@
3535
const path_to_root = "";
3636
const default_light_theme = "light";
3737
const default_dark_theme = "navy";
38-
window.path_to_searchindex_js = "searchindex-ed5d5011.js";
38+
window.path_to_searchindex_js = "searchindex-91ec85ee.js";
3939
</script>
4040
<!-- Start loading toc.js asap -->
41-
<script src="toc-51c4b39c.js"></script>
41+
<script src="toc-7748c030.js"></script>
4242
</head>
4343
<body>
4444
<div id="mdbook-help-container">
@@ -192,7 +192,7 @@ <h2 id="ii-htmlのメタ情報じょうほうwebページの設定を理解す
192192
<li>文字（もじ）コードの設定（せってい）： 日本語（にほんご）などが正しく表示（ひょうじ）されるようにするための設定（せってい）です。</li>
193193
</ul>
194194
<p>もし、文字コードの設定が正しくないと、文字が「読（よ）めない記号（きごう）」になってしまいます。これを「文字化（もじば）け」と言（い）います。設定が終わったら、次は実際（じっさい）に画面（がめん）で見（み）えるコンテンツを作（つく）りましょう。</p>
195-
<h2 id="iii-いろいろなhtmlタグ情報じょうほうの意味いみを定義ていぎする"><a class="header" href="#iii-いろいろなhtmlタグ情報じょうほうの意味いみを定義ていぎする">III. いろいろなHTMLタグ：情報（じょうほう）の意味（いみ）を定義（ていぎ）する</a></h2>
195+
<h2 id="iii-いろいろなhtmlタグ情報じょうほうの意味いみを決める"><a class="header" href="#iii-いろいろなhtmlタグ情報じょうほうの意味いみを決める">III. いろいろなHTMLタグ：情報（じょうほう）の意味（いみ）を決める</a></h2>
196196
<p>Webページをつくるための「HTMLタグ」と「特殊（とくしゅ）記号」について、やさしい日本語で説明します。</p>
197197
<h3 id="htmlタグとは"><a class="header" href="#htmlタグとは">HTMLタグとは？</a></h3>
198198
<p>HTMLは、Webページの <strong>「骨組み（ほねぐみ）」</strong> をつくるための言葉です。

‎docs/01_02_CSS.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -35,10 +35,10 @@
3535
const path_to_root = "";
3636
const default_light_theme = "light";
3737
const default_dark_theme = "navy";
38-
window.path_to_searchindex_js = "searchindex-ed5d5011.js";
38+
window.path_to_searchindex_js = "searchindex-91ec85ee.js";
3939
</script>
4040
<!-- Start loading toc.js asap -->
41-
<script src="toc-51c4b39c.js"></script>
41+
<script src="toc-7748c030.js"></script>
4242
</head>
4343
<body>
4444
<div id="mdbook-help-container">

‎docs/02_00_はじめてのJavaScript.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -35,10 +35,10 @@
3535
const path_to_root = "";
3636
const default_light_theme = "light";
3737
const default_dark_theme = "navy";
38-
window.path_to_searchindex_js = "searchindex-ed5d5011.js";
38+
window.path_to_searchindex_js = "searchindex-91ec85ee.js";
3939
</script>
4040
<!-- Start loading toc.js asap -->
41-
<script src="toc-51c4b39c.js"></script>
41+
<script src="toc-7748c030.js"></script>
4242
</head>
4343
<body>
4444
<div id="mdbook-help-container">

‎docs/02_01_変数.html‎

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -35,10 +35,10 @@
3535
const path_to_root = "";
3636
const default_light_theme = "light";
3737
const default_dark_theme = "navy";
38-
window.path_to_searchindex_js = "searchindex-ed5d5011.js";
38+
window.path_to_searchindex_js = "searchindex-91ec85ee.js";
3939
</script>
4040
<!-- Start loading toc.js asap -->
41-
<script src="toc-51c4b39c.js"></script>
41+
<script src="toc-7748c030.js"></script>
4242
</head>
4343
<body>
4444
<div id="mdbook-help-container">
@@ -265,12 +265,13 @@ <h3 id="4-変数の名前の付け方"><a class="header" href="#4-変数の名
265265
<hr>
266266
<h2 id="ii-文字列型-stringテキストデータを扱う"><a class="header" href="#ii-文字列型-stringテキストデータを扱う">II. 文字列型 (String)：テキストデータを扱う</a></h2>
267267
<p>Webページで「こんにちは」というメッセージを表示したり、ユーザーの名前を扱ったりする際に使われるのが「文字列（もじれつ）」です。</p>
268-
<h3 id="1-文字列の定義"><a class="header" href="#1-文字列の定義">1. 文字列の定義</a></h3>
268+
<h3 id="1-文字列を作る"><a class="header" href="#1-文字列を作る">1. 文字列を作る</a></h3>
269269
<p>文字列を作るには、テキストを <strong>引用符（クォーテーション）</strong> で囲みます。</p>
270270
<ul>
271-
<li>シングルクォーテーション：‘こんにちは’</li>
272-
<li>ダブルクォーテーション：“こんにちは” どちらを使っても構いませんが、一つのプログラムの中で統一するのが良い習慣です。</li>
271+
<li>シングルクォーテーション： <strong>‘こんにちは’</strong></li>
272+
<li>ダブルクォーテーション： <strong>“こんにちは”</strong></li>
273273
</ul>
274+
<p>どちらを使っても構いませんが、一つのプログラムの中で統一するのが良い習慣です。</p>
274275
<h3 id="2-テンプレートリテラル最新のスマートな書き方"><a class="header" href="#2-テンプレートリテラル最新のスマートな書き方">2. テンプレートリテラル：最新のスマートな書き方</a></h3>
275276
<p>バッククォート（ ` ）と ${ } を使った「テンプレートリテラル」を使うと、変数の埋め込みや改行が非常に簡単になります。</p>
276277
<pre><code class="language-javascript">const name = "佐藤";
@@ -337,7 +338,7 @@ <h3 id="2-比較と組み合わせ"><a class="header" href="#2-比較と組み
337338
<p>論理型を正しく理解すると、複雑なシステムの判断ロジックを整理して、ユーザーの入力に対して「正しく反応する」プログラムを書くことができるようになります。</p>
338339
<hr>
339340
<h2 id="v-未定義型-undefined値が決まっていない状態"><a class="header" href="#v-未定義型-undefined値が決まっていない状態">V. 未定義型 (Undefined)：値が決まっていない状態</a></h2>
340-
<p>変数を作ったけれど、中身をまだ何も入れていないとき、JavaScriptはその状態を undefined と表現します。これは「未定義（みていぎ）」型という特殊な型になります。「未定義」とは「まだ定義されていない」という意味です。</p>
341+
<p>変数を作ったけれど、中身をまだ何も入れていないとき、JavaScriptはその状態を undefined と表現します。これは「未定義（みていぎ）」型という特殊な型になります。「未定義」とは「まだ定義されていない」「まだ、どういうものか決まっていない、わからない」という意味です。</p>
341342
<p><strong>「空の箱」と「存在しない箱」の違い</strong></p>
342343
<p>初心者の方が間違いやすいのが、以下の違いです。</p>
343344
<ul>

‎docs/02_02_演算子.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -35,10 +35,10 @@
3535
const path_to_root = "";
3636
const default_light_theme = "light";
3737
const default_dark_theme = "navy";
38-
window.path_to_searchindex_js = "searchindex-ed5d5011.js";
38+
window.path_to_searchindex_js = "searchindex-91ec85ee.js";
3939
</script>
4040
<!-- Start loading toc.js asap -->
41-
<script src="toc-51c4b39c.js"></script>
41+
<script src="toc-7748c030.js"></script>
4242
</head>
4343
<body>
4444
<div id="mdbook-help-container">

‎docs/02_03_制御文.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -35,10 +35,10 @@
3535
const path_to_root = "";
3636
const default_light_theme = "light";
3737
const default_dark_theme = "navy";
38-
window.path_to_searchindex_js = "searchindex-ed5d5011.js";
38+
window.path_to_searchindex_js = "searchindex-91ec85ee.js";
3939
</script>
4040
<!-- Start loading toc.js asap -->
41-
<script src="toc-51c4b39c.js"></script>
41+
<script src="toc-7748c030.js"></script>
4242
</head>
4343
<body>
4444
<div id="mdbook-help-container">

‎docs/02_04_関数.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -35,10 +35,10 @@
3535
const path_to_root = "";
3636
const default_light_theme = "light";
3737
const default_dark_theme = "navy";
38-
window.path_to_searchindex_js = "searchindex-ed5d5011.js";
38+
window.path_to_searchindex_js = "searchindex-91ec85ee.js";
3939
</script>
4040
<!-- Start loading toc.js asap -->
41-
<script src="toc-51c4b39c.js"></script>
41+
<script src="toc-7748c030.js"></script>
4242
</head>
4343
<body>
4444
<div id="mdbook-help-container">

‎docs/03_00_ブラウザのオブジェクト.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -35,10 +35,10 @@
3535
const path_to_root = "";
3636
const default_light_theme = "light";
3737
const default_dark_theme = "navy";
38-
window.path_to_searchindex_js = "searchindex-ed5d5011.js";
38+
window.path_to_searchindex_js = "searchindex-91ec85ee.js";
3939
</script>
4040
<!-- Start loading toc.js asap -->
41-
<script src="toc-51c4b39c.js"></script>
41+
<script src="toc-7748c030.js"></script>
4242
</head>
4343
<body>
4444
<div id="mdbook-help-container">

‎docs/03_01_オブジェクトの中を見てみよう.html‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -35,10 +35,10 @@
3535
const path_to_root = "";
3636
const default_light_theme = "light";
3737
const default_dark_theme = "navy";
38-
window.path_to_searchindex_js = "searchindex-ed5d5011.js";
38+
window.path_to_searchindex_js = "searchindex-91ec85ee.js";
3939
</script>
4040
<!-- Start loading toc.js asap -->
41-
<script src="toc-51c4b39c.js"></script>
41+
<script src="toc-7748c030.js"></script>
4242
</head>
4343
<body>
4444
<div id="mdbook-help-container">
@@ -252,10 +252,11 @@ <h2 id="vii-なぜオブジェクトを使うの"><a class="header" href="#vii-
252252
<blockquote class="blockquote-tag blockquote-tag-tip">
253253
<p class="blockquote-tag-title"><svg viewbox="0 0 16 16" width="18" height="18"><path d="M8 1.5c-2.363 0-4 1.69-4 3.75 0 .984.424 1.625.984 2.304l.214.253c.223.264.47.556.673.848.284.411.537.896.621 1.49a.75.75 0 0 1-1.484.211c-.04-.282-.163-.547-.37-.847a8.456 8.456 0 0 0-.542-.68c-.084-.1-.173-.205-.268-.32C3.201 7.75 2.5 6.766 2.5 5.25 2.5 2.31 4.863 0 8 0s5.5 2.31 5.5 5.25c0 1.516-.701 2.5-1.328 3.259-.095.115-.184.22-.268.319-.207.245-.383.453-.541.681-.208.3-.33.565-.37.847a.751.751 0 0 1-1.485-.212c.084-.593.337-1.078.621-1.489.203-.292.45-.584.673-.848.075-.088.147-.173.213-.253.561-.679.985-1.32.985-2.304 0-2.06-1.637-3.75-4-3.75ZM5.75 12h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM6 15.25a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1-.75-.75Z"></path></svg>Tip</p>
254254
<p><strong>言葉のポイント</strong>
255-
留学生には、<strong>「オブジェクト ＝ 便利な情報のセット」<strong>だと教えてあげてください。
256-
“Object“という英語を辞書で見ると、難しい漢字の「対象物（たいしょうぶつ）」と出てきます。プログラムでは、そう考えるより、</strong>「ひとまとまりのデータ」</strong> と覚えるのが近道です！</p>
255+
<strong>「オブジェクト ＝ 便利な情報のセット」</strong> だと教えてあげてください。
256+
“Object“という英語を辞書で見ると、難しい漢字の「対象物（たいしょうぶつ）」と出てきます。プログラムでは、そう考えるより、<strong>「データとアクションをひとまとまりにしたもの」</strong> と覚えるのが近道です！</p>
257257
</blockquote>
258258
<p>オブジェクトのイメージはつかめたでしょうか？</p>
259+
<p>上で見た<code>student</code>や<code>here</code>のように、自分でオブジェクトを作ることもできます（その方法については、第５章で説明します）。でも、そのまえに、すでに用意されているオブジェクトを利用してみましょう。</p>
259260

260261
</main>
261262

0 commit comments

Comments
 (0)