4
4
5
5
通常はそれを使用して、どうやって/なぜそのコードが動作するのかを説明します。
6
6
7
- 一見するとコメントすることは当たり前かもしれませんが、プログラム初心者は通常間違った思い込みをします 。
7
+ 一見、コメントすることは当たり前かもしれませんが、プログラム初心者は間違った思い込みをすることがあります 。
8
8
9
9
## 悪いコメント
10
10
@@ -18,13 +18,13 @@ complex;
18
18
code;
19
19
```
20
20
21
- しかし良いコードでは、このような "説明的な" コメントは最小限にすべきです。真面目にコードはそれらなしで理解しやすくするべきです 。
21
+ しかし良いコードでは、このような "説明的な" コメントは最小限にすべきです。真面目にそれらがなくても理解しやすいコードにするべきです 。
22
22
23
23
それに関して素晴らしいルールがあります。"もしもコードがコメントを必要とするほど不明瞭な場合、書き直すべきかもしれません"。
24
24
25
- ### レシピ: 関数を取り除く
25
+ ### レシピ: 機能を括り出す
26
26
27
- 時々、このようにコードの一部を関数に置き換えることは有益です :
27
+ このように、コードの一部を関数に置き換えることは有益な場合があります :
28
28
29
29
``` js
30
30
function showPrimes (n ) {
@@ -65,11 +65,11 @@ function isPrime(n) {
65
65
}
66
66
```
67
67
68
- 今や、私たちは簡単にコードを理解することが出来ます 。関数自身がコメントになります。このようなコードは * 自己記述的* と呼ばれます。
68
+ 今や、私たちは簡単にコードを理解することができます 。関数自身がコメントになります。このようなコードは * 自己記述的* と呼ばれます。
69
69
70
70
### レシピ: 関数を作成する
71
71
72
- また、もしこのような長い "コードシート" を持っている場合 :
72
+ また、もしこのような長い "コードの塊" がある場合 :
73
73
74
74
``` js
75
75
// here we add whiskey
@@ -90,7 +90,7 @@ for(let t = 0; t < 3; t++) {
90
90
// ...
91
91
```
92
92
93
- 次のような関数にリファクタリングするのがより良い方法かもしれません :
93
+ 次のように関数にリファクタリングするのがより良い方法かもしれません :
94
94
95
95
``` js
96
96
addWhiskey (glass);
@@ -111,13 +111,13 @@ function addJuice(container) {
111
111
}
112
112
```
113
113
114
- 改めて言いますが、関数自身が何が行われているのかを伝え 、コメントすることは何もありません。また分割するとコードの構造はより良くなります。各関数がすること、何を取り何を返すのかは明白です 。
114
+ 改めて言いますが、関数自身が何が行われているのかを伝えているので 、コメントすることは何もありません。また分割するとコードの構造はより良くなります。各関数がすること、何を引数として取り、何を返すのかは明白です 。
115
115
116
- 現実では、完全に "説明的な" コメントを避けることはできません。複雑なアルゴリズムがあります。そして最適化のためのスマートな "微調整" があります 。しかし、一般的にはコードをシンプルで自己記述的に保つよう努めるべきです。
116
+ 現実では、完全に "説明的な" コメントを避けることはできません。複雑なアルゴリズムがあり、その最適化のための賢明な "微調整" がコードの中で行われることがあります 。しかし、一般的にはコードをシンプルで自己記述的に保つよう努めるべきです。
117
117
118
118
## 良いコメント
119
119
120
- これまでの通り、説明的なコメントは通常良くありません。ではどんなコメントが良いでしょう ?
120
+ これまでの通り、説明的なコメントは通常良くありません。ではどんなコメントが良いのでしょう ?
121
121
122
122
アーキテクチャの説明をする
123
123
: 高水準のコンポーネントの概要、相互作用の方法、様々な状況での制御フローを説明します... つまり -- コードの俯瞰図です。それは高水準のアーキテクチャ図のための特別な言語[ UML] ( http://wikipedia.org/wiki/Unified_Modeling_Language ) があります。これは間違いなく学ぶ価値があります。
@@ -141,30 +141,30 @@ function addJuice(container) {
141
141
142
142
このようなコメントにより、関数の目的を理解し、コードの中を見ることなく正しい方法で利用することができます。
143
143
144
- ところで 、[WebStorm](https://www.jetbrains.com/webstorm/) のような多くのエディタも同様にそれらを解釈することができ、オートコンプリートやいくつかの自動コードチェックを提供するのに使います 。
144
+ ちなみに 、[WebStorm](https://www.jetbrains.com/webstorm/) のような多くのエディタも同様にそれらを解釈することができ、それらを使ってオートコンプリートや自動コードチェックを提供します 。
145
145
146
146
また、コメントからHTMLドキュメントを生成することができる [JSDoc 3](https://github.com/jsdoc3/jsdoc) のようなツールもあります。JSDocに関するより多くの情報は <http://usejsdoc.org/> で読むことができます。
147
147
148
- なぜこのように解決されるのか ?
149
- : 何が書かれているかは重要です 。が、起こっていることを理解するためには 、* 書かれていないこと* がより重要かもしれません。正確にはなぜそのタスクがこの方法で解決されるのか ?コードは回答しません。
148
+ タスクがこのように解決されるのはなぜか ?
149
+ : 書かれていることは重要です 。が、何が起こっていることを理解するためには 、* 書かれていないこと* がより重要かもしれません。なぜそのタスクがこの方法で正しく解決されるのか ?コードは回答しません。
150
150
151
- もしそのタスクを解決る方法が沢山有る場合 、なぜこれを選んだのでしょう?特に、それが最も明白なものではないとき。
151
+ もしそのタスクを解決する方法が多数ある場合 、なぜこれを選んだのでしょう?特に、それが最も明白なものではないとき。
152
152
153
153
このようなコメントがなければ、次のような状況が起こりえます:
154
154
1. あなた(もしくは同僚) はいくらか前に書かれたコードを開き、それが "準最適" であることを確認します。
155
- 2. あなたは考えます: "私はなんて愚かだったのか、そして今はどれだけスマートになったのか "、そして "より明白で正しい" 方法を使って書き直します。
156
- 3. ... 書き直すと言う衝動は良かったです 。しかし、そのプロセスではあなたは "より明白な" 解決策は実際には不十分であることに気付きます。既にずっと前にそれを試みており、なぜダメなのかをぼんやり覚えています。あなたは最終的に正しい方法に戻しますが、時間が無駄になりました 。
155
+ 2. あなたは考えます: "私はなんて愚かだったのか、そして今はどれだけ賢くなったのか "、そして "より明白で正しい" 方法を使って書き直します。
156
+ 3. ... 書き直したいという思いは良かったです 。しかし、そのプロセスの中であなたは "より明白な" 解決策は実際には不十分であることに気付きます。実は既に以前試みたことであり、なぜダメだったのかぼんやり覚えています。最終的に元の正しい方法に戻します。が、その分時間が無駄になりました 。
157
157
158
- 解決策を説明するコメントはとても重要です。それらは正しい方向で開発を続けるのを助けます 。
158
+ 解決策を説明するコメントはとても重要です。それらは正しい方向で開発を続けるのに役立ちます 。
159
159
160
160
コードの捉えにくい特徴はある?それらはどこで使われる?
161
- : もしもコードが捉えにくく、紛らわしいものがある場合には、きっとコメントする価値があります 。
161
+ : もしもコードが捉えにくく、紛らわしいものがある場合にはきっとコメントする価値があります 。
162
162
163
163
## サマリ
164
164
165
- よい開発者の重要なサインはコメントです: それらの存在、またそれらの欠如 。
165
+ よい開発者の重要なサインはコメントです: それらの存在、またそれらの欠如によって 。
166
166
167
- よいコメントはコードを上手く維持し、時間が経った後にそこに戻り、より有効に使用できるようにします 。
167
+ よいコメントはコードを上手く維持し、時間が経った後でそこに戻ったときにも効果的に使えるようにします 。
168
168
169
169
** コメントすること:**
170
170
@@ -177,4 +177,4 @@ function addJuice(container) {
177
177
- "どのようにコードが動くか" そして "それが何をするか" を伝える
178
178
- コードを、コメントを必要としないような、シンプルで自己記述的にすることが不可能な場合にのみ置きます。
179
179
180
- コメントはJSDoc3のような自動文書化ツールにも使われます: それらはコメントを読んで 、HTML-docs(または別の形式の文書)を生成します。
180
+ コメントはJSDoc3のような自動文書化ツールにも使われます: それらはコメントを解釈し 、HTML-docs(または別の形式の文書)を生成します。
0 commit comments