Web Ninja
会社員ネットワークエンジニアから独立してかれこれ 25 年以上 Web エンジニアとして活動中。普段は JavaScript と Node.js を自在に操り、時には C++ や Perl といった古流の技も嗜みます。近年は Tauri × Rust という新たな武器を手に、デスクトップアプリ開発の最前線を駆け抜けています。「作りたい」を「作れる」に変えるための、実践的な「の術」をお届けします。
お問い合わせ: tauri.ninja@gmail.com
tauri逆引き大全
Tauri アプリ開発の「やりたい」から「方法」を見つけるためのガイドブック。
HTML/CSS/JS と Rust で作る、高速で軽量なデスクトップアプリの世界へようこそ。
レシピ集
環境構築
- Hello World (Windows)
- Hello World (Mac)
- Hello World (Ubuntu)
- Tauri v2 CLI ツールをインストールする
- Rust 開発環境 (rustup) を構築する
- Node.js と npm をインストールする
- Tauri プロジェクトを作成する
- Tauri プロジェクトのディレクトリ構成
- tauri.conf.json の基本設定
- 開発サーバーの起動とデバッグ
- VS Code 拡張機能の推奨設定
- Linux のシステム依存関係をインストールする
- macOS で Xcode Command Line Tools をインストールする
- Tauri CLI を最新版にアップグレードする
- Cargo.toml で Rust のパッケージを管理する
- Git の設定と .gitignore を適用する
ウィンドウ
- ウィンドウのサイズを変更する
- ウィンドウのタイトルを動的に変える
- ウィンドウを最大化・最小化する
- アプリをフルスクリーンで表示する
- ウィンドウの表示位置を座標で指定する
- ウィンドウをドラッグ移動できる領域を作る
- ウィンドウを常に最前面に固定する
- 背景が透ける透明なウィンドウを作る
- 枠のないフレームレスウィンドウを作る
- ユーザーによるリサイズを禁止する
- ウィンドウを表示・非表示にする
- ウィンドウにフォーカスを当てる・外す
- ウィンドウのアイコンを変更する
- ウィンドウの影や枠線を消す
- ウィンドウの最小・最大サイズを制限する
- ウィンドウを閉じる前に確認ダイアログを出す
- 新しいサブウィンドウを開く (Vite Multi-page)
- 親ウィンドウに対してモーダル表示する (Vite Multi-page)
- 別のウィンドウ作成時にデータを渡す
- タスクバーでウィンドウを点滅させる
- 画面のスケール倍率（DPI）を取得する
- 接続されているモニター情報を取得する
- マウスカーソルの現在位置を取得する
- マウスカーソルのアイコンを変更する
- ウィンドウを画面中央に配置する
- ウィンドウに影を付ける設定をする
- マウスクリックを透過させる（クリックスルー）
- ウィンドウ作成時の初期位置を設定する
- 開いている全ウィンドウのリストを取得する
- 開いている全ウィンドウのリストを取得する
- グローバルショートカットを登録する
ファイルシステム
- テキストファイルを読み込む
- テキストファイルに書き込む
- 画像などのバイナリファイルを読み込む
- バイナリデータをファイルに保存する
- ファイルの末尾にデータを追記する
- 新しいディレクトリ（フォルダ）を作成する
- ディレクトリを削除する
- 不要なファイルを削除する
- ファイル名を変更する（リネーム）
- ファイルを別の場所に移動する
- ファイルをコピー・複製する
- ファイルやフォルダが存在するか確認する
- フォルダ内のファイル一覧を取得する
- サブフォルダも含めて再帰的に一覧取得する
- ファイルのメタデータ（サイズ・作成日時・更新日時）を取得する
- ファイルのパーミッション（権限）を変更する
- アプリ専用のデータ保存フォルダパスを取得する
- アプリの設定保存フォルダパスを取得する
- 一時ファイル用フォルダパスを取得する
- ユーザーのホームディレクトリパスを取得する
- パスを正しく結合する（Join）
- パスの形式を正規化する
- 相対パスを絶対パスに変換する
- ファイルパスから拡張子を取り出す
- ファイルの変更をリアルタイムで監視する
- ファイル変更イベントを受け取って処理する
- 巨大なファイルを少しずつ読み込む
通信
- HTTP GET リクエストを送る（Rust経由）
- JSON データを POST 送信する
- HTTP ヘッダーをカスタマイズして送る
- URL クエリパラメータを付与して送る
- ファイルをダウンロードして保存する
- サーバーにファイルをアップロードする
- 通信のタイムアウト時間を設定する
- 開発用に SSL 証明書エラーを無視する
- WebSocket サーバーに接続する
- WebSocket でメッセージを送受信する
- アプリ内にローカル Web サーバーを立てる
- インターネット接続状態（オンライン）を監視する
- 空いているポート番号を探して使う
- Server Sent Events (SSE) を受信する
- ローカルネットワーク内の機器を検索する (mDNS)
- TCP ソケット通信を行う
- UDP パケット通信を行う
システム情報
- OS の種類（Windows/Mac/Linux）を取得する
- CPU アーキテクチャ情報を取得する
- コンピュータのホスト名を取得する
- メモリ使用量を取得する
- バッテリー残量を取得する
- システムの現在時刻を取得する
- クリップボードにテキストをコピーする
- クリップボードからテキストを読み取る
- クリップボードに画像をコピーする
- クリップボードの中身を消去する
- システムの環境変数を取得する
- プロセス内で環境変数を設定する
- 起動時のコマンドライン引数を取得する
- アプリ自身のバージョン番号を取得する
- Tauri のバージョン情報を取得する
- システムの言語設定（ロケール）を取得する
- OS がダークモードか判定する
- 画面解像度を取得する
- マルチモニターの構成を取得する
- 現在のマウスカーソル座標を取得する
- アプリが管理者権限で動いているか確認する
- OS 起動時にアプリを自動起動させる
- デスクトップにショートカットを作成する
- ハードウェア固有ID (UUID) を取得する
Rustバックエンド
- Tauri コマンド関数を定義する
- コマンドで引数を受け取る処理を書く
- コマンドから値を返す処理を書く
- Result 型を使ってエラーハンドリングする
- 非同期（async）コマンドを定義する
- State を使ってアプリの状態を管理する
- Mutex でデータの競合を防ぐ（排他制御）
- AppHandle を使ってアプリ全体を操作する
- WindowHandle で特定のウィンドウを操作する
- Rust からフロントエンドへイベントを送る
- フロントエンドからのイベントを Rust で受ける
- アプリ起動・終了時の処理を書く (ライフサイクル)
- 重い処理を別スレッドで実行する
- Serde で JSON のシリアライズを行う
- Rust の構造体を JS オブジェクトに変換する (実践編)
- グローバルショートカットを登録する
- Rust コードからクリップボードを操作する
- Rust コードでシステムトレイを操作する
- Rust 側のログを出力する (env_logger)
- パニック（クラッシュ）時の処理を書く
プラグイン拡張
- 利用可能な公式プラグインを確認する
- プラグインをインストールして有効化する
- Store プラグインで設定を保存する
- SQL プラグインでデータベースを使う
- Window State プラグインで位置を記憶する
- Upload プラグインでファイルをアップロードする
- ファイルシステムを監視する (notify)
- Log プラグインでログファイルを出力する
- Auto Start プラグインで自動起動させる
- Positioner プラグインで位置を調整する
- Single Instance プラグインで多重起動を防ぐ
- WebSocket プラグインを使う
- Persisted Scope で権限状態を維持する
ハードウェア連携
- シリアルポート通信 (RS-232C) を行う
- 利用可能なシリアルポート一覧を取得する
- シリアルポートの接続維持と送受信 (State管理)
- Bluetooth (BLE) デバイスをスキャンする
- Bluetooth (BLE) への接続と切断
- BLE キャラクタリスティックを読み書きする
- 接続されている USB デバイス一覧を取得する
- キーボードやマウス (HID) の入力を取る
- プリンターの一覧を取得する
- プリンターに印刷ジョブを送る
- Webカメラの映像を取得して表示する
- マイクから音声を録音する
- 音声の出力スピーカーを切り替える
- MIDI キーボードの入力を受け取る
- MIDI 信号を送信する
- バッテリーの詳細な状態を取得する
- 電源ケーブルの接続状態を検知する
- 画面の明るさ（輝度）を制御する