macOS 用ディスクイメージ (DMG) を作る

Recipe ID: build-005

macOS 向けの標準的な配布形式である DMG(ディスクイメージ)ファイルの作成方法とカスタマイズについて解説します。
ユーザーがアイコンを「Applications」フォルダにドラッグ&ドロップするお馴染みのインストール体験を提供できます。

設定 (tauri.conf.json)

bundle.targets"dmg" (または "all", "macos") を含めます。

{
  "bundle": {
    "targets": ["dmg"],
    "macOS": {
      "dmg": {
        "background": "./assets/dmg-background.png",
        "icon": "icons/icon.icns",
        "iconSize": 128,
        "windowSize": {
            "width": 660,
            "height": 400
        },
        "appPosition": {
            "x": 180,
            "y": 170
        },
        "applicationFolderPosition": {
            "x": 480,
            "y": 170
        }
      }
    }
  }
}
  • background: DMG を開いたときのウィンドウ背景画像。矢印などを描いて「ここにドラッグ」を視覚的に誘導するのが一般的です。
  • windowSize: ウィンドウのサイズ。
  • position: アプリアイコンと Applications フォルダアイコンの配置座標。

ビルド (macOS 上で実行)

npm run tauri build

src-tauri/target/release/bundle/dmg/.dmg ファイルが生成されます。
※ 公証(Notarization)を行う場合は、別途署名設定が必要になります(別レシピ参照)。