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
680
Tauriでネイティブアプリを作りたい
クロスプラットフォームアプリケーションのフレームワークであるTauriの紹介を使って、デスクトップアプリやモバイルアプリを作りたい
ツチノコ
November 06, 2024
Tweet
Share
Other Decks in Programming
See All in Programming
CSC305 Lecture 08
javiergs
PRO
0
250
Pull-Requestの内容を1クリックで動作確認可能にするワークフロー
natmark
2
520
Webサーバーサイド言語としてのRustについて
kouyuume
0
400
Devoxx BE 2025 Loom lab
josepaumard
0
110
いま中途半端なSwift 6対応をするより、Default ActorやApproachable Concurrencyを有効にしてからでいいんじゃない?
yimajo
2
440
(Extension DC 2025) Actor境界を越える技術
teamhimeh
1
260
Swift Concurrency - 状態監視の罠
objectiveaudio
2
550
「ちょっと古いから」って避けてた技術書、今だからこそ読もう
mottyzzz
11
6.9k
品質ワークショップをやってみた
nealle
0
570
Devvox Belgium - Agentic AI Patterns
kdubois
1
130
XP, Testing and ninja testing ZOZ5
m_seki
3
750
AI Agent 時代的開發者生存指南
eddie
3
1.9k
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
65
7.9k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
The Invisible Side of Design
smashingmag
302
51k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Building Applications with DynamoDB
mza
96
6.7k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.7k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.5k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
The Cult of Friendly URLs
andyhume
79
6.6k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
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をそのまま活かせるのが好きポイント
ご清聴ありがとうございました!