From bdbfab36a725a3318b2832898604a4fe06d5945f Mon Sep 17 00:00:00 2001 From: Soichiro Miki Date: Sat, 25 Oct 2025 13:07:56 +0900 Subject: [PATCH] Translate "React Conf 2025 Recap" blog post --- .../blog/2025/10/16/react-conf-2025-recap.md | 124 +++++++++--------- src/content/blog/index.md | 4 +- src/sidebarBlog.json | 4 +- 3 files changed, 66 insertions(+), 66 deletions(-) diff --git a/src/content/blog/2025/10/16/react-conf-2025-recap.md b/src/content/blog/2025/10/16/react-conf-2025-recap.md index 8476b02aa..234704d0d 100644 --- a/src/content/blog/2025/10/16/react-conf-2025-recap.md +++ b/src/content/blog/2025/10/16/react-conf-2025-recap.md @@ -1,8 +1,8 @@ --- -title: "React Conf 2025 Recap" +title: "React Conf 2025 振り返り" author: Matt Carroll and Ricky Hanlon date: 2025/10/16 -description: Last week we hosted React Conf 2025, in this post, we summarize the talks and announcements from the event... +description: 先週 React Conf 2025 が開催されました。この投稿では、イベントでの講演と発表内容をまとめます。 --- Oct 16, 2025 by [Matt Carroll](https://x.com/mattcarrollcode) and [Ricky Hanlon](https://bsky.app/profile/ricky.fm) @@ -11,80 +11,80 @@ Oct 16, 2025 by [Matt Carroll](https://x.com/mattcarrollcode) and [Ricky Hanlon] -Last week we hosted React Conf 2025 where we announced the [React Foundation](/blog/2025/10/07/introducing-the-react-foundation) and showcased new features coming to React and React Native. +先週 React Conf 2025 が開催されました。[React Foundation](/blog/2025/10/07/introducing-the-react-foundation) の発表や、React および React Native に追加される新機能の披露が行われました。 --- -React Conf 2025 was held on October 7-8, 2025, in Henderson, Nevada. +React Conf 2025 は、2025 年 10 月 7〜8 日にネバダ州ヘンダーソンで開催されました。 -The entire [day 1](https://www.youtube.com/watch?v=zyVRg2QR6LA&t=1067s) and [day 2](https://www.youtube.com/watch?v=p9OcztRyDl0&t=2299s) streams are available online, and you can view photos from the event [here](https://conf.react.dev/photos). +[1 日目](https://www.youtube.com/watch?v=zyVRg2QR6LA&t=1067s)と [2 日目](https://www.youtube.com/watch?v=p9OcztRyDl0&t=2299s)の配信全体がオンラインで視聴可能です。イベントの写真は[こちら](https://conf.react.dev/photos)で見ることができます。 -In this post, we'll summarize the talks and announcements from the event. +このポストでは、イベントでの講演と発表をまとめます。 -## Day 1 Keynote {/*day-1-keynote*/} +## 1 日目キーノート {/*day-1-keynote*/} -_Watch the full day 1 stream [here.](https://www.youtube.com/watch?v=zyVRg2QR6LA&t=1067s)_ +_1 日目の配信全体は[こちら](https://www.youtube.com/watch?v=zyVRg2QR6LA&t=1067s)から視聴できます。_ -In the day 1 keynote, Joe Savona shared the updates from the team and community since the last React Conf and highlights from React 19.0 and 19.1. +1 日目のキーノートでは、Joe Savona が前回の React Conf 以降のチームとコミュニティからのお知らせ、および React 19.0 と 19.1 のハイライトを共有しました。 -Mofei Zhang highlighted the new features in React 19.2 including: -* [``](https://react.dev/reference/react/Activity) — a new component to manage visibility. -* [`useEffectEvent`](https://react.dev/reference/react/useEffectEvent) to fire events from Effects. -* [Performance Tracks](https://react.dev/reference/dev-tools/react-performance-tracks) — a new profiling tool in DevTools. -* [Partial Pre-Rendering](https://react.dev/blog/2025/10/01/react-19-2#partial-pre-rendering) to pre-render part of an app ahead of time, and resume rendering it later. +Mofei Zhang が、React 19.2 の新機能ハイライトを紹介しました。 +* [``](https://react.dev/reference/react/Activity) — 可視性を管理する新しいコンポーネント。 +* [`useEffectEvent`](https://react.dev/reference/react/useEffectEvent) — エフェクトからイベントを発火させる手法。 +* [Performance Tracks](https://react.dev/reference/dev-tools/react-performance-tracks) — DevTools の新しいプロファイリングツール。 +* [Partial Pre-Rendering](https://react.dev/blog/2025/10/01/react-19-2#partial-pre-rendering) — アプリの一部を事前にプリレンダーし、後でレンダーを再開。 -Jack Pope announced new features in Canary including: +Jack Pope が、以下のような Canary の新機能を発表しました。 -* [``](https://react.dev/reference/react/ViewTransition) — a new component to animate page transitions. -* [Fragment Refs](https://react.dev/reference/react/Fragment#fragmentinstance) — a new way to interact with the DOM nodes wrapped by a Fragment. +* [``](https://react.dev/reference/react/ViewTransition) — ページ遷移をアニメートする新しいコンポーネント。 +* [Fragment Refs](https://react.dev/reference/react/Fragment#fragmentinstance) — フラグメントを使ってラップされた DOM ノードとやり取りする新しい手法。 -Lauren Tan announced [React Compiler v1.0](https://react.dev/blog/2025/10/07/react-compiler-1) and recommended all apps use React Compiler for benefits like: -* [Automatic memoization](/learn/react-compiler/introduction#what-does-react-compiler-do) that understands React code. -* [New lint rules](/learn/react-compiler/installation#eslint-integration) powered by React Compiler to teach best practices. -* [Default support](/learn/react-compiler/installation#basic-setup) for new apps in Vite, Next.js, and Expo. -* [Migration guides](/learn/react-compiler/incremental-adoption) for existing apps migrating to React Compiler. +Lauren Tan は [React Compiler v1.0](https://react.dev/blog/2025/10/07/react-compiler-1) を発表し、すべてのアプリが React Compiler を使用して以下のようなメリットを享受することを推奨しました。 +* React コードを理解する[自動メモ化](/learn/react-compiler/introduction#what-does-react-compiler-do)。 +* React Compiler によって駆動される、ベストプラクティスを教えてくれる[新しい lint ルール](/learn/react-compiler/installation#eslint-integration)。 +* Vite、Next.js、Expo における新規アプリ作成時の[デフォルトサポート](/learn/react-compiler/installation#basic-setup)。 +* React Compiler に移行する既存アプリ向けの[移行ガイド](/learn/react-compiler/incremental-adoption)。 -Finally, Seth Webster announced the [React Foundation](/blog/2025/10/07/introducing-the-react-foundation) to steward React's open source development and community. +最後に、Seth Webster が React のオープンソース開発とコミュニティを管理する [React Foundation](/blog/2025/10/07/introducing-the-react-foundation) を発表しました。 -Watch day 1 here: +1 日目の視聴はこちら： -## Day 2 Keynote {/*day-2-keynote*/} +## 2 日目キーノート {/*day-2-keynote*/} -_Watch the full day 2 stream [here.](https://www.youtube.com/watch?v=p9OcztRyDl0&t=2299s)_ +_2 日目の配信全体は[こちら](https://www.youtube.com/watch?v=p9OcztRyDl0&t=2299s)から視聴できます。_ -Jorge Cohen and Nicola Corti kicked off day 2 highlighting React Native’s incredible growth with 4M weekly downloads (100% growth YoY), and some notable app migrations from Shopify, Zalando, and HelloFresh, award-winning apps like RISE, RUNNA, and Partyful, and AI apps from Mistral, Replit, and v0. +2 日目の発表は Jorge Cohen と Nicola Corti からスタートし、週間ダウンロード数 400 万（前年比プラス 100%）という React Native の驚異的な成長と、Shopify、Zalando、HelloFresh における注目すべきアプリ移行事例、RISE、RUNNA、Partyful などの受賞アプリ、そして Mistral、Replit、v0 の AI アプリを紹介しました。 -Riccardo Cipolleschi shared two major announcements for React Native: -- [React Native 0.82 will be New Architecture only](https://reactnative.dev/blog/2025/10/08/react-native-0.82#new-architecture-only) -- [Experimental Hermes V1 support](https://reactnative.dev/blog/2025/10/08/react-native-0.82#experimental-hermes-v1) +Riccardo Cipolleschi は React Native より 2 つの主要な新発表を行いました。 +- [React Native 0.82 は New Architecture のみをサポート](https://reactnative.dev/blog/2025/10/08/react-native-0.82#new-architecture-only) +- [実験的な Hermes V1 サポート](https://reactnative.dev/blog/2025/10/08/react-native-0.82#experimental-hermes-v1) -Ruben Norte and Alex Hunt finished out the keynote by announcing: -- [New web-aligned DOM APIs](https://reactnative.dev/blog/2025/10/08/react-native-0.82#dom-node-apis) for improved compatibility with React on the web. -- [New Performance APIs](https://reactnative.dev/blog/2025/10/08/react-native-0.82#web-performance-apis-canary) with a new network panel and desktop app. +キーノートの締めくくりに、Ruben Norte と Alex Hunt が以下の発表を行いました。 +- ウェブ版 React との互換性を向上させる[新しいウェブ対応 DOM API](https://reactnative.dev/blog/2025/10/08/react-native-0.82#dom-node-apis)。 +- 新しいネットワークパネルとデスクトップアプリを備えた[新しい Performance API](https://reactnative.dev/blog/2025/10/08/react-native-0.82#web-performance-apis-canary)。 -Watch day 2 here: +2 日目の視聴はこちら： -## React team talks {/*react-team-talks*/} +## React チームの講演 {/*react-team-talks*/} -Throughout the conference, there were talks from the React team including: -* [Async React Part I](https://www.youtube.com/watch?v=zyVRg2QR6LA&t=10907s) and [Part II](https://www.youtube.com/watch?v=p9OcztRyDl0&t=29073s) [(Ricky Hanlon)](https://x.com/rickhanlonii) showed what's possible using the last 10 years of innovation. -* [Exploring React Performance](https://www.youtube.com/watch?v=zyVRg2QR6LA&t=20274s) [(Joe Savona)](https://x.com/en_js) showed the results of our React performance research. -* [Reimagining Lists in React Native](https://www.youtube.com/watch?v=p9OcztRyDl0&t=10382s) [(Luna Wei)](https://x.com/lunaleaps) introduced Virtual View, a new primitive for lists that manages visibility with mode-based rendering (hidden/pre-render/visible). -* [Profiling with React Performance tracks](https://www.youtube.com/watch?v=zyVRg2QR6LA&t=8276s) [(Ruslan Lesiutin)](https://x.com/ruslanlesiutin) showed how to use the new React Performance Tracks to debug performance issues and build great apps. -* [React Strict DOM](https://www.youtube.com/watch?v=p9OcztRyDl0&t=9026s) [(Nicolas Gallagher)](https://nicolasgallagher.com/) talked about Meta's approach to using web code on native. -* [View Transitions and Activity](https://www.youtube.com/watch?v=zyVRg2QR6LA&t=4870s) [(Chance Strickland)](https://x.com/chancethedev) — Chance worked with the React team to showcase how to use `` and `` to build fast, native-feeling animations. -* [In case you missed the memo](https://www.youtube.com/watch?v=zyVRg2QR6LA&t=9525s) [(Cody Olsen)](https://bsky.app/profile/codey.bsky.social) - Cody worked with the React team to adopt the Compiler at Sanity Studio, and shared how it went. -## React framework talks {/*react-framework-talks*/} +カンファレンス全体を通じて、React チームからは以下の講演がありました。 +* [Async React Part I](https://www.youtube.com/watch?v=zyVRg2QR6LA&t=10907s) と [Part II](https://www.youtube.com/watch?v=p9OcztRyDl0&t=29073s) [(Ricky Hanlon)](https://x.com/rickhanlonii) で、過去 10 年の革新が何を可能にしてきたかをお伝えしました。 +* [Exploring React Performance](https://www.youtube.com/watch?v=zyVRg2QR6LA&t=20274s) [(Joe Savona)](https://x.com/en_js) で React のパフォーマンスに関する研究成果をお知らせしました。 +* [Reimagining Lists in React Native](https://www.youtube.com/watch?v=p9OcztRyDl0&t=10382s) [(Luna Wei)](https://x.com/lunaleaps) は、モードベースのレンダー (hidden/pre-render/visible) で可視性を管理する、リストのための新しいプリミティブである、Virtual View を紹介しました。 +* [Profiling with React Performance tracks](https://www.youtube.com/watch?v=zyVRg2QR6LA&t=8276s) [(Ruslan Lesiutin)](https://x.com/ruslanlesiutin) は、新しい React Performance Tracks を使用してパフォーマンスの問題をデバッグし、優れたアプリを構築する方法をお伝えしました。 +* [React Strict DOM](https://www.youtube.com/watch?v=p9OcztRyDl0&t=9026s) [(Nicolas Gallagher)](https://nicolasgallagher.com/) は、ネイティブ環境でウェブコードを使用する際の Meta のアプローチについてお話ししました。 +* [View Transitions and Activity](https://www.youtube.com/watch?v=zyVRg2QR6LA&t=4870s) [(Chance Strickland)](https://x.com/chancethedev) — Chance は React チームと協力し、`` と `` を使い、高速でネイティブアプリのように動作するアニメーションを構築する方法を披露しました。 +* [In case you missed the memo](https://www.youtube.com/watch?v=zyVRg2QR6LA&t=9525s) [(Cody Olsen)](https://bsky.app/profile/codey.bsky.social) — Cody は React チームと協力して Sanity Studio でコンパイラを採用し、その経過を報告しました。 +## React フレームワーク関連の講演 {/*react-framework-talks*/} -The second half of day 2 had a series of talks from React Framework teams including: +2 日目の後半には、React フレームワーク関連のチームより、さまざまな講演がありました。 * [React Native, Amplified](https://www.youtube.com/watch?v=p9OcztRyDl0&t=5737s) by [Giovanni Laquidara](https://x.com/giolaq) and [Eric Fahsl](https://x.com/efahsl). * [React Everywhere: Bringing React Into Native Apps](https://www.youtube.com/watch?v=p9OcztRyDl0&t=18213s) by [Mike Grabowski](https://x.com/grabbou). @@ -96,38 +96,38 @@ The second half of day 2 had a series of talks from React Framework teams includ * [TanStack Start](https://www.youtube.com/watch?v=p9OcztRyDl0&t=26065s) by [Tanner Linsley](https://x.com/tannerlinsley). ## Q&A {/*q-and-a*/} -There were three Q&A panels during the conference: +カンファレンス中に、3 度の Q&A パネルが行われました。 -* [React Team at Meta Q&A](https://www.youtube.com/watch?v=zyVRg2QR6LA&t=26304s) hosted by [Shruti Kapoor](https://x.com/shrutikapoor08) -* [React Frameworks Q&A](https://www.youtube.com/watch?v=p9OcztRyDl0&t=26812s) hosted by [Jack Herrington](https://x.com/jherr) -* [React and AI Panel](https://www.youtube.com/watch?v=zyVRg2QR6LA&t=18741s) hosted by [Lee Robinson](https://x.com/leerob) +* [React Team at Meta Q&A](https://www.youtube.com/watch?v=zyVRg2QR6LA&t=26304s)（司会：[Shruti Kapoor](https://x.com/shrutikapoor08)） +* [React Frameworks Q&A](https://www.youtube.com/watch?v=p9OcztRyDl0&t=26812s)（司会：[Jack Herrington](https://x.com/jherr)） +* [React and AI Panel](https://www.youtube.com/watch?v=zyVRg2QR6LA&t=18741s)（司会：[Lee Robinson](https://x.com/leerob)） -## And more... {/*and-more*/} +## さらに... {/*and-more*/} -We also heard talks from the community including: +コミュニティからも以下のトークがありました。 * [Building an MCP Server](https://www.youtube.com/watch?v=zyVRg2QR6LA&t=24204s) by [James Swinton](https://x.com/JamesSwintonDev) ([AG Grid](https://www.ag-grid.com/?utm_source=react-conf&utm_medium=react-conf-homepage&utm_campaign=react-conf-sponsorship-2025)) * [Modern Emails using React](https://www.youtube.com/watch?v=zyVRg2QR6LA&t=25521s) by [Zeno Rocha](https://x.com/zenorocha) ([Resend](https://resend.com/)) * [Why React Native Apps Make All the Money](https://www.youtube.com/watch?v=zyVRg2QR6LA&t=24917s) by [Perttu Lähteenlahti](https://x.com/plahteenlahti) ([RevenueCat](https://www.revenuecat.com/)) * [The invisible craft of great UX](https://www.youtube.com/watch?v=zyVRg2QR6LA&t=23400s) by [Michał Dudak](https://x.com/michaldudak) ([MUI](https://mui.com/)) -## Thanks {/*thanks*/} +## 謝辞 {/*thanks*/} -Thank you to all the staff, speakers, and participants, who made React Conf 2025 possible. There are too many to list, but we want to thank a few in particular. +React Conf 2025 を実現していただいたすべてのスタッフ、演者、参加者の皆さまに感謝します。リストに挙げきれないほど多くの方々がいますが、特に感謝したい方々を挙げたいと思います。 -Thank you to [Matt Carroll](https://x.com/mattcarrollcode) for planning the entire event and building the conference website. +イベント全体を計画し、カンファレンスのウェブサイトを構築していただいた [Matt Carroll](https://x.com/mattcarrollcode) に感謝します。 -Thank you to [Michael Chan](https://x.com/chantastic) for MCing React Conf with incredible dedication and energy, delivering thoughtful speaker intros, fun jokes, and genuine enthusiasm throughout the event. Thank you to [Jorge Cohen](https://x.com/JorgeWritesCode) for hosting the livestream, interviewing each speaker, and bringing the in-person React Conf experience online. +驚異的な献身とエネルギーで React Conf の司会を務め、イベントを通じて思慮深い紹介、楽しいジョーク、そして心からの熱意を提供していただいた [Michael Chan](https://x.com/chantastic) に感謝します。ライブ配信をホストし、各スピーカにインタビューを行い、対面のような React Conf 体験をオンラインにもたらしてくださった [Jorge Cohen](https://x.com/JorgeWritesCode) に感謝します。 -Thank you to [Mateusz Kornacki](https://x.com/mat_kornacki), [Mike Grabowski](https://x.com/grabbou), [Kris Lis](https://www.linkedin.com/in/krzysztoflisakakris/) and the team at [Callstack](https://www.callstack.com/) for co-organizing React Conf and providing design, engineering, and marketing support. Thank you to the [ZeroSlope team](https://zeroslopeevents.com/contact-us/): Sunny Leggett, Tracey Harrison, Tara Larish, Whitney Pogue, and Brianne Smythia for helping to organize the event. +React Conf を共同開催し、デザイン、エンジニアリング、マーケティングのサポートを提供していただいた [Mateusz Kornacki](https://x.com/mat_kornacki)、[Mike Grabowski](https://x.com/grabbou)、[Kris Lis](https://www.linkedin.com/in/krzysztoflisakakris/) および [Callstack](https://www.callstack.com/) のチームに感謝します。イベントの運営を手伝ってくださった [ZeroSlope チーム](https://zeroslopeevents.com/contact-us/)：Sunny Leggett、Tracey Harrison、Tara Larish、Whitney Pogue、Brianne Smythia に感謝します。 -Thank you to [Jorge Cabiedes Acosta](https://github.com/jorge-cab), [Gijs Weterings](https://x.com/gweterings), [Tim Yung](https://x.com/yungsters), and [Jason Bonta](https://x.com/someextent) for bringing questions from the Discord to the livestream. Thank you to [Lynn Yu](https://github.com/lynnshaoyu) for leading the moderation of the Discord. Thank you to [Seth Webster](https://x.com/sethwebster) for welcoming us each day; and to [Christopher Chedeau](https://x.com/vjeux), [Kevin Gozali](https://x.com/fkgozali), and [Pieter De Baets](https://x.com/Javache) for joining us with a special message during the after-party. +Discord からの質問をライブ配信で紹介していただいた [Jorge Cabiedes Acosta](https://github.com/jorge-cab)、[Gijs Weterings](https://x.com/gweterings)、[Tim Yung](https://x.com/yungsters)、[Jason Bonta](https://x.com/someextent) に感謝します。Discord のモデレーションをリードしていただいた [Lynn Yu](https://github.com/lynnshaoyu) に感謝します。毎日私たちを迎え入れていただいた [Seth Webster](https://x.com/sethwebster) に感謝します。そして、アフターパーティーに参加して特別なメッセージをくださった [Christopher Chedeau](https://x.com/vjeux)、[Kevin Gozali](https://x.com/fkgozali)、[Pieter De Baets](https://x.com/Javache) に感謝します。 -Thank you to [Kadi Kraman](https://x.com/kadikraman), [Beto](https://x.com/betomoedano) and [Nicolas Solerieu](https://www.linkedin.com/in/nicolas-solerieu/) for building the conference mobile app. Thank you [Wojtek Szafraniec](https://x.com/wojteg1337) for help with the conference website. Thank you to [Mustache](https://www.mustachepower.com/) & [Cornerstone](https://cornerstoneav.com/) for the visuals, stage, and sound; and to the Westin Hotel for hosting us. +カンファレンスのモバイルアプリを構築してくださった [Kadi Kraman](https://x.com/kadikraman)、[Beto](https://x.com/betomoedano)、[Nicolas Solerieu](https://www.linkedin.com/in/nicolas-solerieu/) に感謝します。カンファレンスのウェブサイトの手伝いをしていただいた [Wojtek Szafraniec](https://x.com/wojteg1337) に感謝します。ビジュアル、ステージ、音響を提供していただいた [Mustache](https://www.mustachepower.com/) と [Cornerstone](https://cornerstoneav.com/) に感謝します。そして私たちをホストしていただいた Westin Hotel に感謝します。 -Thank you to all the sponsors who made the event possible: [Amazon](https://www.developer.amazon.com), [MUI](https://mui.com/), [Vercel](https://vercel.com/), [Expo](https://expo.dev/), [RedwoodSDK](https://rwsdk.com), [Ag Grid](https://www.ag-grid.com), [RevenueCat](https://www.revenuecat.com/), [Resend](https://resend.com), [Mux](https://www.mux.com/), [Old Mission](https://www.oldmissioncapital.com/), [Arcjet](https://arcjet.com), [Infinite Red](https://infinite.red/), and [RenderATL](https://renderatl.com). +イベントを可能にしていただいたすべてのスポンサー：[Amazon](https://www.developer.amazon.com)、[MUI](https://mui.com/)、[Vercel](https://vercel.com/)、[Expo](https://expo.dev/)、[RedwoodSDK](https://rwsdk.com)、[Ag Grid](https://www.ag-grid.com)、[RevenueCat](https://www.revenuecat.com/)、[Resend](https://resend.com)、[Mux](https://www.mux.com/)、[Old Mission](https://www.oldmissioncapital.com/)、[Arcjet](https://arcjet.com)、[Infinite Red](https://infinite.red/)、[RenderATL](https://renderatl.com) に感謝します。 -Thank you to all the speakers who shared their knowledge and experience with the community. +コミュニティに知識と経験を共有していただいた、すべてのスピーカに感謝します。 -Finally, thank you to everyone who attended in person and online to show what makes React, React. React is more than a library, it is a community, and it was inspiring to see everyone come together to share and learn together. +最後に、対面およびオンラインで参加していただいたすべての方に感謝します。React が今の React でいられるのは皆さんのおかげです。React はライブラリ以上のものであり、コミュニティです。皆さんが一堂に会して共有し学び合う姿は感動的でした。 -See you next time! +また次回お会いしましょう！ diff --git a/src/content/blog/index.md b/src/content/blog/index.md index cea08e90d..95746102b 100644 --- a/src/content/blog/index.md +++ b/src/content/blog/index.md @@ -16,9 +16,9 @@ Bluesky の [@react.dev](https://bsky.app/profile/react.dev) や Twitter の [@r
- + -Last week we hosted React Conf 2025. In this post, we summarize the talks and announcements from the event... +先週 React Conf 2025 が開催されました。この投稿では、イベントでの講演と発表内容をまとめます。 diff --git a/src/sidebarBlog.json b/src/sidebarBlog.json index 2c192fe59..0e5a3caf5 100644 --- a/src/sidebarBlog.json +++ b/src/sidebarBlog.json @@ -12,8 +12,8 @@ "skipBreadcrumb": true, "routes": [ { - "title": "React Conf 2025 Recap", - "titleForHomepage": "React Conf 2025 Recap", + "title": "React Conf 2025 振り返り", + "titleForHomepage": "React Conf 2025 振り返り", "icon": "blog", "date": "October 16, 2025", "path": "/blog/2025/10/16/react-conf-2025-recap"