Skip to content

Commit 6633efc

Browse files
committed
finisth sentences 2-1 to 2-8
1 parent 8a138af commit 6633efc

File tree

4 files changed

+12
-9
lines changed

4 files changed

+12
-9
lines changed

02-javascript/06-object-syntax/shorthand.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
const keyName = 'bar';
1+
const key = 'bar';
22
const baz = 65536;
3-
const obj1 = { foo: 256, [keyName]: 4096, baz: baz };
3+
const obj1 = { foo: 256, [key]: 4096, baz: baz };
44
console.log(obj1);
55

66
const obj2 = { baz };
+4-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
const hello = undefined || null || 0 || NaN || '' || 'Hello!';
22
const chao = ' ' && 100 && [] && {} && 'Chao!';
33

4-
false && console.log('1.', hello);
5-
true && console.log('2.', hello);
6-
false || console.log('3.', chao);
4+
true && console.log('1.', hello);
5+
false && console.log('2.', hello);
6+
true || console.log('3.', chao);
7+
false || console.log('4.', chao);

CHANGELOG.md

+2
Original file line numberDiff line numberDiff line change
@@ -7,11 +7,13 @@
77

88
- 「Visual Studio Code」の略称表記を「VSCode」から「VS Code」に修正
99
- 「Mac OS」と表記していたものを「macOS」に修正
10+
- 「ビルトインオブジェクト」と表記していたものを「組み込みオブジェクト」に変更
1011
- サンプルコードで採用していた UI キットを [Semantic UI React](https://react.semantic-ui.com/) から [Chakra UI](https://chakra-ui.com/) に変更
1112

1213
### 第1章  こんにちは React
1314

1415
- 従来 Mac のみで説明していた環境作成を Windows についても言及、WSL をベースにした手順を[オンラインドキュメント](../extract/build-win-wnv.md)として追加した
16+
- プロジェクトパッケージのロックファイルについて、Yarn に加え npm コマンド使用時の `package-lock.json` についても言及
1517

1618
## 第3版(2020-08-20)
1719

extra/build-win-env.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -148,25 +148,25 @@ sudo apt-get install -y wget ca-certificates
148148
git clone [email protected]:oukayuka/Riakuto-StartingReact-ja3.1.git
149149
```
150150

151-
- WSL 側からコマンドラインでプロジェクトを VS Code で開く。すると初回起動時に WSL 接続に必要なパッケージが自動的にインストールされる
151+
- WSL 側からプロジェクトを VS Code で開く。すると初回起動時に必要なパッケージが自動的にインストールされ、 WSL 接続のための環境が作られる
152152

153153
```shell
154-
cd ./Riakuto-StartingReact-ja3.1.git/01-hello/02-hello-world
154+
cd ./Riakuto-StartingReact-ja3.1/01-hello/02-hello-world
155155
code .
156156
```
157157

158158
- 完了したら VS Code を終了し、もう一度スタートメニューから起動し直す。ウィンドウの左下に「Open a Remote Window」のアイコンが表示されているはずなのでそれをクリック
159159

160160
![Open a Remote Window](./open-remote.png)
161161

162-
- ウィンドウ中央上に WSL 上のプロジェクトを開くためのセレクトボックスが開くので、「Remote-WSL: Open Folder in WSL...」を選択し、先ほどの `Riakuto-StartingReact-ja3.1.git/01-hello/02-hello-world` フォルダーを開く
162+
- ウィンドウ中央上に WSL 上のプロジェクトを開くための入力ボックスが開くので、「Remote-WSL: Open Folder in WSL...」を選択し、先ほどの `Riakuto-StartingReact-ja3.1.git/01-hello/02-hello-world` フォルダーを開く
163163

164164
![Open a Remote Window](./remote-wsl.png)
165165

166166
- WSL の接続に成功すれば、左下のアイコン表示が「WSL: Ubuntu」のようになる
167167

168168
![Open a Remote Window](./wsl-connected.png)
169169

170-
- VS Code 拡張には WSL 上で動作するために WSL 側にインストールの必要があるものも多い。ローカルにインストール済みで WSL 側にインストールする必要のあるものは「Install in WSL: Ubuntu ⚠️ 」というボタンが表示されるので、それをクリックすればインストールできる
170+
- VS Code 拡張には WSL 上で動作させるために WSL 側の環境にインストールの必要があるものも多い。ローカルにインストール済みで WSL 側にインストールする必要のあるものは「Install in WSL: Ubuntu️」というボタンが表示されるので、それをクリックすればインストールできる
171171

172172
![Open a Remote Window](./wsl-extensions.png)

0 commit comments

Comments
 (0)