Skip to content

Commit 8e7e0ed

Browse files
committed
一部の訳の見直し
1 parent 0b9771d commit 8e7e0ed

File tree

3 files changed

+9
-9
lines changed

3 files changed

+9
-9
lines changed

src/content/learn/adding-interactivity.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -240,12 +240,12 @@ button {
240240
コンポーネントが料理人として厨房に立ち、食材を調理して美味しい料理を作っている様子をイメージしてみてください。このシナリオにおいて React はウェイターです。お客様の注文を伝えて、できた料理をお客様に渡します。この UI の「注文」と「提供」のプロセスは、次の 3 つのステップからなります:
241241

242242
1. レンダーの**トリガ**(お客様の注文を厨房に伝える)
243-
2. コンポーネントの**レンダー**厨房で注文の品を準備する
244-
3. DOM への**コミット**テーブルに注文の品を置く
243+
2. コンポーネントの**レンダー**厨房で注文の品を料理する
244+
3. DOM への**コミット**テーブルに注文の品を提供する
245245

246246
<IllustrationBlock sequential>
247247
<Illustration caption="Trigger" alt="レストランのウェイター役の React が、ユーザから注文を聞き取って、コンポーネントの厨房に渡している。" src="/images/docs/illustrations/i_render-and-commit1.png" />
248-
<Illustration caption="Render" alt="Card 料理人が React に出来立ての Card コンポーネントを渡している。" src="/images/docs/illustrations/i_render-and-commit2.png" />
248+
<Illustration caption="Render" alt="Card シェフが React に出来立ての Card コンポーネントを渡している。" src="/images/docs/illustrations/i_render-and-commit2.png" />
249249
<Illustration caption="Commit" alt="React がユーザの座っているテーブルに Card を提供している。" src="/images/docs/illustrations/i_render-and-commit3.png" />
250250
</IllustrationBlock>
251251

src/content/learn/render-and-commit.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -20,12 +20,12 @@ title: レンダーとコミット
2020
コンポーネントが料理人として厨房に立ち、食材を調理して美味しい料理を作っている様子をイメージしてみてください。このシナリオにおいて React はウェイターです。お客様の注文を伝えて、できた料理をお客様に渡します。この UI の「注文」と「提供」のプロセスは、次の 3 つのステップからなります:
2121

2222
1. レンダーの**トリガ**(お客様の注文を厨房に伝える)
23-
2. コンポーネントの**レンダー**厨房で注文の品を準備する
24-
3. DOM への**コミット**テーブルに注文の品を置く
23+
2. コンポーネントの**レンダー**厨房で注文の品を料理する
24+
3. DOM への**コミット**テーブルに注文の品を提供する
2525

2626
<IllustrationBlock sequential>
2727
<Illustration caption="トリガ" alt="レストランのウェイター役の React が、ユーザから注文を聞き取って、コンポーネントの厨房に渡している。" src="/images/docs/illustrations/i_render-and-commit1.png" />
28-
<Illustration caption="レンダー" alt="Card 料理人が React に出来立ての Card コンポーネントを渡している。" src="/images/docs/illustrations/i_render-and-commit2.png" />
28+
<Illustration caption="レンダー" alt="Card シェフが React に出来立ての Card コンポーネントを渡している。" src="/images/docs/illustrations/i_render-and-commit2.png" />
2929
<Illustration caption="コミット" alt="React がユーザの座っているテーブルに Card を提供している。" src="/images/docs/illustrations/i_render-and-commit3.png" />
3030
</IllustrationBlock>
3131

@@ -70,8 +70,8 @@ export default function Image() {
7070
コンポーネントが最初にレンダーされた後、[`set` 関数](/reference/react/useState#setstate)を使って state を更新することで、さらなるレンダーをトリガすることができます。コンポーネントの state を更新すると、自動的にレンダーがキューイングされます。(これは、レストランの客が最初の注文の後に、喉の渇きや空腹の状態に応じてお茶やデザートなどいろいろなものを注文するようなものだと考えることができます。)
7171

7272
<IllustrationBlock sequential>
73-
<Illustration caption="state の更新が..." alt="レストランのウェイターとしての React が Card UI を提供したところ。矢印頭の顧客は、黒ではなく、ピンクのカードが欲しいのだと注文している。" src="/images/docs/illustrations/i_rerender1.png" />
74-
<Illustration caption="... トリガになって ..." alt="React は Component Kitchenに戻り、ピンクの Card が必要だとシェフに伝える" src="/images/docs/illustrations/i_rerender2.png" />
73+
<Illustration caption="state の更新が..." alt="レストランのウェイター役の React が Card UI を提供したところ。矢印頭の顧客は、黒ではなく、ピンクのカードが欲しいのだと注文している。" src="/images/docs/illustrations/i_rerender1.png" />
74+
<Illustration caption="... トリガになって ..." alt="React はコンポーネントの厨房に戻り、ピンクの Card が必要だと Card シェフに伝える" src="/images/docs/illustrations/i_rerender2.png" />
7575
<Illustration caption="... レンダーされる!" alt="Card シェフはピンクのカードを React に渡している。" src="/images/docs/illustrations/i_rerender3.png" />
7676
</IllustrationBlock>
7777

src/content/learn/updating-objects-in-state.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -810,7 +810,7 @@ img { width: 200px; height: 200px; }
810810

811811
* React のすべての state はイミュータブルとして扱う。
812812
* state にオブジェクトを格納する場合、それらをミューテートしてもレンダーがトリガされない。それは過去のレンダー内の state の「スナップショット」を書き換えているだけである。
813-
* オブジェクトを書き換えるのではなく、代わりに新たな版のオブジェクトを作成して、その新しいバージョンを新しい値として state をセットすることで再レンダーをトリガする。
813+
* オブジェクトを書き換えるのではなく、代わりに新たなバージョンのオブジェクトを作成して、その新しいバージョンを新しい値として state をセットすることで再レンダーをトリガする。
814814
* `{...obj, something: 'newValue'}` というオブジェクトスプレッド構文を使ってオブジェクトのコピーを作成できる。
815815
* スプレッド構文は「浅い」、つまり 1 レベルのみのコピーを行う。
816816
* ネストされたオブジェクトを更新するには、更新している場所から一番上までの全オブジェクトのコピーを作成する必要がある。

0 commit comments

Comments
 (0)