File tree Expand file tree Collapse file tree 7 files changed +41
-51
lines changed
object-mutated-by-function
5-team-development/01-git-workflow Expand file tree Collapse file tree 7 files changed +41
-51
lines changed Original file line number Diff line number Diff line change @@ -15,7 +15,7 @@ Google Chrome 以外のブラウザにも開発者ツールは搭載されてい
1515
1616:::
1717
18- 開発者ツールは、` command (Ctrl) + option (Shift) + I ` キー、もしくは ` F12 ` キーを押すことにより起動できます。
18+ 開発者ツールは、` command (Ctrl) + option (Shift) + I ` キーを押すことにより起動できます。
1919
2020![ 開発者ツールを起動した様子] ( open-inspector.png )
2121
@@ -103,10 +103,10 @@ JavaScript の実行がブレークポイントを設定した地点に差し掛
103103
104104![ ステップ アウト] ( ./step-out.png )
105105
106- :::tip[ ` console.log ` ]
106+ :::tip[ ` console.log ` 関数 ]
107107
108- デバッガを使わずに、` console.log ` を使ってデバッグすることもできます 。` console.log ` は 、ブラウザの開発者ツールの ` Console ` に値を出力する関数です。
109- 以下のプログラムは ` x ` と ` y ` の和を出力するプログラムですが、` console.log ` を使ってプログラムの実行中に値の変化を確認したり 、エラーが発生した際に原因を特定することができます。
108+ デバッガを使わずに、` console.log ` 関数を使ってデバッグすることもできます 。` console.log ` 関数は 、ブラウザの開発者ツールの ` Console ` に値を出力する関数です。
109+ 以下のプログラムは ` x ` と ` y ` の和を出力するプログラムですが、` console.log ` 関数を使ってプログラムの実行中に値の変化を確認したり 、エラーが発生した際に原因を特定することができます。
110110
111111``` javascript
112112const x = 5 ;
Original file line number Diff line number Diff line change @@ -5,6 +5,4 @@ function incrementAge(person) {
55const tanaka = { name : "田中" , age : 18 } ;
66const nextYearTanaka = incrementAge ( tanaka ) ;
77document . write ( nextYearTanaka . age ) ;
8-
9- // 18
10- document . write ( tanaka . age ) ;
8+ document . write ( tanaka . age ) ; // 18
Original file line number Diff line number Diff line change @@ -6,6 +6,4 @@ function incrementAge(person) {
66const tanaka = { name : "田中" , age : 18 } ;
77const nextYearTanaka = incrementAge ( tanaka ) ;
88document . write ( nextYearTanaka . age ) ;
9- document . write ( " " ) ;
10- // 19 と表示されてしまう
11- document . write ( tanaka . age ) ;
9+ document . write ( tanaka . age ) ; // 19 と表示されてしまう
Original file line number Diff line number Diff line change @@ -75,9 +75,7 @@ function incrementAge(person) {
7575const tanaka = { name: " 田中" , age: 18 };
7676const nextYearTanaka = incrementAge (tanaka);
7777document .write (nextYearTanaka .age );
78- document .write (" " );
79- // 19 と表示されてしまう
80- document .write (tanaka .age );
78+ document .write (tanaka .age ); // 19 と表示されてしまう
8179```
8280
8381<ViewSource url = { import .meta .url } path = " _samples/object-mutated-by-function" />
@@ -100,11 +98,11 @@ document.write(tanaka.age);
10098function incrementAge (person ) {
10199 return { name: person .name , age: person .age + 1 };
102100}
101+
103102const tanaka = { name: " 田中" , age: 18 };
104103const nextYearTanaka = incrementAge (tanaka);
105104document .write (nextYearTanaka .age );
106- // 18
107- document .write (tanaka .age );
105+ document .write (tanaka .age ); // 18
108106```
109107
110108<ViewSource url = { import .meta .url } path = " _samples/answer" />
Original file line number Diff line number Diff line change @@ -94,18 +94,18 @@ HEAD が `master` ブランチを指している状態で、コミットを行
9494
9595<div className = " row" >
9696 <div className = " col" >
97- < CodeBlock title = " master (0d4cba5c)" language = " html " > { outdent `
98- <li>吾輩は猫である</li>
99- <li>坊っちゃん</li>
100- <li>三四郎</li>
101- ` } </ CodeBlock >
97+ ``` html title="master (0d4cba5c)"
98+ <li >吾輩は猫である</li >
99+ <li >坊っちゃん</li >
100+ <li >三四郎</li >
101+ ```
102102 </div >
103103 <div className = " col" >
104- < CodeBlock title = " feature (f08f242a)" language = " html " > { outdent `
105- <li>吾輩は猫である</li>
106- <li>坊っちゃん</li>
107- <li>こころ</li>
108- ` } </ CodeBlock >
104+ ``` html title="feature (f08f242a)"
105+ <li >吾輩は猫である</li >
106+ <li >坊っちゃん</li >
107+ <li >こころ</li >
108+ ```
109109 </div >
110110</div >
111111
Original file line number Diff line number Diff line change @@ -32,7 +32,7 @@ const config = {
3232 docs : {
3333 showLastUpdateTime : true ,
3434 sidebarPath : "./sidebars.js" ,
35- editUrl : "https://github.com/ut-code/utcode-learn/blob/develop /" ,
35+ editUrl : "https://github.com/ut-code/utcode-learn/blob/master /" ,
3636 remarkPlugins : [ math ] ,
3737 rehypePlugins : [ katex ] ,
3838 } ,
Original file line number Diff line number Diff line change 11/*
2- ----- Memo -------
3- # term の追加
4- > 文字列そのままの Term しか match しないので、
5- 説明的な Term は対応していません。
6- 例: "演算子の優先順位"
7-
8- > 名前の同じ Term は、使用頻度の高そうな方を優先してください。
9- 例: "プロパティ" -> "jsProperty"
10- "メソッド" -> "jsMethod"
11-
12- > 英数字と日本語の間は半角を入れることになっているので、
13- 半角が入っているもののみを記述してください。
14- 例: 〇 "HTML 要素" × "HTML要素"
15-
16-
17- # 使い方
18- > Mapとして保存されています。 Map#get を使ってください
19- 例: const type = typeMap.get(termAsJapaneseString); // ./index.jsx
20-
21- > 説明的な Term (演算子の優先順位 など) や
22- 名前の同じ Term (CSS のプロパティ -> JS のプロパティとして解釈する)
23- などは対応していないので、term を明示してください。
24- 例: `*` は `+` より<Term type="operatorPriority">優先順位</Term>が高い
25- CSS の<Term type="cssProperty">プロパティ</Term> // /docs/
26- */
2+ * # term の追加
3+ * > 文字列そのままの Term しか match しないので、
4+ * 説明的な Term は対応していません。
5+ * 例: "演算子の優先順位"
6+ *
7+ * > 名前の同じ Term は、使用頻度の高そうな方を優先してください。
8+ * 例: "プロパティ" -> "javascriptProperty"
9+ * "メソッド" -> "jsMethod"
10+ *
11+ * > 英数字と日本語の間は半角スペースを入れることになっているので、
12+ * 半角が入っているもののみを記述してください。
13+ * 例: 〇 "HTML 要素" × "HTML要素"
14+ *
15+ *
16+ * # 使い方
17+ * > 説明的な Term (演算子の優先順位 など) や、
18+ * 名前の同じ Term (CSS のプロパティ -> JS のプロパティとして解釈する)
19+ * などは対応していないので、term を明示してください。
20+ * 例: CSS の<Term type="cssProperty">プロパティ</Term> // /docs/
21+ *
22+ */
2723
2824const typeMap = new Map ( [
2925 [ "拡張子" , "fileExtension" ] ,
You can’t perform that action at this time.
0 commit comments