WindowsでTauriによるデスクトップアプリ開発環境の構築手順｜メモ
Windows環境でTauriによるデスクトップアプリ開発環境の構築手順
これは、Rust + Tauri（＋ReactなどのWeb UI）でデスクトップアプリを開発する際の Windows環境構築手順をまとめたメモです。自分用のチャットでメモしていた内容ですが、他の人にも共有できるように、ここにまとめておきます。
⚠ 注意：このドキュメントは個人用メモをもとに作成しています。
手順の一部が簡略化されていたり、記述に誤りが含まれている可能性があります。
参考にする際は、公式ドキュメントも合わせて確認することをおすすめします。導入はこのページの番号順に行うことをおすすめします。
前提環境
OS：Windows 11
導入するもの一覧
- Node.js
- Rust（およびCargo）
- Visual Studio Build Tools
- Tauri CLI
1. Node.js のインストール
以下の公式サイトにアクセスし、Node.js（LTS）をダウンロードするをクリック。
このボタンを押すと、Node.js のインストーラー（Windows用）のダウンロードが自動的に始まります。
2. Rust のインストール
以下の公式ページからRustをインストールします。
「Windows版（x86_64）」のボタンを押します：
インストーラーを起動すると以下のような表示が出ます。
1) Proceed with installation (default)
2) Customize installation
3) Cancel installation
1 を入力して Enter を押して進みます。
するとインストールが始まり、しばらく待つとインストールが完了します。
最後に以下のような表示が出たら、Enter を押してください。
その瞬間、コマンドプロンプトが閉じます。これでRustのインストールは完了です。
念の為Rust のインストール確認
コマンドプロンプトで以下のコマンドを実行して、Rust（cargo）が正しくインストールされたか確認できます。
cargo --version
3. Visual Studio Build Tools のインストール
https://visualstudio.microsoft.com/ja/visual-cpp-build-tools/
ページから「Build Tools」のダウンロードをクリックします。
インストーラーを起動したら、「C++によるデスクトップ開発」にチェックを入れてインストールします。
⚠ ダウンロードには時間がかかります
4. Tauri CLI のインストール
「C++によるデスクトップ開発」 のインストールが終わったら、Tauri CLI を以下のコマンドでインストールします：
cargo install tauri-cli
念の為Tauri CLI のインストール確認
cargo tauri --version
5. プロジェクトの新規作成
まだTauriプロジェクトを作っていない場合は、以下の手順で新規作成できます。
- 任意のディレクトリで以下のコマンドを実行：
npm create tauri-app
-
プロンプトに従って、プロジェクト名やテンプレートを選択してください。
-
プロジェクトフォルダに移動し、依存関係をインストール：
cd プロジェクト名
npm install
これで新しいTauriプロジェクトが作成され、開発を始められます。
5. プロジェクトのセットアップ（既存プロジェクト）
GitHubなどから既存のTauriプロジェクトをクローンした場合は、以下の手順でセットアップします。
クローンしたプロジェクトのディレクトリに移動し、以下のコマンドを実行してください：
npm install
依存関係がインストールされます。
6. 開発モードの起動
以下のコマンドで開発モードを起動：
cargo tauri dev
保存するたびに自動で更新されるホットリロード機能が有効です。
7. アプリのビルド（.exeファイルの生成）
本番ビルド用コマンド：
cargo tauri build
完了後、以下のフォルダに .exe ファイルやインストーラーが出力されます：
- .exe：
src-tauri/target/release/ - インストーラー：
src-tauri/target/release/bundle/nsis/
Discussion