i18n(ja): Update islands.mdx#2251
Conversation
✅ Deploy Preview for astro-docs-2 ready!
To edit notification comments on pull requests, go to your Netlify site settings. |
github-actions
Bot
added
the
i18n
| <Fragment slot="headerApp">ヘッダー（インタラクティブアイランド）</Fragment> | ||
| <Fragment slot="sidebarApp">サイドバー（静的HTML）</Fragment> | ||
| <Fragment slot="main"> | ||
| テキスト、画像などの静的コンテンツ | ||
| </Fragment> | ||
| <Fragment slot="carouselApp">イメージカルーセル（インタラクティブアイランド）</Fragment> | ||
| <Fragment slot="footer">フッター（静的HTML）</Fragment> | ||
| <Fragment slot="source">出典：[Islands Architecture: Jason Miller](https://jasonformat.com/islands-architecture/)</Fragment> | ||
| <Fragment slot="headerApp">ヘッダー（インタラクティブアイランド）</Fragment> | ||
| <Fragment slot="sidebarApp">サイドバー（静的HTML）</Fragment> | ||
| <Fragment slot="main"> | ||
| テキスト、画像などの静的コンテンツ | ||
| </Fragment> | ||
| <Fragment slot="carouselApp">イメージカルーセル（インタラクティブアイランド）</Fragment> | ||
| <Fragment slot="footer">フッター（静的HTML）</Fragment> | ||
| <Fragment slot="source">出典：[Islands Architecture: Jason Miller](https://jasonformat.com/islands-architecture/)</Fragment> |
| しかし、インタラクティブなUIを作成するためには、クライアントサイドのJavaScriptが必要になります。ページ全体をSPAのようなJavaScriptアプリケーションにするのではなく、Astroはアイランドを作成するように依頼します。 | ||
| しかし、インタラクティブなUIを作成するためには、クライアントサイドのJavaScriptが必要になります。Astroでは、ページ全体をSPAのようなJavaScriptアプリケーションにするのではなく、アイランドを作成します。 |
There was a problem hiding this comment.
原文は
But sometimes, client-side JavaScript is required for creating interactive UI. Instead of forcing your entire page to become an SPA-like JavaScript application, Astro asks you to create an island.
となります。訳文の最後が「Astroはアイランドを作成するように依頼します」となっているのですが、ここの意味が少し通りづらい（「誰に依頼する？」と読める）気がしたため、読みやすくなるよう変更してみました。
| Astroアイランドでは、サイトの大部分は純粋で軽量のHTMLとCSSのままです。上の例では、ページの残りの部分を変更することなく、単一の孤立した**島にインタラクティブ機能**を追加しただけです。 | ||
|
|
||
| Astroアイランドにより、サイトの大部分は純粋で軽量なHTMLとCSSのままです。上の例では、ページの残りの部分を変更することなく、単一の独立した**インタラクティブなアイランド**を追加しただけです。 |
There was a problem hiding this comment.
With Astro Islands, the vast majority of your site remains pure, lightweight HTML and CSS. In the example above, you have just added a single, isolated island of interactivity without also changing the rest of the page.
が原文ですが、冒頭の With Astro Islands は「〜を用いると」というようなことだと思うので、「Astroアイランドでは」を「Astroアイランドにより」に修正しました。
また、第二文に関して、まず isolated の訳を「独立した」に変更しました。isolated というと「孤立」や「隔離」などの単語が確かに頭に浮かぶのですが、これらの日本語はなんとなくネガティブな感じがし、一方もとの意味は「他に影響を与えない」というポジティブな意味だと思われるため、「独立した」という語に変更してみました。また、island of interactivity に関して、ここでの island はいわゆる普通の意味での「島」ではないため、「アイランド」に修正しました。最後に、added の対象は island であると思われるため、of interactivity はもとの訳文のように意訳せず「インタラクティブな」と訳し、「アイランドを追加」となるようにています。
| Astroアイランドで構築するもっとも明白な利点は、パフォーマンスです。ウェブサイトの大部分は高速で静的なHTMLに変換され、JavaScriptは必要とする個々のコンポーネントにのみ読み込まれます。JavaScriptは、バイト単位で読み込むことができるもっとも遅いリソースの1つなので、1バイトが重要なのです。 | ||
| Astroアイランドで構築するもっとも明白な利点は、パフォーマンスです。ウェブサイトの大部分は高速で静的なHTMLに変換され、JavaScriptは、それを必要とする個々のコンポーネントにのみ読み込まれます。JavaScriptは、バイト単位で読み込むことができるもっとも遅いリソースの1つなので、1バイトが重要なのです。 |
There was a problem hiding this comment.
JavaScriptは必要とする個々のコンポーネントにのみ読み込まれます
は直すか迷いましたが、なんとなく引っかかったためより正確に「それを」を追加しています。
| もうひとつのメリットは、並列ロードです。上のイラストの例では、優先度の低い「画像カルーセル」のアイランドが、優先度の高い「ヘッダー」のアイランドをブロックする必要はないのです。この2つは並行してロードされ、分離してハイドレーションされます。つまり、ヘッダーは、ページ下部の重いカルーセルを待つことなく、すぐにインタラクティブな状態になります。 | ||
| もうひとつのメリットは、並列ロードです。上のイラストの例では、優先度の低い「画像カルーセル」のアイランドが、優先度の高い「ヘッダー」のアイランドをブロックする必要はないのです。この2つは並行してロードされ、独立してハイドレーションされます。つまり、ヘッダーは、ページ下部の重いカルーセルを待つことなく、すぐにインタラクティブな状態になります。 |
There was a problem hiding this comment.
こちらの「分離して（in isolation）」は特に問題はないと思いますが、上の訳に合わせて「独立して」に変更しています。
|
Oops, it seems like some environment vars are missing for the deploy preview. How should I fix that?
|
|
Hi @morinokami, thanks for the PR!
Hopefully should be fixed by #2252 — thanks for your patience 🙌 |
|
@delucis Thanks for your help. It's now working! |
kyosuke
left a comment
kyosuke
left a comment
There was a problem hiding this comment.
@morinokami レビューしました。修正と改善された本文ともに問題ないように思います。
isolationを独立としたことで読みやすくなりました。
LGTM！
3 participants
What kind of changes does this PR include?
Description