Qwik

ここでは、「Qwik（クウィック）ウェッブ・フレームワーク」を用いた Tauri アプリの作成を順に説明していきます。Qwik の詳細については、公式サイト https://qwik.dev をご覧ください。

チェック項目

• SSG を使用してください。Tauri はサーバー・ベースの方式には対応していません。
• tauri.conf.json では frontendDist として dist/ を指定します。

設定例

1. 新しい Qwik アプリを開始します

   npm

   npm create qwik@latest
   cd <PROJECT>

   yarn

   yarn create qwik@latest
   cd <PROJECT>

   pnpm

   pnpm create qwik@latest
   cd <PROJECT>

   deno

   deno run -A npm:create-qwik@latest
   cd <PROJECT>

2. static adapter をインストールします

   npm

   npm run qwik add static

   yarn

   yarn qwik add static

   pnpm

   pnpm qwik add static

   deno

   deno task qwik add static

3. 「Tauri CLI」をあなたのプロジェクトに追加します

   npm

   npm install -D @tauri-apps/cli@latest

   yarn

   yarn add -D @tauri-apps/cli@latest

   pnpm

   pnpm add -D @tauri-apps/cli@latest

   deno

   deno add -D npm:@tauri-apps/cli@latest

4. 新しい Tauri プロジェクトを初期化します

   npm

   npm run tauri init

   yarn

   yarn tauri init

   pnpm

   pnpm tauri init

   deno

   deno task tauri init

5. Tauri の設定

   npm

   tauri.conf.json

   {
     "build": {
       "devUrl": "http://localhost:5173"
       "frontendDist": "../dist",
       "beforeDevCommand": "npm run dev",
       "beforeBuildCommand": "npm run build"
     }
   }

   yarn

   tauri.conf.json

   {
     "build": {
       "devUrl": "http://localhost:5173"
       "frontendDist": "../dist",
       "beforeDevCommand": "yarn dev",
       "beforeBuildCommand": "yarn build"
     }
   }

   pnpm

   tauri.conf.json

   {
     "build": {
       "devUrl": "http://localhost:5173"
       "frontendDist": "../dist",
       "beforeDevCommand": "pnpm dev",
       "beforeBuildCommand": "pnpm build"
     }
   }

   deno

   tauri.conf.json

   {
     "build": {
       "devUrl": "http://localhost:5173"
       "frontendDist": "../dist",
       "beforeDevCommand": "deno task dev",
       "beforeBuildCommand": "deno task build"
     }
   }

6. tauri アプリを開始

   npm

   npm run tauri dev

   yarn

   yarn tauri dev

   pnpm

   pnpm tauri dev

   deno

   deno task tauri dev

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

Doc-JP 2.00.00