Skip to content

Commit f2ef24b

Browse files
committed
Substitute /空っぽ/空/
1 parent 549e79e commit f2ef24b

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

content/docs/add-react-to-a-website.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -21,15 +21,15 @@ React は段階的に導入することができるように最初からデザ
2121

2222
## 1分で React を導入する
2323

24-
このセクションでは、既存の HTML ページに React コンポーネントを導入する方法を説明します。以下の部分では自分のウェブサイトを利用して進めてもいいですし、練習用に空っぽの HTML ファイルを用意するのもいいでしょう。
24+
このセクションでは、既存の HTML ページに React コンポーネントを導入する方法を説明します。以下の部分では自分のウェブサイトを利用して進めてもいいですし、練習用に空の HTML ファイルを用意するのもいいでしょう。
2525

2626
複雑なツール類や事前にインストールしておかなければいけないものはありません。**インターネットへの接続さえあれば、1 分間でこのセクションを終わらせることができます。**
2727

2828
オプション:[お手本をダウンロードする (2KB ZIP圧縮)](https://gist.github.com/gaearon/6668a1f6986742109c00a581ce704605/archive/f6c882b6ae18bde42dcf6fdb751aae93495a2275.zip)
2929

3030
### ステップ 1:HTML に DOM コンテナを追加する
3131

32-
まずは編集したい HTML ファイルを開きましょう。React で描画したい箇所を決めて、空っぽの `<div>` 要素を追加しましょう。例えばこんな感じです。
32+
まずは編集したい HTML ファイルを開きましょう。React で描画したい箇所を決めて、空の `<div>` 要素を追加しましょう。例えばこんな感じです。
3333

3434
```html{3}
3535
<!-- ... 既存の HTML ... -->
@@ -43,7 +43,7 @@ React は段階的に導入することができるように最初からデザ
4343

4444
>ヒント
4545
>
46-
>「コンテナ」としての `<div>` 要素は `<body>` タグの中であれば**どこにでも**置くことができます。また空っぽの `<div>` はひとつのページにひとつだけでも、あるいは必要なだけたくさんあっても大丈夫です。`<div>` 要素は空っぽのことが多いですが、それはたとえ `<div>` の中に他の要素があったとしても、React が結局その中身を置き換えてしまうからです。
46+
>「コンテナ」としての `<div>` 要素は `<body>` タグの中であれば**どこにでも**置くことができます。また空の `<div>` はひとつのページにひとつだけでも、あるいは必要なだけたくさんあっても大丈夫です。`<div>` 要素は空のことが多いですが、それはたとえ `<div>` の中に他の要素があったとしても、React が結局その中身を置き換えてしまうからです。
4747
4848
### ステップ 2:script タグを追加する
4949

@@ -84,7 +84,7 @@ const domContainer = document.querySelector('#like_button_container');
8484
ReactDOM.render(e(LikeButton), domContainer);
8585
```
8686

87-
この 2 行のコードは、ステップ 1 で追加した空っぽの `<div>` 要素を見つけてきて、その中に React コンポーネントの「いいね」ボタンを表示します。
87+
この 2 行のコードは、ステップ 1 で追加した空の `<div>` 要素を見つけてきて、その中に React コンポーネントの「いいね」ボタンを表示します。
8888

8989
### これだけです!
9090

0 commit comments

Comments
 (0)