環境構築のレシピ
Rust・Node.js・Tauri CLI のインストールから、OS 別の Hello World、プロジェクト作成、tauri.conf.json の基本設定、VS Code の設定、CLI のアップグレードまで。開発を始める前に必要な準備をまとめています。
全 12 件 / 対象: Tauri 2.x
- 1 Hello World (Windows) Windows に C++ Build Tools・WebView2・Rust (MSVC 版)・Node.js を入れ、create-tauri-app の Tauri 2 アプリを起動するまで。PATH・実行ポリシーの落とし穴も示す。
- 2 Hello World (Mac) Xcode Command Line Tools・rustup・Node.js を入れ、create-tauri-app で作った Tauri 2 アプリを macOS で起動するまで。Apple Silicon の注意点も示す。
- 3 Hello World (Ubuntu) Ubuntu で webkit2gtk などの依存パッケージ・rustup・Node.js を入れ、Tauri 2 アプリを npm run tauri dev で起動するまで。Fedora / Arch のパッケージ名も掲載。
- 4 Tauri v2 CLI ツールをインストールする npm の @tauri-apps/cli と cargo の tauri-cli の違い、プロジェクトごとと PC 全体へのインストール、--version と tauri info でのバージョン確認と揃え方をまとめる。
- 5 Tauri プロジェクトを作成する create-tauri-app の各質問の意味と非対話フラグ、生成されるファイルの役割、既存の Vite/React プロジェクトに tauri init で後付けする手順、identifier の決め方をまとめる。
- 6 Tauri プロジェクトのディレクトリ構成 create-tauri-app が作るファイルを「編集する・触らない・生成物」に分けて役割を示す。main.rs と lib.rs の分担、capabilities の読み込み、gen/ と target/ の扱いも整理する。
- 7 tauri.conf.json の基本設定 tauri.conf.json の主要キーの意味、identifier を変えたときの影響と移行方法、devUrl と frontendDist の違い、tauri.macos.conf.json など OS 別ファイルの合成規則を示す。
- 8 開発サーバーの起動とデバッグ npm run tauri dev が Vite の起動から Rust の再ビルドまで何をしているかと、WebView の開発者ツール、Rust のログとデバッガーの使い方、ポート 1420 が使用中のときの直し方を示す。
- 9 VS Code 拡張機能の推奨設定 Tauri 2 開発向けの VS Code 拡張（Tauri、rust-analyzer、CodeLLDB）と、extensions.json・settings.json・launch.json で Rust をデバッグする設定例。
- 10 Tauri CLI を最新版にアップグレードする @tauri-apps/cli だけでなく tauri クレート・@tauri-apps/api・各プラグインの JS/Rust 両側を揃えて更新する手順。tauri info の読み方と不一致エラーも扱う。
- 11 Cargo.toml で Rust のパッケージを管理する Tauri 2 の src-tauri/Cargo.toml を節ごとに解説。[lib] の crate-type、tauri の features、tauri-build、プラグインの追加、[profile.release] の最適化。
- 12 Git の設定と .gitignore を適用する create-tauri-app が作る 2 つの .gitignore、target と gen/ の扱い、Cargo.lock をコミットする理由、Windows で混ざる CRLF を .gitattributes で揃える手順。