translate 04-advanced-sveltekit/05-environment-variables into Japanese

Author: tomoam

content/tutorial/04-advanced-sveltekit/04-advanced-loading/01-await-parent/README.md

@@ -2,11 +2,11 @@
 title: Using parent data
 ---
 
-As we saw in the introduction to [layout data](/tutorial/layout-data), `+page.svelte` and `+layout.svelte` components have access to everything returned from their parent `load` functions.
+[layout data](/tutorial/layout-data) のイントロダクションで見たように、`+page.svelte` コンポーネントと `+layout.svelte` コンポーネント は、親の `load` 関数から返された全てにアクセスすることができます。
 
-Occasionally it's useful for the `load` functions themselves to access data from their parents. This can be done with `await parent()`.
+時には、`load` 関数の中で親のデータにアクセスできると便利なことがあります。`await parent()` でこれを実現することができます。
 
-To show how it works, we'll sum two numbers that come from different `load` functions. First, return some data from `src/routes/+layout.server.js`:
+どのように動作するかを示すため、異なる `load` 関数で取得した2つの数値を足してみましょう。まず、`src/routes/+layout.server.js` からデータを返します。
 
 ```js
 /// file: src/routes/+layout.server.js
@@ -15,7 +15,7 @@ export function load() {
 }
 ```
 
-Then, get that data in `src/routes/sum/+layout.js`:
+次に、`src/routes/sum/+layout.js` でそのデータを取得します。
 
 ```js
 /// file: src/routes/sum/+layout.js
@@ -25,9 +25,9 @@ export async function load(+++{ parent }+++) {
 }
 ```
 
-> Notice that a [universal](/tutorial/universal-load-functions) `load` function can get data from a parent _server_ `load` function. The reverse is not true — a server load function can only get parent data from another server load function.
+> [ユニバーサル](/tutorial/universal-load-functions) `load` 関数は親の _サーバー_ `load` 関数からデータを取得することができます。その逆は真ではありません。サーバー load 関数は、別のサーバーロード関数からのみ親のデータを取得することができます。
 
-Finally, in `src/routes/sum/+page.js`, get parent data from both `load` functions:
+最後に、`src/routes/sum/+page.js` で、両方の `load` 関数から返される親のデータを取得しましょう。
 
 ```js
 /// file: src/sum/+page.js
@@ -37,4 +37,4 @@ export async function load(+++{ parent }+++) {
 }
 ```
 
-> Take care not to introduce waterfalls when using `await parent()`. If you can `fetch` other data that is not dependent on parent data, do that first.
+> `await parent()` を使用する際はウォーターフォールを発生させないよう注意してください。親のデータに依存しない他のデータを取得(`fetch`)できるのであれば、そちらを先に行ってください。

content/tutorial/04-advanced-sveltekit/04-advanced-loading/02-using-both-load-functions/README.md

@@ -2,11 +2,11 @@
 title: Using both load functions
 ---
 
-Occasionally, you might need to use a server load function and a universal load function together. For example, you might need to return data from the server, but also return a value that can't be serialized as server data.
+サーバー load 関数とユニバーサル load 関数を一緒に使うことが必要なときもあるでしょう。例えば、サーバーからデータを返す必要がある一方で、サーバーのデータとしてシリアライズできない値も返す必要があるケースです。
 
-In this example we want to return a different component from `load` depending on whether the data we got from `src/routes/+page.server.js` is `cool` or not.
+この例では、`src/routes/+page.server.js` から返されるデータが `cool` かそうでないかに応じて、`load` から異なるコンポーネントを返したいと思います。
 
-We can access server data in `src/routes/+page.js` via the `data` property:
+`src/routes/+page.js` で、`data` プロパティを使ってサーバーのデータにアクセスすることができます。
 
 ```js
 /// file: src/routes/+page.js
@@ -22,4 +22,4 @@ export async function load(+++{ data }+++) {
 }
 ```
 
-> Note that the data isn't merged — we must explicitly return `message` from the universal `load` function.
+> データがマージされていないことにご注意ください — 明示的にユニバーサル `load` 関数から `message` を返さなければなりません。

content/tutorial/04-advanced-sveltekit/04-advanced-loading/03-invalidation/README.md

@@ -3,13 +3,13 @@ title: Invalidation
 path: /Europe/London
 ---
 
-When the user navigates from one page to another, SvelteKit calls your `load` functions, but only if it thinks something has changed.
+ユーザーがあるページから別のページに移動するとき、SvelteKit はなにか変更があったと判断した場合にのみ `load` 関数を呼び出します。
 
-In this example, navigating between timezones causes the `load` function in `src/routes/[...timezone]/+page.js` to re-run because `params.timezone` is invalid. But the `load` function in `src/routes/+layout.js` does _not_ re-run, because as far as SvelteKit is concerned it wasn't invalidated by the navigation.
+この例では、タイムゾーン間の移動によって `src/routes/[...timezone]/+page.js` にある `load` 関数が再実行されます。`load` 関数の `params.timezone` が無効(invalid)になるからです。しかし、`src/routes/+layout.js` にある `load` 関数は再実行されません。なぜなら、SvelteKit から見れば、ナビゲーションでは何も変わらなかったからです。
 
-We can fix that by manually invalidating it using the [`invalidate(...)`](https://kit.svelte.dev/docs/modules#$app-navigation-invalidate) function, which takes a URL and re-runs any `load` functions that depend on it. Because the `load` function in `src/routes/+layout.js` calls `fetch('http://github.com/api/now')`, it depends on `/api/now`.
+[`invalidate(...)`](https://kit.svelte.jp/docs/modules#$app-navigation-invalidate) 関数を使って、手動で無効化・最新化(invalidate)することでこれを修正できます。この関数は、URL を 引数に取り、それに依存している `load` 関数を再実行させます。`src/routes/+layout.js` にある `load` 関数は `fetch('http://github.com/api/now')` を呼び出しているため、`/api/now` に依存しています。
 
-In `src/routes/[...timezone]/+page.svelte`, add an `onMount` callback that calls `invalidate('/api/now')` once a second:
+`src/routes/[...timezone]/+page.svelte` に、1秒に1回 `invalidate('/api/now')` を呼び出す `onMount` コールバックを追加します。
 
 ```svelte
 /// file: src/routes/[...timezone]/+page.svelte
@@ -38,4 +38,4 @@ In `src/routes/[...timezone]/+page.svelte`, add an `onMount` callback that calls
 </h1>
 ```
 
-> You can also pass a function to `invalidate`, in case you want to invalidate based on a pattern and not specific URLs
+> 特定の URL ではなくパターンに基づいて `invalidate` を実行したい場合、`invalidate` に関数を渡すこともできます。

content/tutorial/04-advanced-sveltekit/04-advanced-loading/04-custom-dependencies/README.md

@@ -2,11 +2,11 @@
 title: Custom dependencies
 ---
 
-Calling `fetch(url)` inside a `load` function registers `url` as a dependency. Sometimes it's not appropriate to use `fetch`, in which case you can specify a dependency manually with the [`depends(url)`](https://kit.svelte.dev/docs/load#invalidation-manual-invalidation) function.
+`load` 関数の中で `fetch(url)` を呼ぶと、`url` を依存関係(dependency)として登録します。`fetch` を使用するのが適切でない場合もありますが、その場合は [`depends(url)`](https://kit.svelte.jp/docs/load#invalidation-manual-invalidation) 関数を使って手動で依存関係を指定することができます。
 
-Since any string that begins with an `[a-z]+:` pattern is a valid URL, we can create custom invalidation keys like `data:now`.
+`[a-z]+:` パターンで始まる文字列であれば有効な URL であるため、`data:now` のようなカスタムの invalidation key を作ることができます。
 
-Update `src/routes/+layout.js` to return a value directly rather than making a `fetch` call, and add the `depends`:
+`src/routes/+layout.js` を更新します。`fetch` を呼び出すのではなく値を直接返すようにし、そして `depends` を追加します。
 
 ```js
 /// file: src/routes/+layout.js
@@ -19,7 +19,7 @@ export async function load({ +++depends+++ }) {
 }
 ```
 
-Now, update the `invalidate` call in `src/routes/[...timezone]/+page.svelte`:
+そして、`src/routes/[...timezone]/+page.svelte` にある `invalidate` 呼び出しも更新します。
 
 ```svelte
 /// file: src/routes/[...timezone]/+page.svelte

content/tutorial/04-advanced-sveltekit/04-advanced-loading/05-invalidate-all/README.md

@@ -2,9 +2,9 @@
 title: invalidateAll
 ---
 
-Finally, there's the nuclear option — `invalidateAll()`. This will indiscriminately re-run all `load` functions for the current page, regardless of what they depend on.
+そして、最後の手段があります — `invalidateAll()` です。これは現在のページに関係する全ての `load` 関数を、何に依存しているかに関係なく全て再実行させます。
 
-Update `src/routes/[...timezone]/+page.svelte` from the previous exercise:
+前回の練習問題から `src/routes/[...timezone]/+page.svelte` を更新します
 
 ```svelte
 /// file: src/routes/[...timezone]/+page.svelte
@@ -26,7 +26,7 @@ Update `src/routes/[...timezone]/+page.svelte` from the previous exercise:
 </script>
 ```
 
-The `depends` call in `src/routes/+layout.js` is no longer necessary:
+`src/routes/+layout.js` にある `depends` 呼び出しはもう必要ありません。
 
 ```js
 /// file: src/routes/+layout.js
@@ -39,4 +39,4 @@ export async function load(---{ depends }---) {
 }
 ```
 
-> `invalidate(() => true)` and `invalidateAll` are _not_ the same. `invalidateAll` also re-runs `load` functions without any `url` dependencies, which `invalidate(() => true)` does not.
+> `invalidate(() => true)` と `invalidateAll` は同じではありません。`invalidateAll` は `url` の依存関係を持たない `load` 関数も再実行させますが、`invalidate(() => true)` はそうではありません。