フロントエンドの設定

Tauri はフロントエンドに依存せず、ほとんどのフロントエンド・フレームワークをそのまま直ぐに利用できるはずです。とはいえ、フレームワークによっては、Tauri と一体化して動作させるするために、ちょっとした追加設定を必要とするものがあります。以下のリストにあるフレームワークには、推奨される設定値があります。

このリストに記載がないフレームワークには、追加設定の必要なしに Tauri で動作するものと、まだ情報がなくリスト化されていないものとがあります。追加設定を必要とするフレームワークがあれば、Tauri コミュニティまでお知らせくださるようお願いいたします。

設定チェックリスト

概念的には、Tauri は静的 Web ホストとして機能します。したがって、Tauri の Web ビューで用いられる HTML、CSS、Javascript、および場合によっては WASM のファイルを含むフォルダーを、Tauri に渡す必要があります。

以下は、フロントエンドを Tauri と統合するために必要な、一般的なシナリオのチェックリストです。

「静的サイト生成（SSG）」、「シングルページアプリケーション（SPA）」、または昔ながらの「マルチページアプリケーション（MPA）」を使用します。Tauri は、「サーバーサイドレンダリング（SSR）」のようなサーバー・ベースの代替方式には対応していません。
モバイル・アプリ開発では、自身の内部 IP 上にフロントエンドをホストできる何らかの開発サーバーが必要です。
アプリと API との間は適切なクライアント／サーバー関係を使用します（SSR を併用したハイブリッド・ソリューションは使用しないでください）。

JavaScript

ほとんどのプロジェクトでは、React、Vue、Svelte、Solid などの SPA フレームワークだけでなく、通常の JavaScript または TypeScript プロジェクトにも、Vite をお勧めします。ここに記載されている他のガイドのほとんどには、メタ・フレームワークの使用方法が示されています。メタ・フレームワークは通常 SSR 用に設計されているため、特別な設定が必要です。

Next.js

Nuxt

Qwik

SvelteKit

Vite（推奨）

Rust

Leptos

Trunk

【※ この日本語版は、「Oct 01, 2024 英語版」に基づいています】

Doc-JP 2.00.00