---
title: TauriによるiOSアプリ開発
tags: 
author: [Akira Ishino](https://www.docswell.com/user/8265109157)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/KJ4MQVM1E1.jpg?width=480
description: 2025年10月31日開催のSAPPORO ENGINEER BASE #10にて発表した資料です。  Claude Codeで作成したウェブゲームを、Tauriを用いてモバイルアプリに変換する方法について紹介しました。
published: November 13, 25
canonical: https://www.docswell.com/s/8265109157/KREP7W-tauri-ios
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/KJ4MQVM1E1.jpg)

TauriによるiOSアプリ開発
Akira Ishino (@akrisn)


# Page. 2

![Page Image](https://bcdn.docswell.com/page/LE18P3857G.jpg)

自己紹介
石野 明 (@akrisn)
学生時代に大阪から北大へ
その後、九大 → 東北大 →
Google (SWE) → スタートアップ
(Fellow) → Works Application (Sr.
Fellow) → Mercari (Pr. Eng) → ス
タートアップ (CTO) → Indeed
(St. Eng.)
リモートワークで札幌へ移住
現在、フリーランス & 個人開発
& 起業準備中


# Page. 3

![Page Image](https://bcdn.docswell.com/page/GEWZ2PZWE2.jpg)

今日のお題
Claude Codeでウェブゲームを作成し、
Tauriでモバイルアプリ化する


# Page. 4

![Page Image](https://bcdn.docswell.com/page/47Z1DK12J3.jpg)

Claude Code
プロンプト
Please create a mobile space racer
game with Three.js. UI should work
only with click and drag.


# Page. 5

![Page Image](https://bcdn.docswell.com/page/YJ6L1QW6EV.jpg)

Claude Code


# Page. 6

![Page Image](https://bcdn.docswell.com/page/GJ514RM574.jpg)



# Page. 7

![Page Image](https://bcdn.docswell.com/page/LE31GPW575.jpg)

Tauri v2によるアプリ化
UIにウェブ技術を用いたアプリ
を開発するためのフレームワー
ク
Vue, Svelte, React, Solid,
Angular, Preact, Yew, Leptos,
Sycamore
ベースはRust
(ネイティブコードもサポート)
マルチプラットフォーム
Windows, macOS, Linux
v2からモバイルサポート
iOS, Android


# Page. 8

![Page Image](https://bcdn.docswell.com/page/8EDX1LKYJG.jpg)

create-tauri-app
% npm create tauri-app@latest
> npx
> create-tauri-app
Project name · space-racer-app
Identifier · jp.lumilab.space-racer-app
Choose which language to use for your frontend · TypeScript / JavaScript
- (pnpm, yarn, npm, deno, bun)
Choose your package manager · npm
Choose your UI template · Vanilla
Choose your UI flavor · TypeScript
Tips: Vanilla & JavaScriptを選ぶとViteが使われなくなるため、TypeScriptを選ぶ


# Page. 9

![Page Image](https://bcdn.docswell.com/page/V7PPQ2K278.jpg)

Tauri プロジェクトが作成される
Template created! To get started run:
cd space-racer-app
npm install
npm run tauri android init
npm run tauri ios init
For Desktop development, run:
npm run tauri dev
For Android development, run:
npm run tauri android dev
For iOS development, run:
npm run tauri ios dev


# Page. 10

![Page Image](https://bcdn.docswell.com/page/2JV25DVXJQ.jpg)

## まずは動かしてみる
% cd space-racer-app
% npm install
% npm run tauri dev


# Page. 11

![Page Image](https://bcdn.docswell.com/page/5EGR6YLRJL.jpg)

index.htmlを入れ替える


# Page. 12

![Page Image](https://bcdn.docswell.com/page/4JQV4MYY7P.jpg)

srcの中を削除して、main.jsをコピーする
index.htmlの


# Page. 13

![Page Image](https://bcdn.docswell.com/page/K74MQVWZJ1.jpg)

index.htmlの修正
<script type="module" src="/main.ts"></script>
↓
<script type="module" src="/src/main.js"></script>


# Page. 14

![Page Image](https://bcdn.docswell.com/page/LJ18P3YDEG.jpg)

Three.jsの追加
% npm install three


# Page. 15

![Page Image](https://bcdn.docswell.com/page/GJWZ2PG8J2.jpg)

Tauriの実行
% npm run tauri dev
すればアプリ
ケーションが作成される。
npm run tauri build


# Page. 16

![Page Image](https://bcdn.docswell.com/page/4EZ1DKL973.jpg)

iOSアプリ化
% npm run tauri ios init
> space-racer-app@0.1.0 tauri
> tauri ios init
/opt/homebrew/bin/xcodegen
/opt/homebrew/bin/idevicesyslog
/opt/homebrew/bin/pod
Apple dependencies are up to date
...
Generating Xcode project...
Generating plists...
Generating project...
Writing project...
Created project at .../src-tauri/gen/apple/space-racer-app.xcodeproj
victory: Project generated successfully!
Make cool apps!


# Page. 17

![Page Image](https://bcdn.docswell.com/page/Y76L1QWDJV.jpg)

最初のビルドは失敗する
% npm run tauri ios dev
.../space-racer-app.xcodeproj: error: Signing for
"space-racer-app_iOS" requires a development team.
Select a development team in the Signing & Capabilities editor.
(in target 'space-racer-app_iOS' from project 'space-racer-app')


# Page. 18

![Page Image](https://bcdn.docswell.com/page/G7514RM8E4.jpg)

XCodeでSigningの設定
% npm run tauri ios dev -- --open


# Page. 19

![Page Image](https://bcdn.docswell.com/page/9J21VD9V7R.jpg)

再度、実行
% npm run tauri ios dev
最初はローカルネットワークの許可とエラーがでる
許可して、再起動


# Page. 20

![Page Image](https://bcdn.docswell.com/page/DEYZ324Q7M.jpg)



# Page. 21

![Page Image](https://bcdn.docswell.com/page/VJN3V8Y2J8.jpg)

リリースビルド
% npm run tauri ios build
...
Finished 1 iOS Bundle at:
.../src-tauri/gen/apple/build/arm64/space-racer-app.ipa


# Page. 22

![Page Image](https://bcdn.docswell.com/page/YE996KPDE3.jpg)

インストール
XCodeの"Devices and Simulators"か
らのインストールが簡単


# Page. 23

![Page Image](https://bcdn.docswell.com/page/GE89ZRD57D.jpg)

さらに知りたい人は
Tauri:
https://v2.tauri.app/ja/
モバイル・プラグインの開発
https://v2.tauri.app/ja/develop/plugins/develop-mobile/
App Storeで配布
https://v2.tauri.app/ja/distribute/app-store/


# Page. 24

![Page Image](https://bcdn.docswell.com/page/LELWDKM3JR.jpg)

Contributer 募集
Agent Stream Kit
Rust + Tauri 2 + Svelte 5
https://github.com/stn/agent-stream-kit
https://github.com/stn/agent-stream-app