` elements elsewhere in your app, as we'll see in the next step. +重要なのは、これらのスタイルが _このコンポーネントにのみ適用されるということです_ 。次のステップで説明しますが、別の箇所の `
` 要素のスタイルに影響を与えてしまうようなことはありません。 From 9bdf1a81f316f495db5b834d75dabe397b4ccf4c Mon Sep 17 00:00:00 2001 From: tomoam <29677552+tomoam@users.noreply.github.com> Date: Sun, 18 Dec 2022 23:49:32 +0900 Subject: [PATCH 2/3] translate 02-sveltekit/01-concepts/02-project-structure into Japanese --- .../01-concepts/02-project-structure/README.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/content/tutorial/02-sveltekit/01-concepts/02-project-structure/README.md b/content/tutorial/02-sveltekit/01-concepts/02-project-structure/README.md index 46a7c971a..d169047d8 100644 --- a/content/tutorial/02-sveltekit/01-concepts/02-project-structure/README.md +++ b/content/tutorial/02-sveltekit/01-concepts/02-project-structure/README.md @@ -2,14 +2,14 @@ title: Project structure --- -On the right, in the file tree viewer, you'll see a handful of files that SvelteKit expects to find in a project. +右にあるファイルツリービューアには、SvelteKit のプロジェクトに含まれているであろうファイルのうち一部が表示されています。 -`package.json` will be familiar if you've worked with Node.js before. It lists the project's dependencies — including `svelte` and `@sveltejs/kit` — and a variety of `scripts` for interacting with the SvelteKit CLI. (We're currently running `npm run dev` in the bottom window.) +Node.js を使用したことがあるなら、`package.json` はおなじみでしょう。プロジェクトの依存関係 (`svelte` と `@sveltejs/kit` を含む) と、SvelteKit CLI を操作するための様々な `scripts` がリストアップされています。(現在バックグラウンドで `npm run dev` が実行されています) -> Note that it also specifies `"type": "module"`, which means that `.js` files are treated as native JavaScript modules by default, rather than the legacy CommonJS format. +> `"type": "module"` が指定されていることにもご注意ください。つまり、`.js` ファイルはデフォルトで、レガシーな CommonJS フォーマットではなくネイティブの JavaScript モジュールとして扱われます。 -`svelte.config.js` contains your project configuration. We don't need to worry about this file for now, but if you're curious, [visit the documentation](https://kit.svelte.dev/docs/configuration). +`svelte.config.js` にはプロジェクトの設定が記述されています。今はこのファイルについて気にする必要はありませんが、もし興味があれば、[ドキュメントを参照してください](https://kit.svelte.jp/docs/configuration)。 -`src` is where your app's source code goes. `src/app.html` is your page template (SvelteKit replaces the `%sveltekit.head%` and `%sveltekit.body%` as appropriate), and `src/routes` defines the [routes](/tutorial/pages) of your app. +`src` はアプリのソースコードを置く場所です。`src/app.html` はページのテンプレート (SvelteKit が `%sveltekit.head%` と `%sveltekit.body%` を適切に置き換えます) で、`src/routes` はアプリの [ルート(routes)](/tutorial/pages) を定義します。 -Finally, `static` contains any assets (like a `favicon.png` or a `robots.txt`) that should be included when your app is deployed. +最後に、`static` にはアプリをデプロイするときに含めるべきアセット (`favicon.png` や `robots.txt` など) を置きます。 From fd1703453dea44eb0d97cb81cadf44ec1d910bfc Mon Sep 17 00:00:00 2001 From: tomoam <29677552+tomoam@users.noreply.github.com> Date: Mon, 19 Dec 2022 01:21:25 +0900 Subject: [PATCH 3/3] translate 02-sveltekit/01-concepts/03-server-and-client into Japanese --- .../01-concepts/03-server-and-client/README.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/content/tutorial/02-sveltekit/01-concepts/03-server-and-client/README.md b/content/tutorial/02-sveltekit/01-concepts/03-server-and-client/README.md index e9b409b79..04b0392d5 100644 --- a/content/tutorial/02-sveltekit/01-concepts/03-server-and-client/README.md +++ b/content/tutorial/02-sveltekit/01-concepts/03-server-and-client/README.md @@ -2,12 +2,12 @@ title: Server and client --- -A SvelteKit app can be thought of as two distinct entities working in tandem — the _server_ and the _client_. +SvelteKit アプリは、2つの異なる存在が連携して動作していると考えることができます。つまりそれは _サーバー_ と _クライアント_ です。 -'Server' is, perhaps, a confusing word since your app will often be running in a _serverless_ environment (cloud/edge functions) or might even be deployed as a set of completely static files. But it's the best we've got. The server's basic job is to turn a request into a response. +'サーバー' は、もしかしたら混乱を招く言葉かもしれません。なぜなら、アプリが _サーバーレス(serverless)_ 環境 (cloud/edge functions) で実行されたり、完全に静的なファイルのセットとしてデプロイされたりするからです。しかし、これがベストな言葉です。サーバーの基本的な仕事は、リクエストをレスポンスに変換することです。 -'Client' refers to the JavaScript that loads in the browser. +'クライアント' は、ブラウザに読み込まれる JavaScript を指します。 -SvelteKit makes the two communicate with each other seamlessly. On the initial page load, the server renders the HTML, meaning content is visible as quickly as possible. The client then takes over in a process called 'hydration', so that subsequent navigations happen without full page reloads. It will request additional code and data from the server as needed. +SvelteKit はこの2つをお互いにシームレスに通信させるようにします。最初のページロードでは、サーバーが HTML をレンダリングし、コンテンツを可能な限り早く表示させます。その後、'ハイドレーション(hydration)' と呼ばれるプロセスでクライアントが引き継ぐため、以降のナビゲーションではページをフルで再読み込みすることはありません。クライアントは、必要に応じて追加のコードやデータをサーバーにリクエストします。 -> You can [adjust this behavior](https://kit.svelte.dev/docs/page-options) as needed. SvelteKit is very versatile! +> 必要に応じて [この動作を調整](https://kit.svelte.jp/docs/page-options) することができます。SvelteKit は非常に多機能です！