Hello World (Mac)

Recipe ID: env-002

macOS 環境で Tauri アプリ開発を始めるための最初の一歩です。
必要なツールのインストールからプロジェクトの作成・起動するまでを解説します。

1. Xcode Command Line Tools のインストール

Tauri のビルドに必要なコマンドラインツールをインストールします。
ターミナルを開き、以下のコマンドを実行してください。

xcode-select --install

2. Rust のインストール

プログラミング言語 Rust(およびそのパッケージマネージャ Cargo)をインストールします。
ターミナルで以下のコマンドを実行します。

curl --proto '=https' --tlsv1.2 https://sh.rustup.rs -sSf | sh

画面の指示に従い、1 (Proceed with standard installation) を入力して Enter を押します。
インストール完了後、ターミナルを再起動してください。

3. Node.js のインストール

Tauri のフロントエンド開発には Node.js が必要です。

1. Node.js 公式サイト から「LTS」バージョン(推奨版)のインストーラーをダウンロードして実行します。
2. 画面の指示に従ってインストールを完了してください。
3. インストール完了後、ターミナルを再起動し、以下のコマンドでバージョンが表示されることを確認します。

node -v
npm -v

4. プロジェクトの作成

ターミナルで、プロジェクトを作成したいディレクトリにて以下のコマンドを実行します。

# インタラクティブにプロジェクトを作成
npm create tauri-app@latest

コマンドを実行するといくつか質問されます。シンプルに進めるため、以下のように選択してください。

  • Project name: hello-tauri
  • Identifier: com.hello-tauri.app
  • Frontend language: TypeScript / JavaScript
  • Url, npm...: npm
  • UI template: Vanilla
  • UI flavor: TypeScript

作成されたディレクトリに移動し、依存関係をインストールします。

cd hello-tauri
npm install

5. アプリの起動

以下のコマンドで開発モードでアプリを起動します。

npm run tauri dev

初回は Rust の依存関係のコンパイルに数分かかります。完了するとウィンドウが開き、"Welcome to Tauri" と記載された画面が表示されれば成功です!