Qwik
ここでは、「Qwik(クウィック)Webフレームワーク」を用いた Tauri アプリの作成を順に説明していきます。Qwik の詳細については、公式サイト https://qwik.dev をご覧ください。
チェック項目
Section titled “チェック項目”- SSG を使用してください。Tauri はサーバー・ベースの方式には対応していません。
tauri.conf.jsonではfrontendDistとしてdist/を指定します。
-
新しい Qwik アプリを開始します
Section titled “新しい Qwik アプリを開始します”npm create qwik@latestcd <PROJECT>yarn create qwik@latestcd <PROJECT>pnpm create qwik@latestcd <PROJECT>deno run -A npm:create-qwik@latestcd <PROJECT> -
Section titled “static adapter をインストールします”static adapterをインストールしますnpm run qwik add staticyarn qwik add staticpnpm qwik add staticdeno task qwik add static -
「Tauri CLI」をあなたのプロジェクトに追加します
Section titled “「Tauri CLI」をあなたのプロジェクトに追加します”npm install -D @tauri-apps/cli@latestyarn add -D @tauri-apps/cli@latestpnpm add -D @tauri-apps/cli@latestdeno add -D npm:@tauri-apps/cli@latest -
新しい Tauri プロジェクトを初期化します
Section titled “新しい Tauri プロジェクトを初期化します”npm run tauri inityarn tauri initpnpm tauri initdeno task tauri init -
Tauri の設定
Section titled “Tauri の設定”tauri.conf.json {"build": {"devUrl": "http://localhost:5173""frontendDist": "../dist","beforeDevCommand": "npm run dev","beforeBuildCommand": "npm run build"}}tauri.conf.json {"build": {"devUrl": "http://localhost:5173""frontendDist": "../dist","beforeDevCommand": "yarn dev","beforeBuildCommand": "yarn build"}}tauri.conf.json {"build": {"devUrl": "http://localhost:5173""frontendDist": "../dist","beforeDevCommand": "pnpm dev","beforeBuildCommand": "pnpm build"}}tauri.conf.json {"build": {"devUrl": "http://localhost:5173""frontendDist": "../dist","beforeDevCommand": "deno task dev","beforeBuildCommand": "deno task build"}} -
Section titled “tauri アプリを開始”tauriアプリを開始npm run tauri devyarn tauri devpnpm tauri devdeno task tauri dev
【※ この日本語版は、「Nov 01, 2024 英語版」に基づいています】
Doc-JP 2.00.00
© 2026 Tauri Contributors. CC-BY / MIT