Hello World (Ubuntu)

Recipe ID: env-003

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

1. システム依存関係のインストール

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

sudo apt update
sudo apt install libwebkit2gtk-4.1-dev \
  build-essential \
  curl \
  wget \
  file \
  libssl-dev \
  libgtk-3-dev \
  libayatana-appindicator3-dev \
  librsvg2-dev

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」バージョン(推奨版)のインストーラーをダウンロードして実行します。
または、お使いのディストリビューションのパッケージマネージャを使用してインストールしてください(例: sudo apt install nodejs npm)。
2. インストール完了後、ターミナルを再起動し、以下のコマンドでバージョンが表示されることを確認します。

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" と記載された画面が表示されれば成功です!