Skip to content

Commit a757747

Browse files
committed
表現の見直し - structure
1 parent f1f4f4f commit a757747

File tree

1 file changed

+27
-30
lines changed

1 file changed

+27
-30
lines changed
Lines changed: 27 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# コード構造
22

3-
最初の勉強は、コードのビルディングブロックです
3+
最初の勉強は、コードの基本的な要素に関してです
44

55
[cut]
66

@@ -10,15 +10,15 @@
1010

1111
私たちは既に `alert('Hello, world!')` という文を見ました。それはメッセージを表示します。
1212

13-
私たちは、望むだけの多くの文をコードに含めることができます。文はセミコロンで区切ることができます。
13+
私たちは必要なだけ文をコードに含めることができます。文はセミコロンで区切ることができます。
1414

15-
たとえば、ここではメッセージを2つに分けます:
15+
たとえば、これはメッセージを2つに分けます:
1616

1717
```js run no-beautify
1818
alert('Hello'); alert('World');
1919
```
2020

21-
通常、各文は別の行に書かれます -- これによりコードはより読みやすくなります
21+
通常、それぞれの文は別の行に書かれます -- これによりコードの可読性が向上します
2222

2323
```js run no-beautify
2424
alert('Hello');
@@ -27,17 +27,17 @@ alert('World');
2727

2828
## セミコロン
2929

30-
セミコロンは改行が存在するとき、ほとんどのケースで省略されます
30+
改行がある場合は、ほとんどの場合セミコロンを省略できます
3131

32-
これもまた動作します:
32+
これも動作します:
3333

3434
```js run no-beautify
3535
alert('Hello')
3636
alert('World')
3737
```
3838

39-
ここでJavaScriptは、改行を "暗黙" のセミコロンとして解釈します
40-
それはまた[自動セミコロン挿入](https://tc39.github.io/ecma262/#sec-automatic-semicolon-insertion)と呼ばれます。
39+
ここでJavaScriptは、改行を "暗黙" のセミコロンと解釈します
40+
これは[自動セミコロン挿入](https://tc39.github.io/ecma262/#sec-automatic-semicolon-insertion)と呼ばれます。
4141

4242
**ほとんどのケースで改行はセミコロンを意味します。しかし "ほんどのケース" は "いつも" ではありません!**
4343

@@ -49,20 +49,20 @@ alert(3 +
4949
+ 2);
5050
```
5151

52-
このコードは `6` を出力します、なぜなら JavaScript はここではセミコロンを挿入しないからです。もし行の終わりがプラス `"+"` で終わっている場合、直感的には "不完全な表現" であり、セミコロンが必要ないのは明らかです。そしてこのケースでは、それは意図したとおりに動作します
52+
このコードは `6` を出力します、なぜなら JavaScript はセミコロンを挿入しないからです。もし行の終わりがプラス `"+"` で終わっている場合、直感的には "不完全な表現" であり、セミコロンが必要ないのは明らかです。このケースでは、それは意図した通りに動作します
5353

5454
**しかしJavaScriptが、本当に必要なときにセミコロンを想定 "し損なう" ケースがあります。**
5555

5656
このようなケースで発生するエラーは検出と修正が非常に難しいです。
5757

5858
````smart header="エラーの例"
59-
もしもあなたがこのようなエラーの具体例を見て興味があるなら、このコードを確認してください:
59+
このようなエラーの具体例に興味があるなら、このコードを確認してみてください:
6060
6161
```js run
6262
[1, 2].forEach(alert)
6363
```
6464
65-
角括弧 `[]` や `forEach` の意味についてはまだ考える必要はありません。私達はあとでそれらを勉強するでしょう、今のところそれは問題ではありません。ただ結果を覚えておきましょう: "1", そして "2" が表示されます。
65+
角括弧 `[]` や `forEach` の意味についてはまだ考える必要はありません。それらについては後ほど勉強するので今のところ問題ではありません。ただ結果を覚えておきましょう: "1", そして "2" が表示されます。
6666
6767
今、コードの前に `alert` を追加し、セミコロンで終わら "ない" ようにしましょう:
6868
@@ -72,43 +72,40 @@ alert("There will be an error")
7272
[1, 2].forEach(alert)
7373
```
7474
75-
それを実行した場合、最初の `alert` だけが表示され、エラーが発生するでしょう!
75+
実行すると、最初の `alert` だけが表示され、エラーが発生するでしょう!
7676
77-
しかし、もしも `alert` の後にセミコロンをつけた場合はすべてうまく行きます:
77+
しかし、`alert` の後にセミコロンをつけた場合はすべてうまく行きます:
7878
```js run
7979
alert("All fine now");
8080
8181
[1, 2].forEach(alert)
8282
```
8383
84-
今や私たちは "All fine now" メッセージ、そして `1`, `2` を得ます
84+
これで "All fine now" メッセージ、そして `1`, `2` が表示されます
8585
86-
87-
セミコロンのない場合のエラーは、JavaScript は角括弧 `[...]` の前にはセミコロンを暗示しないために発生します。
88-
89-
そのため、セミコロンは自動挿入されないので最初の例のコードは1つの文として扱われます。
86+
JavaScriptでは角括弧 `[...]` の前にはセミコロンを想定しません。そのため、セミコロンは自動挿入されないので最初の例のコードは1つの文として扱われます。
9087
エンジンは次のように解釈しています:
9188
9289
```js run no-beautify
9390
alert("There will be an error")[1, 2].forEach(alert)
9491
```
9592
96-
しかし、それは1つではなく2つの別の文であるべきです。今回のケースのようなマージは間違っているのでエラーです。このようなことが起こるシチュエーションは他にもあります。
93+
しかし、本来は1つではなく2つの文であるべきです。今回のケースのようなマージは間違っているのでエラーです。このようなことが起こるシチュエーションは他にもあります。
9794
````
9895

99-
改行によって文が分割されていたとしてもセミコロンを置くことを推奨します。このルールはコミュニティで広く採用されています。再度留意しましょう -- ほとんどの場合でセミコロンは除くことが *可能* です。しかし、特に初心者はセミコロンを使うのが安全です
96+
改行によって文が分割されるとしてもセミコロンを置くことを推奨します。このルールはコミュニティで広く採用されています。改めて留意しましょう -- ほとんどの場合、セミコロンは除くことが *可能* です。しかし、特に初心者はセミコロンを使う方が安全です
10097

10198
## コメント
10299

103-
時が経つにつれて、プログラムはどんどん複雑になります。起こることと、なぜを説明するための *コメント* を追加し始める必要があります。
100+
時が経つにつれて、プログラムはどんどん複雑になります。起こることと、なぜを説明するために *コメント* を追加し始める必要があります。
104101

105-
コメントはスクリプトのどの場所にも書くことができます。エンジンは単にそれらを無視するので、実行には影響しません。
102+
コメントはスクリプトのどの場所にも書くことができます。エンジンはそれらを無視するので、実行には影響しません。
106103

107104
**1行のコメントは、2つのスラッシュ文字 `//` から始まります。**
108105

109106
残りの行はコメントです。それは行全体または文に従います。
110107

111-
ここのように:
108+
このようになります:
112109
```js run
113110
// この行全体がコメントになります。
114111
alert('Hello');
@@ -118,7 +115,7 @@ alert('World'); // このコメントは文の後に続いています。
118115

119116
**複数行のコメントはスラッシュとアスタリスク <code>/&#42;</code> で始まり、アスタリスクとスラッシュ <code>&#42;/</code> で終わります。**
120117

121-
このように:
118+
このようになります:
122119

123120
```js run
124121
/* 2つのメッセージを含む例。
@@ -128,10 +125,10 @@ alert('Hello');
128125
alert('World');
129126
```
130127

131-
コメントの内容は無視されます、そのためもしも <code>/&#42; ... &#42;/</code> の中にコードをおいても、それは実行されないでしょう
128+
コメントの内容は無視されます、そのため、<code>/&#42; ... &#42;/</code> の中にコードをおいても実行されません
132129

133130

134-
時々、コードの一部を一時的に無効にすると便利です:
131+
これはコードの一部を一時的に無効にしたいときに便利です:
135132

136133
```js run
137134
/* コードのコメントアウト
@@ -148,7 +145,7 @@ Macでは、 `key:Ctrl` の代わりに `key:Cmd` を試してください。
148145
````warn header="入れ子のコメントはサポートされていません!"
149146
別の `/*...*/` の中に `/*...*/` はありません。。
150147
151-
このようなコードはエラーで死にます
148+
このようなコードはエラーになります
152149
153150
```js run no-beautify
154151
/*
@@ -158,8 +155,8 @@ alert( 'World' );
158155
```
159156
````
160157

161-
コードにコメントするのをためらわないでください
158+
コードにコメントするのを躊躇わないでください
162159

163-
コメントは全体のコード規模を増加させますが、それは全く問題ではありません。プロダクションサーバへリリースする前にコードを minify する多くのツールがあります。それらはコメントを除去するので、実行スクリプトの中には現れません。そのため、コメントはプロダクション上でネガティブな影響は全くありません
160+
コメントはコード規模を増加させますが、それは全く問題ではありません。プロダクションサーバへリリースする前にコードを minify する多くのツールがあります。それらはコメントを除去するので、実行されるスクリプトには現れません。そのため、コメント書くことによるネガティブな影響は全くありません
164161

165-
さらにこのチュートリアルでは、より良いコメントの書き方を説明するチャプター <info:coding-style> があります
162+
さらにこのチュートリアルでは、より良いコメントの書き方を説明するチャプター <info:coding-style> もあります

0 commit comments

Comments
 (0)