Tauriアプリをリリースしよう – Todoアプリを作る⑤

【ビルド＆配布編】Tauriアプリをリリースしよう – Todoアプリを作る⑤

Tauri×Next.jsでのTodoアプリ作成

2025.06.01

はじめに

これまでのシリーズでは、Tauri × Next.js を使って、ローカルファイル保存機能付きのTodoアプリを開発してきました。

今回はその最終回として、このアプリをmacOSとWindowsで実行形式（.app / .msi）にビルドし、配布できる状態にする手順を解説します。
簡単に他の人に渡せる形にするところまでが、Tauriの魅力でもあります。

Tauriでは、ビルド時にNext.jsのアセットが必要になるため、まずはWeb部分をビルドしておく必要があります。

# Webアプリ部分をビルド（Next.js）
npm run build

この結果、.output/public や .next ディレクトリ（構成による）に静的アセットが生成されます。
Tauri 側の tauri.conf.json または tauri.conf.ts で、ビルド時の dist パスがこの場所に設定されているか確認しましょう。

// src-tauri/tauri.conf.json の例
{
  "build": {
    "distDir": "../out",
    "devPath": "http://localhost:3000"
  }
}

macOSでは、Tauriは .app 形式 のアプリを生成します。Apple Developer署名なしでも自己署名されたアプリとしてローカルで実行可能です。

# Tauri CLIからリリースビルド
npm run tauri build -- --bundles app

実行結果：

実行すると開発時は左下にあったnextのアイコンが消えていますね。これでリリース版のアプリが作成できました。

現在（2025/6/1）、cargoコマンドのビルドを行うとWindows Defenderでウイルス判定されるようです。実行したい場合はフォルダを除外設定するなど対応が必要です。

Windowsでは、.msi または .exe 形式でアプリが出力されます。

今回は、特にこだわりはないのでデフォルトであるmsi形式で出力します。

npm run tauri build

実行結果：

Mac OSやLinuxでwindowsのビルドを行う場合は、 NSIS公式サイトからインストーラをダウンロードしてインストールして行う必要があります。

また、公開時には、README や CHANGELOG をつけると信頼性も上がります。

今回は、TauriアプリをmacOSとWindowsそれぞれの環境でビルドし、実行可能な形式で配布する手順を紹介しました。

これで、開発したTodoアプリは他の人にも使ってもらえる状態になりました。

次は、アプリのUX向上として「通知機能」や「起動時の初期UI改善」など、より完成度を高めるステップに進んでいきましょう。