From 12f81b7e5f4e7a94055ad6f1c90bab9cc890b8d6 Mon Sep 17 00:00:00 2001 From: J1-takai Date: Mon, 27 Jul 2026 16:51:02 +0900 Subject: [PATCH 1/2] i18n(ja): update JA Text in sveltkit.mdx --- .../docs/ja/start/frontend/sveltekit.mdx | 46 +++++++++++++------ 1 file changed, 31 insertions(+), 15 deletions(-) diff --git a/src/content/docs/ja/start/frontend/sveltekit.mdx b/src/content/docs/ja/start/frontend/sveltekit.mdx index da15761b8b..cf7fbae73f 100644 --- a/src/content/docs/ja/start/frontend/sveltekit.mdx +++ b/src/content/docs/ja/start/frontend/sveltekit.mdx @@ -8,13 +8,15 @@ tableOfContents: import { Tabs, TabItem, Steps } from '@astrojs/starlight/components'; import CommandTabs from '@components/CommandTabs.astro'; +import TranslationNote from '@components/i18n/TranslationNote.astro'; -SvelteKit（スヴェルトキット）は Svelte（スヴェルト）用のメタ・フレームワークです。SvelteKit の詳細は「公式サイト https://svelte.dev/」をご覧ください。以下の説明内容は「SvelteKit 2.5.7 / Svelte 4.2.15」に準拠しています。 +SvelteKit（スヴェルトキット）は Svelte（スヴェルト）用のメタ・フレームワークです。SvelteKit の詳細は「公式サイト https://svelte.dev/」をご覧ください。以下の説明内容は「SvelteKit 2.20.4 / Svelte 5.25.8」に準拠しています。 ## チェック項目 -- `static-adapter` 経由で [SSG](https://svelte.dev/docs/kit/adapter-static) および／または [SPA](https://svelte.dev/docs/kit/single-page-apps) を使用してください。Tauri はサーバー・ベースの方式には対応していません。 -- `tauri.conf.json` では `frontendDist` として `dist/` を指定します。 +- `static-adapter` 経由で [SSG](https://svelte.dev/docs/kit/adapter-static)《[日本語版リンクはこちら](https://svelte.jp/docs/kit/adapter-static)》および [SPA](https://svelte.dev/docs/kit/single-page-apps) 《[日本語版リンク](https://svelte.jp/docs/kit/single-page-apps)》を使用してください。Tauri はサーバー・ベースの方式には対応していません。 +- 「SSG」を**プリレンダリングあり**で使用する場合には、`load` 関数がアプリのビルドプロセス中に tauri API にアクセスできないことに注意してください。「SPA」モード（プリレンダリングなし）を使用すると、「ロード関数」が WebView 内でのみ実行され、tauri API にアクセスできるため、こちらをお勧めします。 +- `tauri.conf.json` では `frontendDist` として `build/` を指定します。 ## 設定例 @@ -29,7 +31,7 @@ SvelteKit（スヴェルトキット）は Svelte（スヴェルト）用のメ deno="deno add -D npm:@sveltejs/adapter-static" /> -1. ##### Tauri の設定アップデート +1. ##### Tauri の設定をアップデート @@ -99,7 +101,7 @@ SvelteKit（スヴェルトキット）は Svelte（スヴェルト）用のメ -1. ##### SvelteKit の設定アップデート +1. ##### SvelteKit の設定をアップデート ```js title="svelte.config.js" {1} import adapter from '@sveltejs/adapter-static'; @@ -107,12 +109,14 @@ SvelteKit（スヴェルトキット）は Svelte（スヴェルト）用のメ /** @type {import('@sveltejs/kit').Config} */ const config = { - // 前処理系の詳細については、公式サイト - // https://svelte.dev/docs/kit/integrations#preprocessors を参照してください + // 前処理系（preprocessors）の詳細については、公式サイト + // https://svelte.dev/docs/kit/integrations#preprocessors （日本語版サイト： https://svelte.jp/docs/kit/integrations）を参照してください preprocess: vitePreprocess(), kit: { - adapter: adapter(), + adapter: adapter({ + fallback: 'index.html', + }), }, }; @@ -121,22 +125,34 @@ SvelteKit（スヴェルトキット）は Svelte（スヴェルト）用のメ 1. ##### 「SSR」の無効化 - 最後に、「SSR」（サーバーサイドレンダリング）を無効化し、以下の内容を含む「ルート `+layout.ts` ファイル」（TypeScript を使用していない場合は `+layout.js`）を追加して、事前レンダリングを有効化する必要があります： + 最後に、以下の内容を含む「ルート `+layout.ts` ファイル」（あるいは TypeScript を使用していない場合は `+layout.js`）を追加して、「SSR」（サーバーサイド・レンダリング）を無効化する必要があります： ```ts // src/routes/+layout.ts - export const prerender = true; export const ssr = false; ``` - `static-adapter` は、アプリ全体に対して「SSR を無効化」することを求めているわけではありませんが、そうすることで、（Tauri の API のような）グローバル・ウィンドウ・オブジェクトに依存する API を [クライアント側のチェック](https://svelte.dev/docs/kit/faq#how-do-i-use-x-with-sveltekit-how-do-i-use-a-client-side-only-library-that-depends-on-document-or-window) なしで使用できるようになります。《リンク先は、Svelte 公式サイトの FQA ページ（英語版）です》 + `static-adapter` は、アプリ全体に対して「SSR を無効化」することを求めているわけではありませんが、そうすることで、（Tauri の API のような）グローバル・ウィンドウ・オブジェクトに依存する API を [クライアント側のチェック](https://svelte.dev/docs/kit/faq#how-do-i-use-x-with-sveltekit-how-do-i-use-a-client-side-only-library-that-depends-on-document-or-window)（英語版）《[日本語版リンクはこちら](https://svelte.jp/docs/kit/faq#How-do-I-use-a-client-side-library-accessing-document-or-window)》なしで使用できるようになります。 - さらにいえば、「SSG」（静的サイト生成）よりも「シングルページ・アプリケーション (SPA)」モードを好む場合は、[アダプタ関連ドキュメント](https://svelte.dev/docs/kit/single-page-apps) 《英語版ページ》に従ってアダプタ設定と `+layout.ts` を変更できます。 + さらにいえば、「シングルページ・アプリケーション (SPA)」モードよりも「SSG」（静的サイト生成）を好む場合は、[アダプタ関連ドキュメント](https://svelte.dev/docs/kit/single-page-apps) 《[日本語版リンク](https://svelte.jp/docs/kit/single-page-apps)》に従って「アダプタ設定」と「 `+layout.ts` 」を変更できます。
- 【※ この日本語版は、「Nov 01, 2024 英語版」に基づいています】 -
- Doc-JP 2.00.00 + 【※ この日本語版は、「Jul 5, 2025 英語版」に基づいています】
+ +
+
+ +--- + +
+ + + +**SPA** Single-Page Application：　シングルページ・アプリケーション。単一のページで構成された Web アプリケーションで、最初に必要なコードを読み込んでおき、利用者の操作に応じて動的にサーバーと通信して必要な部分の内容のみ更新を行なう方式（ページ全体の再読込が発生しない）。 +**SSG** Static Site Generation：　静的サイト生成。ビルド時に静的なHTMLファイルを生成し、それを再利用する方式。 +**SSR** Server-Side Rendering：　サーバーサイド・レンダリング。クライアントのリクエスト時にサーバー側でHTMLを生成し、ブラウザに返す方式。 + + From f0d030d1dc5fb77436a582b23f914ddda9a88682 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Junichi=20TAKAI=20=EF=BC=88=E3=81=9F=E3=81=8B=E3=81=84?= =?UTF-8?q?=E3=80=80=E3=81=98=E3=82=85=E3=82=93=E3=81=84=E3=81=A1=EF=BC=89?= Date: Wed, 29 Jul 2026 18:30:44 +0900 Subject: [PATCH 2/2] Revise translations for SPA, SSG, and SSR Updated Japanese translations for SPA, SSG, and SSR definitions. --- src/content/docs/ja/start/frontend/sveltekit.mdx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/content/docs/ja/start/frontend/sveltekit.mdx b/src/content/docs/ja/start/frontend/sveltekit.mdx index cf7fbae73f..f0e4a8aa6d 100644 --- a/src/content/docs/ja/start/frontend/sveltekit.mdx +++ b/src/content/docs/ja/start/frontend/sveltekit.mdx @@ -151,8 +151,8 @@ SvelteKit（スヴェルトキット）は Svelte（スヴェルト）用のメ -**SPA** Single-Page Application：　シングルページ・アプリケーション。単一のページで構成された Web アプリケーションで、最初に必要なコードを読み込んでおき、利用者の操作に応じて動的にサーバーと通信して必要な部分の内容のみ更新を行なう方式（ページ全体の再読込が発生しない）。 -**SSG** Static Site Generation：　静的サイト生成。ビルド時に静的なHTMLファイルを生成し、それを再利用する方式。 -**SSR** Server-Side Rendering：　サーバーサイド・レンダリング。クライアントのリクエスト時にサーバー側でHTMLを生成し、ブラウザに返す方式。 +**SPA** Single-Page Application：　「シングルページ・アプリケーション」。 +**SSG** Static Site Generation：　「静的サイト生成」。 +**SSR** Server-Side Rendering：　「サーバーサイド・レンダリング」。