From 1f10a9cd751384de2129669213e979fb85c6fe04 Mon Sep 17 00:00:00 2001 From: Soichiro Miki Date: Wed, 10 May 2023 01:19:39 +0900 Subject: [PATCH 1/3] Translate HomeContent --- src/components/Layout/HomeContent.js | 194 +++++++++++++-------------- 1 file changed, 97 insertions(+), 97 deletions(-) diff --git a/src/components/Layout/HomeContent.js b/src/components/Layout/HomeContent.js index 5ff366d31..04b052216 100644 --- a/src/components/Layout/HomeContent.js +++ b/src/components/Layout/HomeContent.js @@ -131,7 +131,7 @@ export function HomeContent() { React

- The library for web and native user interfaces + Webとネイティブユーザインターフェースのためのライブラリ

- Learn React + label="React を学ぶ"> + React を学ぶ - API Reference + label="API リファレンス"> + API リファレンス
-
Create user interfaces from components
+
コンポーネントから
ユーザインターフェースを作る
- React lets you build user interfaces out of individual pieces - called components. Create your own React components like{' '} - Thumbnail, LikeButton, and{' '} - Video. Then combine them into entire screens, pages, - and apps. + React ではユーザインターフェースを、{} + コンポーネントと呼ばれる部品を使って構築できます。 + Thumbnail、LikeButton、Video + といった React コンポーネントを書いていきましょう。{} + そしてそれらを組み合わせて画面やページやアプリの全体を組み立てましょう。
@@ -169,22 +169,22 @@ export function HomeContent() {
- Whether you work on your own or with thousands of other - developers, using React feels the same. It is designed to let you - seamlessly combine components written by independent people, - teams, and organizations. + たとえ独りで開発していても、無数の開発者と共同開発をしている時でも、{} + React の開発体験は同じです。個人、チーム、大規模な組織によって{} + 書かれさまざまなコンポーネントを、シームレスに組み合わせながら{} + 開発できる。それが React の設計理念です。
-
Write components with code and markup
+
マークアップとコードから
コンポーネントを作る
- React components are JavaScript functions. Want to show some - content conditionally? Use an if statement. - Displaying a list? Try array map(). Learning React is - learning programming. + React のコンポーネントは単なる JavaScript の関数です。{} + 条件によってコンテンツの表示を変えたければ if 文を使いましょう！{} + リストを表示したいなら配列の map() を使いましょう！{} + React を学ぶということは、プログラミングを学ぶということなのです。
@@ -192,22 +192,22 @@ export function HomeContent() {
- This markup syntax is called JSX. It is a JavaScript syntax - extension popularized by React. Putting JSX markup close to - related rendering logic makes React components easy to create, - maintain, and delete. + このマークアップ構文は JSX と呼ばれます。React が普及させた + JavaScript の構文拡張です。JSX マークアップは関連する{} + レンダリングロジックのすぐそばに配置できるので、React コンポーネントの{} + 作成、保守、削除は簡単です。
-
Add interactivity wherever you need it
+
インタラクティブ機能を
どこでも必要な場所に
- React components receive data and return what should appear on the - screen. You can pass them new data in response to an interaction, - like when the user types into an input. React will then update the - screen to match the new data. + React コンポーネントはデータを受け取って、画面に表示するものを返します。{} + 入力フィールドへのタイピングなどのユーザ操作によって新しいデータができたら、{} + コンポーネントにそれを渡します。React が新しいデータに基づいて{} + 画面を更新します。
@@ -215,16 +215,16 @@ export function HomeContent() {
- You don’t have to build your whole page in React. Add React to - your existing HTML page, and render interactive React components - anywhere on it. + ページ全体を React で構築する必要はありません。既存の HTML ページに{} + React を追加すれば、好きな場所にインタラクティブな React コンポーネントを{} + 表示できます。
- Add React to your page + 既存のページに React を追加する
@@ -233,15 +233,15 @@ export function HomeContent() {
- Go full-stack
- with a framework + フルスタックな開発を
+ フレームワークで
- 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 Next.js or{' '} - Remix. + React とはライブラリです。コンポーネントを組み合わせることはできますが、{} + ルーティングやデータフェッチの方法までは指定しません。{} + React でアプリ全体を構築する場合は、{} + Next.js{' '} + や Remix のようなフルスタックのフレームワークをお勧めします。
@@ -249,17 +249,17 @@ export function HomeContent() {
- React is also an architecture. Frameworks that implement it let - you fetch data in asynchronous components that run on the server - or even during the build. Read data from a file or a database, and - pass it down to your interactive components. + React とはアーキテクチャでもあります。 + フレームワークでは、サーバやビルド時に動作する非同期コンポーネントを使って{} + データの取得が可能です。ファイルやデータベースからデータを読み込んで、{} + インタラクティブなコンポーネントに渡しましょう。
- Get started with a framework + フレームワークで始める
@@ -267,12 +267,12 @@ export function HomeContent() {
-
Use the best from every platform
+
あらゆるプラットフォームの
能力を最大限に活用
- People love web and native apps for different reasons. React - lets you build both web apps and native apps using the same - skills. It leans upon each platform’s unique strengths to let - your interfaces feel just right on every platform. + 人々はウェブを愛し、そしてネイティブアプリを愛しています。その理由は様々です。{} + React を使えば、同じスキルを使ってウェブアプリとネイティブアプリの両方を構築できます。{} + 各プラットフォームが持つ独自の強みを活かし、{} + どんなプラットフォームにおいても自然なインターフェースを実現します。
@@ -286,15 +286,15 @@ export function HomeContent() {

- Stay true to the web + ウェブの本質に忠実に

- People expect web app pages to load fast. On the server, - React lets you start streaming HTML while you’re still - fetching data, progressively filling in the remaining - content before any JavaScript code loads. On the client, - React can use standard web APIs to keep your UI - responsive even in the middle of rendering. + 人々はウェブアプリが速く読み込まれることを期待しています。{} + React を使用すれば、サーバ上でデータが取得中でも HTML の{} + ストリーミングを開始でき、JavaScript コードが読み込まれる前に{} + コンテンツを段階的にロードすることができます。{} + クライアント側では、React は標準的な Web API を使用し、{} + レンダーの最中でも UI の応答性を保ちます。

@@ -372,21 +372,21 @@ export function HomeContent() {

- Go truly native + 真にネイティブな体験を実現

- People expect native apps to look and feel like their - platform.{' '} + 人々はネイティブアプリがそのプラットフォームに見合った{} + ルック＆フィールを持つことを期待しています。{' '} React Native {' '} - and{' '} + や{' '} Expo{' '} - let you build apps in React for Android, iOS, and - more. They look and feel native because their UIs{' '} - are truly native. It’s not a web view—your - React components render real Android and iOS views - provided by the platform. + を使えば、React で Android、iOS などのアプリを構築できます。{} + ネイティブアプリのように感じるのは、ウェブビューではなく{} + 本当にネイティブな UI だからです。 + React コンポーネントは、プラットフォーム固有の、{} + 本物の Android や iOS のビューを表示できます。

@@ -396,14 +396,14 @@ export function HomeContent() {
- With React, you can be a web and a native developer. Your - team can ship to many platforms without sacrificing the user - experience. Your organization can bridge the platform silos, and - form teams that own entire features end-to-end. + React を使えば、ウェブ開発者にもネイティブアプリ開発者にもなれるのです。{} + ユーザー体験を犠牲にすることなく、多くのプラットフォームでリリースを行えます。{} + ひとつのプラットフォームに縛られることなく、すべての機能をエンドツーエンドで{} + 担当するチームを作れます。
- Build for native platforms + ネイティブプラットフォーム向けに開発する
@@ -414,23 +414,23 @@ export function HomeContent() {
-
Upgrade when the future is ready
+
完成した機能だけがリリースされる
- React approaches changes with care. Every React commit is - tested on business-critical surfaces with over a billion - users. Over 100,000 React components at Meta help validate - every migration strategy. + React は開発アプローチの変更に慎重に取り組みます。すべてのコミットは{' '} + 10 億人以上のユーザによるビジネスクリティカルな環境においてテストされます。{} + Meta にある 10 万以上の React コンポーネントが、{} + すべての移行戦略の検証を支援します。
- The React team is always researching how to improve React. - Some research takes years to pay off. React has a high bar - for taking a research idea into production. Only proven - approaches become a part of React. + React チームは、常に React を改善する方法を模索していますが、{} + 研究によっては、成果が出るまでに何年もかかることもあります。{} + React には、研究のアイデアをリリースするまでの高いハードルがあります。{} + 実証済みのアプローチだけが React の一部となるのです。
- Read more React news + React のニュースを読む
@@ -438,7 +438,7 @@ export function HomeContent() {

- Latest React News + 最新の React ニュース

@@ -469,13 +469,13 @@ export function HomeContent() {
- Join a community
- of millions + 数百万人の
+ コミュニティに参加しよう
- You’re not alone. Two million developers from all over the - world visit the React docs every month. React is something - that people and teams can agree on. + あなたは 1 人ではありません。世界中から毎月 200 万人の開発者が{' '} + React ドキュメントに訪れています。{} + 人々とチームが共感できる技術、それが React なのです。
@@ -483,13 +483,13 @@ export function HomeContent() {
- This is why React is more than a library, an architecture, or - even an ecosystem. React is a community. It’s a place where - you can ask for help, find opportunities, and meet new - friends. You will meet both developers and designers, - beginners and experts, researchers and artists, teachers and - students. Our backgrounds may be very different, but React - lets us all create user interfaces together. + React は単なるライブラリやアーキテクチャ、あるいはエコシステム{} + という以上の存在です。React とはコミュニティです。{} + ヘルプを求め、チャンスを見つけ、新しい友人と出会える場所です。{} + 開発者やデザイナと、初心者やエキスパートと、研究者やアーティストと、{} + 教師や学生と、出会える場所です。{} + 私たちのバックグラウンドはさまざまですが、React を通じて皆で{} + ユーザーインターフェースの創造に取り組んでいるのです。
@@ -498,15 +498,15 @@ export function HomeContent() {
- Welcome to the
- React community + React コミュニティに
+ ようこそ！
- Get Started + はじめる
From b6255a8a3ce2ecf45d090005f392bf4acea8a234 Mon Sep 17 00:00:00 2001 From: Soichiro Miki Date: Wed, 10 May 2023 01:39:35 +0900 Subject: [PATCH 2/3] Recommit, applying prettier --- src/components/Layout/HomeContent.js | 141 +++++++++++++++++++-------- 1 file changed, 99 insertions(+), 42 deletions(-) diff --git a/src/components/Layout/HomeContent.js b/src/components/Layout/HomeContent.js index 04b052216..439d9ff42 100644 --- a/src/components/Layout/HomeContent.js +++ b/src/components/Layout/HomeContent.js @@ -155,11 +155,16 @@ export function HomeContent() {
-
コンポーネントから
ユーザインターフェースを作る
+
+ コンポーネントから +
+ ユーザインターフェースを作る +
React ではユーザインターフェースを、{} コンポーネントと呼ばれる部品を使って構築できます。 - Thumbnail、LikeButton、Video + Thumbnail、LikeButton、 + Video といった React コンポーネントを書いていきましょう。{} そしてそれらを組み合わせて画面やページやアプリの全体を組み立てましょう。 @@ -169,7 +174,8 @@ export function HomeContent() {
- たとえ独りで開発していても、無数の開発者と共同開発をしている時でも、{} + たとえ独りで開発していても、無数の開発者と共同開発をしている時でも、 + {} React の開発体験は同じです。個人、チーム、大規模な組織によって{} 書かれさまざまなコンポーネントを、シームレスに組み合わせながら{} 開発できる。それが React の設計理念です。 @@ -179,10 +185,15 @@ export function HomeContent() {
-
マークアップとコードから
コンポーネントを作る
+
+ マークアップとコードから +
+ コンポーネントを作る +
React のコンポーネントは単なる JavaScript の関数です。{} - 条件によってコンテンツの表示を変えたければ if 文を使いましょう！{} + 条件によってコンテンツの表示を変えたければ if{' '} + 文を使いましょう！{} リストを表示したいなら配列の map() を使いましょう！{} React を学ぶということは、プログラミングを学ぶということなのです。 @@ -194,7 +205,8 @@ export function HomeContent() { このマークアップ構文は JSX と呼ばれます。React が普及させた JavaScript の構文拡張です。JSX マークアップは関連する{} - レンダリングロジックのすぐそばに配置できるので、React コンポーネントの{} + レンダリングロジックのすぐそばに配置できるので、React + コンポーネントの{} 作成、保守、削除は簡単です。
@@ -202,10 +214,17 @@ export function HomeContent() {
-
インタラクティブ機能を
どこでも必要な場所に
+
+ インタラクティブ機能を +
+ どこでも必要な場所に +
- React コンポーネントはデータを受け取って、画面に表示するものを返します。{} - 入力フィールドへのタイピングなどのユーザ操作によって新しいデータができたら、{} + React + コンポーネントはデータを受け取って、画面に表示するものを返します。 + {} + 入力フィールドへのタイピングなどのユーザ操作によって新しいデータができたら、 + {} コンポーネントにそれを渡します。React が新しいデータに基づいて{} 画面を更新します。 @@ -215,8 +234,10 @@ export function HomeContent() {
- ページ全体を React で構築する必要はありません。既存の HTML ページに{} - React を追加すれば、好きな場所にインタラクティブな React コンポーネントを{} + ページ全体を React で構築する必要はありません。既存の HTML + ページに{} + React を追加すれば、好きな場所にインタラクティブな React + コンポーネントを{} 表示できます。
@@ -233,15 +254,19 @@ export function HomeContent() {
- フルスタックな開発を
フレームワークで +
+ フルスタックな開発を
- React とはライブラリです。コンポーネントを組み合わせることはできますが、{} + React + とはライブラリです。コンポーネントを組み合わせることはできますが、 + {} ルーティングやデータフェッチの方法までは指定しません。{} React でアプリ全体を構築する場合は、{} - Next.js{' '} - や Remix のようなフルスタックのフレームワークをお勧めします。 + Next.js や{' '} + Remix{' '} + のようなフルスタックのフレームワークをお勧めします。
@@ -250,8 +275,10 @@ export function HomeContent() {
React とはアーキテクチャでもあります。 - フレームワークでは、サーバやビルド時に動作する非同期コンポーネントを使って{} - データの取得が可能です。ファイルやデータベースからデータを読み込んで、{} + フレームワークでは、サーバやビルド時に動作する非同期コンポーネントを使って + {} + データの取得が可能です。ファイルやデータベースからデータを読み込んで、 + {} インタラクティブなコンポーネントに渡しましょう。
@@ -267,10 +294,17 @@ export function HomeContent() {
-
あらゆるプラットフォームの
能力を最大限に活用
+
+ あらゆるプラットフォームの +
+ 能力を最大限に活用 +
- 人々はウェブを愛し、そしてネイティブアプリを愛しています。その理由は様々です。{} - React を使えば、同じスキルを使ってウェブアプリとネイティブアプリの両方を構築できます。{} + 人々はウェブを愛し、そしてネイティブアプリを愛しています。その理由は様々です。 + {} + React + を使えば、同じスキルを使ってウェブアプリとネイティブアプリの両方を構築できます。 + {} 各プラットフォームが持つ独自の強みを活かし、{} どんなプラットフォームにおいても自然なインターフェースを実現します。 @@ -289,11 +323,15 @@ export function HomeContent() { ウェブの本質に忠実に

- 人々はウェブアプリが速く読み込まれることを期待しています。{} - React を使用すれば、サーバ上でデータが取得中でも HTML の{} - ストリーミングを開始でき、JavaScript コードが読み込まれる前に{} + 人々はウェブアプリが速く読み込まれることを期待しています。 + {} + React を使用すれば、サーバ上でデータが取得中でも HTML の + {} + ストリーミングを開始でき、JavaScript + コードが読み込まれる前に{} コンテンツを段階的にロードすることができます。{} - クライアント側では、React は標準的な Web API を使用し、{} + クライアント側では、React は標準的な Web API を使用し、 + {} レンダーの最中でも UI の応答性を保ちます。

@@ -375,17 +413,20 @@ export function HomeContent() { 真にネイティブな体験を実現

- 人々はネイティブアプリがそのプラットフォームに見合った{} + 人々はネイティブアプリがそのプラットフォームに見合った + {} ルック＆フィールを持つことを期待しています。{' '} React Native {' '} や{' '} Expo{' '} - を使えば、React で Android、iOS などのアプリを構築できます。{} - ネイティブアプリのように感じるのは、ウェブビューではなく{} - 本当にネイティブな UI だからです。 - React コンポーネントは、プラットフォーム固有の、{} + を使えば、React で Android、iOS + などのアプリを構築できます。{} + ネイティブアプリのように感じるのは、ウェブビューではなく + {} + 本当にネイティブな UI だからです。 React + コンポーネントは、プラットフォーム固有の、{} 本物の Android や iOS のビューを表示できます。

@@ -396,9 +437,13 @@ export function HomeContent() {
- React を使えば、ウェブ開発者にもネイティブアプリ開発者にもなれるのです。{} - ユーザー体験を犠牲にすることなく、多くのプラットフォームでリリースを行えます。{} - ひとつのプラットフォームに縛られることなく、すべての機能をエンドツーエンドで{} + React + を使えば、ウェブ開発者にもネイティブアプリ開発者にもなれるのです。 + {} + ユーザー体験を犠牲にすることなく、多くのプラットフォームでリリースを行えます。 + {} + ひとつのプラットフォームに縛られることなく、すべての機能をエンドツーエンドで + {} 担当するチームを作れます。
@@ -416,16 +461,23 @@ export function HomeContent() {
完成した機能だけがリリースされる
- React は開発アプローチの変更に慎重に取り組みます。すべてのコミットは{' '} - 10 億人以上のユーザによるビジネスクリティカルな環境においてテストされます。{} + React + は開発アプローチの変更に慎重に取り組みます。すべてのコミットは{' '} + 10 + 億人以上のユーザによるビジネスクリティカルな環境においてテストされます。 + {} Meta にある 10 万以上の React コンポーネントが、{} すべての移行戦略の検証を支援します。
- React チームは、常に React を改善する方法を模索していますが、{} - 研究によっては、成果が出るまでに何年もかかることもあります。{} - React には、研究のアイデアをリリースするまでの高いハードルがあります。{} + React チームは、常に React + を改善する方法を模索していますが、{} + 研究によっては、成果が出るまでに何年もかかることもあります。 + {} + React + には、研究のアイデアをリリースするまでの高いハードルがあります。 + {} 実証済みのアプローチだけが React の一部となるのです。
@@ -469,7 +521,8 @@ export function HomeContent() {
- 数百万人の
+ 数百万人の +
コミュニティに参加しよう
@@ -483,10 +536,13 @@ export function HomeContent() {
- React は単なるライブラリやアーキテクチャ、あるいはエコシステム{} + React は単なるライブラリやアーキテクチャ、あるいはエコシステム + {} という以上の存在です。React とはコミュニティです。{} - ヘルプを求め、チャンスを見つけ、新しい友人と出会える場所です。{} - 開発者やデザイナと、初心者やエキスパートと、研究者やアーティストと、{} + ヘルプを求め、チャンスを見つけ、新しい友人と出会える場所です。 + {} + 開発者やデザイナと、初心者やエキスパートと、研究者やアーティストと、 + {} 教師や学生と、出会える場所です。{} 私たちのバックグラウンドはさまざまですが、React を通じて皆で{} ユーザーインターフェースの創造に取り組んでいるのです。 @@ -498,7 +554,8 @@ export function HomeContent() {
- React コミュニティに
+ React コミュニティに +
ようこそ！
Date: Wed, 10 May 2023 09:04:22 +0900 Subject: [PATCH 3/3] =?UTF-8?q?=E6=96=87=E7=AB=A0=E3=81=A8=E3=82=B9?= =?UTF-8?q?=E3=83=9A=E3=83=BC=E3=82=B9=E3=82=92=E4=BF=AE=E6=AD=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Layout/HomeContent.js | 136 ++++++++++++--------------- 1 file changed, 60 insertions(+), 76 deletions(-) diff --git a/src/components/Layout/HomeContent.js b/src/components/Layout/HomeContent.js index 439d9ff42..9e2263255 100644 --- a/src/components/Layout/HomeContent.js +++ b/src/components/Layout/HomeContent.js @@ -131,7 +131,7 @@ export function HomeContent() { React

- Webとネイティブユーザインターフェースのためのライブラリ + Web とネイティブユーザインターフェースのためのライブラリ

コンポーネントから
- ユーザインターフェースを作る + ユーザインターフェースを作成 React ではユーザインターフェースを、{} コンポーネントと呼ばれる部品を使って構築できます。 Thumbnail、LikeButton、 Video - といった React コンポーネントを書いていきましょう。{} - そしてそれらを組み合わせて画面やページやアプリの全体を組み立てましょう。 + といった React コンポーネントを書き、{} + それらを組み合わせて画面やページやアプリの全体を組み立てましょう。
@@ -174,8 +174,7 @@ export function HomeContent() {
- たとえ独りで開発していても、無数の開発者と共同開発をしている時でも、 - {} + 独りで開発していても、数千の開発者と共同開発していても、{} React の開発体験は同じです。個人、チーム、大規模な組織によって{} 書かれさまざまなコンポーネントを、シームレスに組み合わせながら{} 開発できる。それが React の設計理念です。 @@ -188,14 +187,14 @@ export function HomeContent() {
マークアップとコードから
- コンポーネントを作る + コンポーネントを作成
- React のコンポーネントは単なる JavaScript の関数です。{} + React コンポーネントは単なる JavaScript の関数です。{} 条件によってコンテンツの表示を変えたければ if{' '} - 文を使いましょう！{} - リストを表示したいなら配列の map() を使いましょう！{} - React を学ぶということは、プログラミングを学ぶということなのです。 + 文を使いましょう！ リストを表示したいなら配列の map(){' '} + を使いましょう！ React + を学ぶということは、プログラミングを学ぶということなのです。
@@ -206,8 +205,7 @@ export function HomeContent() { このマークアップ構文は JSX と呼ばれます。React が普及させた JavaScript の構文拡張です。JSX マークアップは関連する{} レンダリングロジックのすぐそばに配置できるので、React - コンポーネントの{} - 作成、保守、削除は簡単です。 + コンポーネントは簡単に作成、保守、削除ができます。
@@ -221,12 +219,10 @@ export function HomeContent() { React - コンポーネントはデータを受け取って、画面に表示するものを返します。 - {} - 入力フィールドへのタイピングなどのユーザ操作によって新しいデータができたら、 - {} - コンポーネントにそれを渡します。React が新しいデータに基づいて{} - 画面を更新します。 + コンポーネントはデータを受け取り、画面に表示するものを返します。{} + 入力フィールドへのタイピングなどのユーザ操作によって{} + 新しいデータができたら、コンポーネントにそれを渡します。{} + React が新しいデータに基づいて画面を更新します。
@@ -235,10 +231,8 @@ export function HomeContent() {
ページ全体を React で構築する必要はありません。既存の HTML - ページに{} - React を追加すれば、好きな場所にインタラクティブな React - コンポーネントを{} - 表示できます。 + ページに React を追加すれば、どんな場所にでもインタラクティブな + React コンポーネントを表示できます。
- React - とはライブラリです。コンポーネントを組み合わせることはできますが、 - {} + React はライブラリです。{} + コンポーネントを組み合わせることはできますが、{} ルーティングやデータフェッチの方法までは指定しません。{} React でアプリ全体を構築する場合は、{} Next.js や{' '} @@ -274,11 +267,10 @@ export function HomeContent() {
- React とはアーキテクチャでもあります。 - フレームワークでは、サーバやビルド時に動作する非同期コンポーネントを使って - {} - データの取得が可能です。ファイルやデータベースからデータを読み込んで、 - {} + React とはアーキテクチャでもあります。{} + フレームワークでは、サーバやビルド時に動作する{} + 非同期コンポーネントを使ってデータの取得が可能です。{} + ファイルやデータベースからデータを読み込んで、{} インタラクティブなコンポーネントに渡しましょう。
@@ -300,11 +292,11 @@ export function HomeContent() { 能力を最大限に活用 - 人々はウェブを愛し、そしてネイティブアプリを愛しています。その理由は様々です。 - {} + 人々はウェブを愛し、そしてネイティブアプリを愛しています。{} + その理由は様々です。{} React - を使えば、同じスキルを使ってウェブアプリとネイティブアプリの両方を構築できます。 - {} + を使えば、同じスキルを使ってウェブアプリとネイティブアプリの{} + 両方を構築できます。{} 各プラットフォームが持つ独自の強みを活かし、{} どんなプラットフォームにおいても自然なインターフェースを実現します。 @@ -323,16 +315,14 @@ export function HomeContent() { ウェブの本質に忠実に

- 人々はウェブアプリが速く読み込まれることを期待しています。 - {} - React を使用すれば、サーバ上でデータが取得中でも HTML の + 人々はウェブアプリが素早く読み込まれることを期待します。 {} - ストリーミングを開始でき、JavaScript + React を使用すれば、サーバ上でデータが取得中でも HTML + のストリーミングを開始でき、JavaScript コードが読み込まれる前に{} コンテンツを段階的にロードすることができます。{} - クライアント側では、React は標準的な Web API を使用し、 - {} - レンダーの最中でも UI の応答性を保ちます。 + クライアント側では、React は標準的な Web API + を使用して、レンダーの最中でも UI の応答性を保ちます。

@@ -415,7 +405,7 @@ export function HomeContent() {

人々はネイティブアプリがそのプラットフォームに見合った {} - ルック＆フィールを持つことを期待しています。{' '} + ルック＆フィールを持つことを期待します。 React Native {' '} @@ -423,10 +413,9 @@ export function HomeContent() { Expo{' '} を使えば、React で Android、iOS などのアプリを構築できます。{} - ネイティブアプリのように感じるのは、ウェブビューではなく - {} - 本当にネイティブな UI だからです。 React - コンポーネントは、プラットフォーム固有の、{} + ネイティブアプリのように感じるのは、{} + ウェブビューではなく真のネイティブ UI だからです。{} + React コンポーネントは、プラットフォーム固有の、{} 本物の Android や iOS のビューを表示できます。

@@ -437,14 +426,12 @@ export function HomeContent() {
- React - を使えば、ウェブ開発者にもネイティブアプリ開発者にもなれるのです。 - {} - ユーザー体験を犠牲にすることなく、多くのプラットフォームでリリースを行えます。 - {} - ひとつのプラットフォームに縛られることなく、すべての機能をエンドツーエンドで - {} - 担当するチームを作れます。 + React を使えば、{} + ウェブ開発者にもネイティブアプリ開発者にもなれるのです。{} + ユーザー体験を犠牲にすることなく、{} + 多くのプラットフォームでリリースを行えます。{} + ひとつのプラットフォームに縛られることなく、{} + すべての機能をエンドツーエンドで担当するチームを作れます。
@@ -459,13 +446,15 @@ export function HomeContent() {
-
完成した機能だけがリリースされる
+
+ 完成した機能だけが +
+ リリースされる +
- React - は開発アプローチの変更に慎重に取り組みます。すべてのコミットは{' '} - 10 - 億人以上のユーザによるビジネスクリティカルな環境においてテストされます。 - {} + React は開発アプローチの変更に慎重に取り組みます。{} + すべてのコミットは 10 億人以上のユーザによる{} + ビジネスクリティカルな環境においてテストされます。{} Meta にある 10 万以上の React コンポーネントが、{} すべての移行戦略の検証を支援します。 @@ -473,11 +462,8 @@ export function HomeContent() { React チームは、常に React を改善する方法を模索していますが、{} - 研究によっては、成果が出るまでに何年もかかることもあります。 - {} - React - には、研究のアイデアをリリースするまでの高いハードルがあります。 - {} + 研究によっては成果が出るまでに何年もかかることもあります。{} + 研究のアイデアをリリースするまでの高いハードルを越えた、{} 実証済みのアプローチだけが React の一部となるのです。
@@ -526,7 +512,7 @@ export function HomeContent() { コミュニティに参加しよう - あなたは 1 人ではありません。世界中から毎月 200 万人の開発者が{' '} + あなたは 1 人ではありません。世界中から毎月 200 万人の開発者が React ドキュメントに訪れています。{} 人々とチームが共感できる技術、それが React なのです。 @@ -536,14 +522,12 @@ export function HomeContent() {
- React は単なるライブラリやアーキテクチャ、あるいはエコシステム - {} - という以上の存在です。React とはコミュニティです。{} - ヘルプを求め、チャンスを見つけ、新しい友人と出会える場所です。 - {} - 開発者やデザイナと、初心者やエキスパートと、研究者やアーティストと、 - {} - 教師や学生と、出会える場所です。{} + React は単なるライブラリやアーキテクチャ、{} + あるいはエコシステムという以上の存在です。{} + React とはコミュニティです。{} + ヘルプを求め、チャンスを見つけ、新しい友人に会える場所です。{} + 開発者やデザイナ、初心者やエキスパート、{} + 研究者やアーティスト、教師や学生と出会える場所です。{} 私たちのバックグラウンドはさまざまですが、React を通じて皆で{} ユーザーインターフェースの創造に取り組んでいるのです。 @@ -555,7 +539,7 @@ export function HomeContent() {
React コミュニティに -
+
ようこそ！