Tauriの環境を作る

Tauri

Tauriとは？

Tauri（タウリ） は、Web技術を使ってデスクトップアプリを作れるオープンソースのフレームワーク。Electronの軽量な代替として注目されている。

基本的な仕組み

部分	技術
フロントエンド（画面）	HTML / CSS / JavaScript（React, Vue, Svelteなども可）
バックエンド（処理）	Rust
WebView	OS標準のもの（Windows: WebView2, macOS: WebKit, Linux: WebKitGTK）

Electronとの違い

項目	Tauri	Electron
アプリサイズ	数MB〜10MB程度	100MB以上になりがち
メモリ使用量	少ない	多い（Chromiumを同梱）
バックエンド言語	Rust	Node.js
学習コスト	Rustの知識が必要	JavaScriptのみでOK

メリット

軽量 — Chromiumを同梱しないため、アプリが非常に小さい
高速 — Rustの恩恵でパフォーマンスが良い
セキュア — デフォルトで機能を制限し、必要なものだけ許可する設計
クロスプラットフォーム — Windows / macOS / Linux対応（モバイル対応も進行中）

デメリット

Rustの学習が必要 — バックエンド処理を書くにはRustを覚える必要がある
WebViewの差異 — OSごとにWebViewが異なるため、微妙な表示差異が出ることも
まだ発展途上 — Electronほど情報や事例が多くない

Windows環境

Rustインストール

winget install Rustlang.Rust.MSVC

Visual Studio Build Tools for C++をインストール

winget install Microsoft.VisualStudio.2022.BuildTools --override "--add Microsoft.VisualStudio.Workload.VCTools --includeRecommended"

または手動で、

1. https://visualstudio.microsoft.com/visual-cpp-build-tools/ からダウンロード
2. インストーラーで「C++ によるデスクトップ開発」をチェック
3. インストール

●Microsoft.VisualStudio.2022.BuildTools - Build Tools本体
●Microsoft.VisualStudio.Workload.VCTools - C++デスクトップ開発ツール
●--includeRecommended - 推奨コンポーネント（Windows SDK、CMakeなど）も含める
●TauriやRustのWindows向けビルドに必要なMSVCツールチェーン（コンパイラ、リンカなど）がインストールされる。

Mac環境

Rustインストール

brew install rust

Xcodeコマンドラインツール(必須)

xcode-select --install

※Node.jsがなければ、

brew install node

プロジェクト（Win・Mac 共通）

# プロジェクト初期化
npm init -y
npm install -D @tauri-apps/cli
npm install @tauri-apps/plugin-dialog @tauri-apps/plugin-fs
npx tauri init

# 開発
npx tauri dev

# ビルド
npx tauri build

キャプション

@tauri-apps/cli は -D（devDependencies）推奨
tauri init 後に src-tauri/Cargo.toml でRust側のプラグインも追加が必要

[dependencies]
tauri-plugin-dialog = "2"
tauri-plugin-fs = "2"

src-tauri/src/lib.rs でプラグインを登録

tauri::Builder::default()
    .plugin(tauri_plugin_dialog::init())
    .plugin(tauri_plugin_fs::init())
    // ...

目次