Resolve conflicts

Author: smikitky

package.json

@@ -22,13 +22,10 @@
     "check-all": "npm-run-all prettier lint:fix tsc rss",
     "rss": "node scripts/generateRss.js",
     "deadlinks": "node scripts/deadLinkChecker.js",
-<<<<<<< HEAD
+    "copyright": "node scripts/copyright.js",
+    "test:eslint-local-rules": "yarn --cwd eslint-local-rules test",
     "textlint": "cd textlint && yarn --frozen-lockfile && yarn textlint",
     "textlint-staged": "cd textlint && yarn --frozen-lockfile && yarn textlint-staged --"
-=======
-    "copyright": "node scripts/copyright.js",
-    "test:eslint-local-rules": "yarn --cwd eslint-local-rules test"
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
   },
   "dependencies": {
     "@codesandbox/sandpack-react": "2.13.5",

src/components/Layout/HomeContent.js

@@ -268,21 +268,13 @@ export function HomeContent() {
               フルスタックな開発を
             </Header>
             <Para>
-<<<<<<< HEAD
               React はライブラリです。{''}
               コンポーネントを組み合わせることはできますが、{''}
               ルーティングやデータフェッチの方法までは指定しません。{''}
               React でアプリ全体を構築する場合は、{''}
               <Link href="https://nextjs.org">Next.js</Link> や{' '}
-              <Link href="https://remix.run">Remix</Link>{' '}
+              <Link href="https://reactrouter.com">React Router</Link>{' '}
               のようなフルスタックのフレームワークをお勧めします。
-=======
-              React is a library. It lets you put components together, but it
-              doesn’t prescribe how to do routing and data fetching. To build an
-              entire app with React, we recommend a full-stack React framework
-              like <Link href="https://nextjs.org">Next.js</Link> or{' '}
-              <Link href="https://reactrouter.com">React Router</Link>.
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
             </Para>
           </Center>
           <FullBleed>

src/content/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024.md

@@ -15,17 +15,6 @@ React Labs 記事では、現在活発に研究・開発が行われているプ
 
 </Intro>
 
-<<<<<<< HEAD
-<Note>
-
-5 月 15 日・16 日にネバダ州ヘンダーソンで React Conf 2024 が開催されます！ 現地で React Conf に参加を希望される方は、2 月 28 日までに[チケットの抽選に参加](https://forms.reform.app/bLaLeE/react-conf-2024-ticket-lottery/1aRQLK)してください。
-
-チケット、無料ストリーミング、スポンサーシップなどの詳細については、[React Conf のウェブサイト](https://conf.react.dev)をご覧ください。
-
-</Note>
-
-=======
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
 ---
 
 ## React Compiler {/*react-compiler*/}

src/content/blog/2024/10/21/react-compiler-beta-release.md

@@ -12,9 +12,9 @@ October 21, 2024 by [Lauren Tan](https://twitter.com/potetotes).
 
 <Note>
 
-### React Compiler is now stable! {/*react-compiler-is-now-in-rc*/}
+### React Compiler は安定版となりました！ {/*react-compiler-is-now-in-rc*/}
 
-Please see the [stable release blog post](/blog/2025/10/07/react-compiler-1) for details.
+詳細については[安定版リリース記事](/blog/2025/10/07/react-compiler-1)をご覧ください。
 
 </Note>
 

src/content/learn/build-a-react-app-from-scratch.md

@@ -122,11 +122,7 @@ GraphQL API からデータを取得する場合、以下の使用をお勧め
 
 ### アプリケーションパフォーマンスの向上 {/*improving-application-performance*/}
 
-<<<<<<< HEAD
 あなたが選択したビルドツールは、シングルページアプリ (SPA) のみをサポートしています。このためサーバサイドレンダリング (SSR)、静的サイト生成 (SSG)、あるいは React Server Components (RSC) などの他の[レンダーパターン](https://www.patterns.dev/vanilla/rendering-patterns)は自分で実装する必要があります。最初はこれらの機能が必要でなくても、将来的には SSR、SSG、または RSC の恩恵を受けるルート（ページ）があるかもしれません。
-=======
-Since the build tool you select only supports single page apps (SPAs), you'll need to implement other [rendering patterns](https://www.patterns.dev/vanilla/rendering-patterns) like server-side rendering (SSR), static site generation (SSG), and/or React Server Components (RSC). Even if you don't need these features at first, in the future there may be some routes that would benefit SSR, SSG or RSC.
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
 
 * **シングルページアプリ (SPA)** は、単一の HTML ページを読み込み、ユーザがアプリを操作した際にページを動的に更新します。SPA は始めやすいですが、初期読み込み時間が遅くなることがあります。SPA はほとんどのビルドツールにおけるデフォルトのアーキテクチャです。
 

src/content/learn/escape-hatches.md

@@ -312,17 +312,7 @@ React は、エフェクトの依存配列が正しく指定されているか
 
 ## イベントとエフェクトを切り離す {/*separating-events-from-effects*/}
 
-<<<<<<< HEAD
-<Wip>
-
-このセクションでは、まだ安定版の React でリリースされていない**実験的な API** について説明しています。
-
-</Wip>
-
 イベントハンドラは同じインタラクションを再度実行した場合のみ再実行されます。エフェクトはイベントハンドラとは異なり、props や state 変数のようなそれが読み取る値が前回のレンダー時の値と異なる場合に再同期を行います。また、ある値には反応して再実行するが、他の値には反応しないエフェクトなど、両方の動作をミックスさせたい場合もあります。
-=======
-Event handlers only re-run when you perform the same interaction again. Unlike event handlers, Effects re-synchronize if any of the values they read, like props or state, are different than during last render. Sometimes, you want a mix of both behaviors: an Effect that re-runs in response to some values but not others.
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
 
 エフェクト内のすべてのコードは*リアクティブ*です。それが読み取るリアクティブな値が再レンダーにより変更された場合、再度実行されます。例えば、このエフェクトは `roomId` と `theme` のいずれかが変更された場合にチャットに再接続します。
 

src/content/learn/manipulating-the-dom-with-refs.md

@@ -211,11 +211,7 @@ li {
 
 これを回避する方法のひとつは、親要素への単一の ref を取得し、[`querySelectorAll`](https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll) のような DOM 操作メソッドを使って、個々の子ノードを「見つける」ことです。ただし、これは壊れやすく、DOM 構造が変更されると機能しなくなる可能性があります。
 
-<<<<<<< HEAD
-別の解決策は、**`ref` 属性に関数を渡す**ことです。これは、[`ref` コールバック](/reference/react-dom/components/common#ref-callback) と呼ばれます。React は、ref を設定するタイミングで DOM ノードを引数にして ref コールバックを呼び出し、クリアするタイミングでは `null` を引数にして呼び出します。これにより、独自の配列や [Map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map) を保持し、インデックスや ID のようなもので任意の ref にアクセスできるようになります。
-=======
-Another solution is to **pass a function to the `ref` attribute.** This is called a [`ref` callback.](/reference/react-dom/components/common#ref-callback) React will call your ref callback with the DOM node when it's time to set the ref, and call the cleanup function returned from the callback when it's time to clear it. This lets you maintain your own array or a [Map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map), and access any ref by its index or some kind of ID.
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
+別の解決策は、**`ref` 属性に関数を渡す**ことです。これは、[`ref` コールバック](/reference/react-dom/components/common#ref-callback) と呼ばれます。React は、ref を設定するタイミングで DOM ノードを引数にして ref コールバックを呼び出し、クリアするタイミングではそのコールバックが返したクリーンアップ関数を呼び出します。これにより、独自の配列や [Map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map) を保持し、インデックスや ID のようなもので任意の ref にアクセスできるようになります。
 
 この例では、このアプローチを用いて、長いリストの任意のノードにスクロールする方法を示しています。
 

src/content/learn/removing-effect-dependencies.md

@@ -609,17 +609,7 @@ function ChatRoom({ roomId }) {
 
 ### 変更に「反応」せず値を読み出したいだけか？ {/*do-you-want-to-read-a-value-without-reacting-to-its-changes*/}
 
-<<<<<<< HEAD
-<Wip>
-
-このセクションでは、まだ安定版の React でリリースされていない**実験的な API** を説明しています。
-
-</Wip>
-
 `isMuted` が `true` でない場合に限り、ユーザが新しいメッセージを受信したときに音を再生したいとします。
-=======
-Suppose that you want to play a sound when the user receives a new message unless `isMuted` is `true`:
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
 
 ```js {3,10-12}
 function ChatRoom({ roomId }) {

src/content/learn/reusing-logic-with-custom-hooks.md

@@ -837,17 +837,7 @@ export default function ChatRoom({ roomId }) {
 
 ### カスタムフックにイベントハンドラを渡す {/*passing-event-handlers-to-custom-hooks*/}
 
-<<<<<<< HEAD
-<Wip>
-
-このセクションでは、まだ安定版の React で**リリースされていない実験的な API** について説明しています。
-
-</Wip>
-
 `useChatRoom` がより多くのコンポーネントで使用されるようになると、コンポーネント側でその動作をカスタマイズしたくなってくるでしょう。例えば現在のところ、メッセージが届いたときの処理ロジックはフック内にハードコードされています。
-=======
-As you start using `useChatRoom` in more components, you might want to let components customize its behavior. For example, currently, the logic for what to do when a message arrives is hardcoded inside the Hook:
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
 
 ```js {9-11}
 export function useChatRoom({ serverUrl, roomId }) {
@@ -1423,10 +1413,7 @@ function SaveButton() {
 
 #### 将来 React はデータフェッチのための組み込みソリューションを提供するか？ {/*will-react-provide-any-built-in-solution-for-data-fetching*/}
 
-<<<<<<< HEAD
-まだ詳細は検討中ですが、将来的にはデータフェッチを以下のように書くことになるでしょう。
-=======
-Today, with the [`use`](/reference/react/use#streaming-data-from-server-to-client) API, data can be read in render by passing a [Promise](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) to `use`:
+現在では [`use`](/reference/react/use#streaming-data-from-server-to-client) API に[プロミス](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise)を渡すことで、レンダー時にデータの読み込みが可能となっています。
 
 ```js {1,4,11}
 import { use, Suspense } from "react";
@@ -1445,8 +1432,7 @@ export function MessageContainer({ messagePromise }) {
 }
 ```
 
-We're still working out the details, but we expect that in the future, you'll write data fetching like this:
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
+詳細はまだ検討中ですが、将来的にはデータフェッチを以下のように書けるようになるはずです。
 
 ```js {1,4,6}
 import { use } from 'react';

src/content/learn/separating-events-from-effects.md

@@ -400,17 +400,7 @@ label { display: block; margin-top: 10px; }
 
 ### エフェクトイベントの宣言 {/*declaring-an-effect-event*/}
 
-<<<<<<< HEAD
-<Wip>
-
-このセクションでは、まだ安定版の React で**リリースされていない実験的な API** について説明しています。
-
-</Wip>
-
-[`useEffectEvent`](/reference/react/experimental_useEffectEvent) という特別なフックを使うことで、エフェクトからこの非リアクティブなロジックを分離することができます。
-=======
-Use a special Hook called [`useEffectEvent`](/reference/react/useEffectEvent) to extract this non-reactive logic out of your Effect:
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
+[`useEffectEvent`](/reference/react/useEffectEvent) という特別なフックを使うことで、エフェクトからこの非リアクティブなロジックを分離することができます。
 
 ```js {1,4-6}
 import { useEffect, useEffectEvent } from 'react';
@@ -582,17 +572,7 @@ label { display: block; margin-top: 10px; }
 
 ### エフェクトイベントで最新の props や state を読み取る {/*reading-latest-props-and-state-with-effect-events*/}
 
-<<<<<<< HEAD
-<Wip>
-
-このセクションでは、まだ安定版の React で**リリースされていない実験的な API** について説明しています。
-
-</Wip>
-
 依存値に関するリンタを抑制したくなるようなパターンの多くは、エフェクトイベントによって回避可能です。
-=======
-Effect Events let you fix many patterns where you might be tempted to suppress the dependency linter.
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
 
 例えば、ページへの訪問をログに記録するエフェクトがあるとしましょう。
 
@@ -733,11 +713,7 @@ function Page({ url }) {
 }
 ```
 
-<<<<<<< HEAD
-`useEffectEvent` が React の安定版に含まれるようになった後は、**決してリンタを抑制しない**ことをお勧めします。
-=======
-We recommend **never suppressing the linter**.
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
+**決してリンタを抑制しない**ことをお勧めします。
 
 このルールを止めてしまうことの最大の欠点は、新たにコードにリアクティブな依存値を追加してそれにエフェクトが「反応する」必要がある場合でも、もはや React が警告を表示できなくなってしまうことです。先ほどの例でも、`url` を依存配列に追加し忘れずに済んだのは、そうするよう React が教えてくれていたからでしたね。リンタを無効化してしまうと、今後そのエフェクトを編集する際に、そのようなリマインダを受け取ることができなくなります。これはバグにつながります。
 
@@ -874,17 +850,7 @@ body {
 
 ### エフェクトイベントに関する制限事項 {/*limitations-of-effect-events*/}
 
-<<<<<<< HEAD
-<Wip>
-
-このセクションでは、まだ安定版の React で**リリースされていない実験的な API** について説明しています。
-
-</Wip>
-
 エフェクトイベントは、使い方が非常に限定されています。
-=======
-Effect Events are very limited in how you can use them:
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
 
 * **エフェクトの内部からしか呼び出すことができない**。
 * **他のコンポーネントやフックに渡してはいけない**。