Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Tauriでネイティブアプリを作りたい
Search
ツチノコ
November 06, 2024
Programming
0
410
Tauriでネイティブアプリを作りたい
クロスプラットフォームアプリケーションのフレームワークであるTauriの紹介を使って、デスクトップアプリやモバイルアプリを作りたい
ツチノコ
November 06, 2024
Tweet
Share
Other Decks in Programming
See All in Programming
Cursorでアプリケーションの追加開発や保守をどこまでできるか試したら得るものが多かった話
drumnistnakano
0
260
CSC305 Lecture 23
javiergs
PRO
0
110
Thoughts and experiences on Rust and TypeScript
unvalley
2
210
as(型アサーション)を書く前にできること
marokanatani
11
3k
[FlutterKaigi2024] Effective Form 〜Flutterによる複雑なフォーム開発の実践〜
chocoyama
1
3.9k
The rollercoaster of releasing an Android, iOS, and macOS app with Kotlin Multiplatform | droidcon Italy
prof18
0
130
watsonx.ai Dojo #4 生成AIを使ったアプリ開発、応用編
oniak3ibm
PRO
2
270
HTTP compression in PHP and Symfony apps
dunglas
2
1.1k
テストコード文化を0から作り、変化し続けた組織
kazatohiei
2
300
Leverage LLMs in Java with LangChain4j and Quarkus
hollycummins
0
160
エンジニアとして関わる要件と仕様(公開用)
murabayashi
0
350
CSC305 Lecture 25
javiergs
PRO
0
110
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7k
Speed Design
sergeychernyshev
25
650
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Automating Front-end Workflow
addyosmani
1366
200k
A Philosophy of Restraint
colly
203
16k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
BBQ
matthewcrist
85
9.3k
KATA
mclloyd
29
14k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
How to Think Like a Performance Engineer
csswizardry
21
1.2k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
365
24k
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をそのまま活かせるのが好きポイント
ご清聴ありがとうございました!