Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Tauriでネイティブアプリを作りたい
Search
ツチノコ
November 06, 2024
Programming
0
630
Tauriでネイティブアプリを作りたい
クロスプラットフォームアプリケーションのフレームワークであるTauriの紹介を使って、デスクトップアプリやモバイルアプリを作りたい
ツチノコ
November 06, 2024
Tweet
Share
Other Decks in Programming
See All in Programming
「テストは愚直&&網羅的に書くほどよい」という誤解 / Test Smarter, Not Harder
munetoshi
0
170
Porting a visionOS App to Android XR
akkeylab
0
460
20250628_非エンジニアがバイブコーディングしてみた
ponponmikankan
0
680
A2A プロトコルを試してみる
azukiazusa1
2
1.4k
git worktree × Claude Code × MCP ~生成AI時代の並列開発フロー~
hisuzuya
1
570
PostgreSQLのRow Level SecurityをPHPのORMで扱う Eloquent vs Doctrine #phpcon #track2
77web
2
530
チームで開発し事業を加速するための"良い"設計の考え方 @ サポーターズCoLab 2025-07-08
agatan
1
410
RailsGirls IZUMO スポンサーLT
16bitidol
0
180
A full stack side project webapp all in Kotlin (KotlinConf 2025)
dankim
0
120
レベル1の開発生産性向上に取り組む − 日々の作業の効率化・自動化を通じた改善活動
kesoji
0
190
Code as Context 〜 1にコードで 2にリンタ 34がなくて 5にルール? 〜
yodakeisuke
0
130
Node-RED を(HTTP で)つなげる MCP サーバーを作ってみた
highu
0
120
Featured
See All Featured
Visualization
eitanlees
146
16k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Writing Fast Ruby
sferik
628
62k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
54k
Fireside Chat
paigeccino
37
3.5k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Faster Mobile Websites
deanohume
307
31k
Designing Experiences People Love
moore
142
24k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
It's Worth the Effort
3n
185
28k
Transcript
Tauriでネイティブアプリを作りたい 2024/11/06【Qiita Bash】推しフロントエンド技術について語ろう! 株式会社アイデミー 土屋
自己紹介 • 土屋大地(Tsuchiya Daichi) • 株式会社アイデミー • Lab Bankのフロントエンド開発 •
X(旧Twitter) @tsuchiiinoko21
ネイティブアプリへの憧れ
ネイティブアプリへの憧れ VSCodeみたいなアプリ作ってみたい 自分のアプリをMacやiPhoneで動かしたい イケてるアプリ作って友達に自慢したい 作ったアプリを気に入ってもらいたい
作り方は色々あるけれど
React Native Electron
React Native Electron
None
None
None
Tauriの特徴 クロスプラットフォーム バックエンドがRust バンドルサイズが小さい 自由なフロントエンドのフレームワーク
クロスプラットフォーム Macでも Windowsでも Linuxでも動くよん! そしてベータ版の2.0ではモバイルも!
v2.0待ち遠しいなぁ. .
None
None
None
2024/10/02(水) Tauri 2.0 リリース!
Tauriの特徴 クロスプラットフォーム バックエンドがRust バンドルサイズが小さい 自由なフロントエンドのフレームワーク
バックエンドがRust メモリ安全 リッチな型システム 高速 V2.0では一部ロジックをSwiftやKotlinで書ける
バンドルサイズが小さい Electronの場合、アプリケーションのコードと Chromiumを同胞する必要がある Tauriの場合、OSが提供するWebViewを使う
バンドルサイズが小さい https://gihyo.jp/article/2022/10/rust-monthly-topics-02
どんな感じで作るの?
コマンドで雛形を作って
立ち上げると
できた!!
フロントエンドのコード Tauriのコード
None
最小限ならこれだけ! Rust知らなくてもなんとかなりそう!
フロントエンドは シンプルなReact
TypeScriptから Rustのコードを呼べる!
まとめ Tauriアツイ!! 既存のWeb技術→デスクトップやモバイルにしやすい 特にフロントエンドのフレームワークや CSSをそのまま活かせるのが好きポイント
ご清聴ありがとうございました!