Resolve conflicts

Author: smikitky

src/content/blog/2024/04/25/react-19-upgrade-guide.md

@@ -1,9 +1,5 @@
 ---
-<<<<<<< HEAD
-title: "React 19 RC アップグレードガイド"
-=======
-title: "React 19 Upgrade Guide"
->>>>>>> 69edd845b9a654c6ac9ed68da19d5b42897e636e
+title: "React 19 アップグレードガイド"
 author: Ricky Hanlon
 date: 2024/04/25
 description: React 19 に追加された改善にはいくつかの破壊的変更が必要ですが、アップグレードをできるだけスムーズに行えるよう努力しているため、ほとんどのアプリには影響が出ないことを予想しています。この投稿では、アプリやライブラリを React 19 にアップグレードする手順をご案内します。
@@ -16,11 +12,7 @@ April 25, 2024 by [Ricky Hanlon](https://twitter.com/rickhanlonii)
 
 <Intro>
 
-<<<<<<< HEAD
 React 19 に追加された改善にはいくつかの破壊的変更が必要ですが、アップグレードをできるだけスムーズに行えるよう努力しているため、ほとんどのアプリには影響が出ないことを予想しています。
-=======
-The improvements added to React 19 require some breaking changes, but we've worked to make the upgrade as smooth as possible, and we don't expect the changes to impact most apps.
->>>>>>> 69edd845b9a654c6ac9ed68da19d5b42897e636e
 
 </Intro>
 
@@ -46,11 +38,7 @@ React 19 にアップグレードする前に、問題点を見つけるため
 - [TypeScript 関連の変更](#typescript-changes)
 - [Changelog](#changelog)
 
-<<<<<<< HEAD
-React 19 をテストしていただける方は、このアップグレードガイドに従い、遭遇した[問題を報告](https://github.com/facebook/react/issues/new?assignees=&labels=React+19&projects=&template=19.md&title=%5BReact+19%5D)してください。React 19 に追加された新機能のリストについては、[React 19 リリースのお知らせ](/blog/2024/04/25/react-19)をご覧ください。
-=======
-If you'd like to help us test React 19, follow the steps in this upgrade guide and [report any issues](https://github.com/facebook/react/issues/new?assignees=&labels=React+19&projects=&template=19.md&title=%5BReact+19%5D) you encounter. For a list of new features added to React 19, see the [React 19 release post](/blog/2024/12/05/react-19).
->>>>>>> 69edd845b9a654c6ac9ed68da19d5b42897e636e
+React 19 をテストしていただける方は、このアップグレードガイドに従い、遭遇した[問題を報告](https://github.com/facebook/react/issues/new?assignees=&labels=React+19&projects=&template=19.md&title=%5BReact+19%5D)してください。React 19 に追加された新機能のリストについては、[React 19 リリースのお知らせ](/blog/2024/12/05/react-19)をご覧ください。
 
 ---
 ## インストール {/*installing*/}
@@ -91,14 +79,10 @@ Yarn をお使いの場合は以下のようにします。
 yarn add --exact react@^19.0.0 react-dom@^19.0.0
 ```
 
-<<<<<<< HEAD
-TypeScript を使用している場合は、型も更新する必要があります。React 19 が安定版としてリリースされた後は、通常通り `@types/react` と `@types/react-dom` から型をインストールできます。安定版になるまでは `package.json` で強制的に別のパッケージを指定することで、新しい型を利用できます。
-=======
-If you're using TypeScript, you also need to update the types.
+TypeScript を使用している場合は、型も更新する必要があります。
 ```bash
 npm install --save-exact @types/react@^19.0.0 @types/react-dom@^19.0.0
 ```
->>>>>>> 69edd845b9a654c6ac9ed68da19d5b42897e636e
 
 Or, if you're using Yarn:
 ```bash
@@ -547,29 +531,25 @@ React 19 には、Strict Mode に関するいくつかの修正と改善が含
 
 すべての Strict Mode の挙動と同様、これらの機能は開発中にコンポーネントのバグを積極的に目立たせて、本番環境にリリースされる前に修正できるよう設計されています。例えば、開発環境において Strict Mode は初回マウント時に ref コールバック関数を 2 回呼び出すことで、マウントされたコンポーネントがサスペンスフォールバックに置き換えられたときに何が起こるかをシミュレートします。
 
-<<<<<<< HEAD
-### UMD ビルドの削除 {/*umd-builds-removed*/}
-=======
-### Improvements to Suspense {/*improvements-to-suspense*/}
+### サスペンスに関する改善 {/*improvements-to-suspense*/}
 
-In React 19, when a component suspends, React will immediately commit the fallback of the nearest Suspense boundary without waiting for the entire sibling tree to render. After the fallback commits, React schedules another render for the suspended siblings to "pre-warm" lazy requests in the rest of the tree:
+React 19 では、コンポーネントがサスペンドした際には兄弟ツリー全体のレンダーを待たずに、直近のサスペンスバウンダリのフォールバックを即座にコミットするようになります。フォールバックがコミットされた後で、React は改めてツリー内でサスペンド対象となっている兄弟コンポーネントをレンダーし、遅延リクエストを開始しておけるようにします。
 
-<Diagram name="prerender" height={162} width={1270} alt="Diagram showing a tree of three components, one parent labeled Accordion and two children labeled Panel. Both Panel components contain isActive with value false.">
+<Diagram name="prerender" height={162} width={1270} alt="3つのコンポーネントのツリー。親はAccordionとラベル付けされ、2つの子はPanelとラベル付けされている。両方のPanelコンポーネントは、isActiveの値がfalseになっている。">
 
-Previously, when a component suspended, the suspended siblings were rendered and then the fallback was committed.
+これまでは、コンポーネントがサスペンドされた場合、サスペンド対象の兄弟コンポーネントがレンダーされてからフォールバックがコミットされていた。
 
 </Diagram>
 
-<Diagram name="prewarm" height={162} width={1270} alt="The same diagram as the previous, with the isActive of the first child Panel component highlighted indicating a click with the isActive value set to true. The second Panel component still contains value false." >
+<Diagram name="prewarm" height={162} width={1270} alt="前の図と同じ図で、クリックにより最初の子PanelコンポーネントのisActiveがハイライトされ、isActiveがtrueに設定されている。2番目のPanelコンポーネントは引き続きfalseとなっている。">
 
-In React 19, when a component suspends, the fallback is committed and then the suspended siblings are rendered.
+React 19 では、コンポーネントがサスペンドすると、フォールバックがコミットされた後で、サスペンド対象の兄弟コンポーネントがレンダーされる。
 
 </Diagram>
 
-This change means Suspense fallbacks display faster, while still warming lazy requests in the suspended tree.
+この変更により、サスペンスのフォールバックがより早く表示される一方で、サスペンドされたツリー内にある遅延リクエストも事前に準備されるようになります。
 
-### UMD builds removed {/*umd-builds-removed*/}
->>>>>>> 69edd845b9a654c6ac9ed68da19d5b42897e636e
+### UMD ビルドの削除 {/*umd-builds-removed*/}
 
 UMD は過去には、ビルドステップなしで React を読み込むための便利な方法として広く使用されていました。現在では、HTML ドキュメント内でスクリプトとしてモジュールをロードするためのモダンな代替手段があります。テストとリリースプロセスの複雑性を軽減するため、React 19 からは UMD ビルドを生成しなくなります。
 
@@ -750,23 +730,13 @@ const reducer = (state: State, action: Action) => state;
 
 ### その他の破壊的変更 {/*other-breaking-changes*/}
 
-<<<<<<< HEAD
-- **react-dom**: src/href での JavaScript URL に対するエラー [#26507](https://github.com/facebook/react/pull/26507)
+- **react-dom**: `src` と `href での JavaScript URL に対するエラー [#26507](https://github.com/facebook/react/pull/26507)
 - **react-dom**: `onRecoverableError` から `errorInfo.digest` を削除 [#28222](https://github.com/facebook/react/pull/28222)
 - **react-dom**: `unstable_flushControlled` を削除 [#26397](https://github.com/facebook/react/pull/26397)
 - **react-dom**: `unstable_createEventHandle` を削除 [#28271](https://github.com/facebook/react/pull/28271)
 - **react-dom**: `unstable_renderSubtreeIntoContainer` を削除 [#28271](https://github.com/facebook/react/pull/28271)
-- **react-dom**: `unstable_runWithPrioirty` を削除 [#28271](https://github.com/facebook/react/pull/28271)
+- **react-dom**: `unstable_runWithPriority` を削除 [#28271](https://github.com/facebook/react/pull/28271)
 - **react-is**: `react-is` から非推奨のメソッドを削除 [28224](https://github.com/facebook/react/pull/28224)
-=======
-- **react-dom**: Error for javascript URLs in `src` and `href` [#26507](https://github.com/facebook/react/pull/26507)
-- **react-dom**: Remove `errorInfo.digest` from `onRecoverableError` [#28222](https://github.com/facebook/react/pull/28222)
-- **react-dom**: Remove `unstable_flushControlled` [#26397](https://github.com/facebook/react/pull/26397)
-- **react-dom**: Remove `unstable_createEventHandle` [#28271](https://github.com/facebook/react/pull/28271)
-- **react-dom**: Remove `unstable_renderSubtreeIntoContainer` [#28271](https://github.com/facebook/react/pull/28271)
-- **react-dom**: Remove `unstable_runWithPriority` [#28271](https://github.com/facebook/react/pull/28271)
-- **react-is**: Remove deprecated methods from `react-is` [28224](https://github.com/facebook/react/pull/28224)
->>>>>>> 69edd845b9a654c6ac9ed68da19d5b42897e636e
 
 ### その他の注目すべき変更点 {/*other-notable-changes*/}
 
@@ -777,11 +747,7 @@ const reducer = (state: State, action: Action) => state;
 - **react-dom**: SSR 中のレイアウトエフェクト警告を削除 [#26395](https://github.com/facebook/react/pull/26395)
 - **react-dom**: src/href に空文字列を設定しないよう警告（アンカータグを除く）[#28124](https://github.com/facebook/react/pull/28124)
 
-<<<<<<< HEAD
-React 19 の安定版リリース時に、完全な変更履歴を公開します。
-=======
-For a full list of changes, please see the [Changelog](https://github.com/facebook/react/blob/main/CHANGELOG.md#1900-december-5-2024).
->>>>>>> 69edd845b9a654c6ac9ed68da19d5b42897e636e
+全変更点のリストについては、[Changelog](https://github.com/facebook/react/blob/main/CHANGELOG.md#1900-december-5-2024) を参照してください。
 
 ---
 

src/content/blog/2024/05/22/react-conf-2024-recap.md

@@ -17,11 +17,7 @@ May 22, 2024 by [Ricky Hanlon](https://twitter.com/rickhanlonii).
 
 ---
 
-<<<<<<< HEAD
-React Conf 2024 では、[React 19 RC](/blog/2024/04/25/react-19)、[React Native New Architecture Beta](https://github.com/reactwg/react-native-new-architecture/discussions/189)、および [React Compiler](/learn/react-compiler) の実験的リリースを発表しました。コミュニティもステージに立ち、[React Router v7](https://remix.run/blog/merging-remix-and-react-router)、Expo Router の [Universal Server Components](https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=20765s)、[RedwoodJS](https://redwoodjs.com/blog/rsc-now-in-redwoodjs) での React Server Components など、多くの発表を行いました。
-=======
-At React Conf 2024, we announced the [React 19 RC](/blog/2024/12/05/react-19), the [React Native New Architecture Beta](https://github.com/reactwg/react-native-new-architecture/discussions/189), and an experimental release of the [React Compiler](/learn/react-compiler). The community also took the stage to announce [React Router v7](https://remix.run/blog/merging-remix-and-react-router), [Universal Server Components](https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=20765s) in Expo Router, React Server Components in [RedwoodJS](https://redwoodjs.com/blog/rsc-now-in-redwoodjs), and much more.
->>>>>>> 69edd845b9a654c6ac9ed68da19d5b42897e636e
+React Conf 2024 では、[React 19 RC](/blog/2024/12/05/react-19)、[React Native New Architecture Beta](https://github.com/reactwg/react-native-new-architecture/discussions/189)、および [React Compiler](/learn/react-compiler) の実験的リリースを発表しました。コミュニティもステージに立ち、[React Router v7](https://remix.run/blog/merging-remix-and-react-router)、Expo Router の [Universal Server Components](https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=20765s)、[RedwoodJS](https://redwoodjs.com/blog/rsc-now-in-redwoodjs) での React Server Components など、多くの発表を行いました。
 
 [1 日目](https://www.youtube.com/watch?v=T8TZQ6k4SLE) と [2 日目](https://www.youtube.com/watch?v=0ckOUBiuxVY)の全ストリームがオンラインで視聴可能です。この投稿では、イベントでの講演と発表をまとめます。
 
@@ -40,11 +36,7 @@ _[1 日目の全ストリームはこちらから視聴できます。](https://
 - [RedwoodJS, now with React Server Components](https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=26815s) by [Amy Dutton](https://twitter.com/selfteachme)
 - [Introducing Universal React Server Components in Expo Router](https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=20765s) by [Evan Bacon](https://twitter.com/Baconbrix)
 
-<<<<<<< HEAD
-次の基調講演では、[Josh Story](https://twitter.com/joshcstory) と [Andrew Clark](https://twitter.com/acdlite) が React 19 に登場する新機能を共有し、React 19 RC が本番環境でのテストに準備が整ったことを発表しました。すべての機能については [React 19 リリースポスト](/blog/2024/04/25/react-19)をご覧ください。また、新機能について詳しく知りたい方は以下の講演をご覧ください。
-=======
-Next in the keynote, [Josh Story](https://twitter.com/joshcstory) and [Andrew Clark](https://twitter.com/acdlite) shared new features coming in React 19, and announced the React 19 RC which is ready for testing in production. Check out all the features in the [React 19 release post](/blog/2024/12/05/react-19), and see these talks for deep dives on the new features:
->>>>>>> 69edd845b9a654c6ac9ed68da19d5b42897e636e
+次の基調講演では、[Josh Story](https://twitter.com/joshcstory) と [Andrew Clark](https://twitter.com/acdlite) が React 19 に登場する新機能を共有し、React 19 RC が本番環境でのテストに準備が整ったことを発表しました。すべての機能については [React 19 リリースポスト](/blog/2024/12/05/react-19)をご覧ください。また、新機能について詳しく知りたい方は以下の講演をご覧ください。
 
 - [What's new in React 19](https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=8880s) by [Lydia Hallie](https://twitter.com/lydiahallie)
 - [React Unpacked: A Roadmap to React 19](https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=10112s) by [Sam Selikoff](https://twitter.com/samselikoff)