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
500
Tauriでネイティブアプリを作りたい
クロスプラットフォームアプリケーションのフレームワークであるTauriの紹介を使って、デスクトップアプリやモバイルアプリを作りたい
ツチノコ
November 06, 2024
Tweet
Share
Other Decks in Programming
See All in Programming
ASP. NET CoreにおけるWebAPIの最新情報
tomokusaba
0
360
AWS Lambda functions with C# 用の Dev Container Template を作ってみた件
mappie_kochi
0
240
定理証明プラットフォーム lapisla.net
abap34
1
1.7k
プログラミング言語学習のススメ / why-do-i-learn-programming-language
yashi8484
0
120
Kubernetes History Inspector(KHI)を触ってみた
bells17
0
200
CNCF Project の作者が考えている OSS の運営
utam0k
5
690
お前もAI鬼にならないか?👹Bolt & Cursor & Supabase & Vercelで人間をやめるぞ、ジョジョー!👺
taishiyade
5
3.8k
Djangoアプリケーション 運用のリアル 〜問題発生から可視化、最適化への道〜 #pyconshizu
kashewnuts
1
230
Lottieアニメーションをカスタマイズしてみた
tahia910
0
120
Bedrock Agentsレスポンス解析によるAgentのOps
licux
2
720
Amazon S3 TablesとAmazon S3 Metadataを触ってみた / 20250201-jawsug-tochigi-s3tables-s3metadata
kasacchiful
0
100
一休.com のログイン体験を支える技術 〜Web Components x Vue.js 活用事例と最適化について〜
atsumim
0
110
Featured
See All Featured
Designing Experiences People Love
moore
139
23k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.4k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
GraphQLとの向き合い方2022年版
quramy
44
13k
Making Projects Easy
brettharned
116
6k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
8
270
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Code Reviewing Like a Champion
maltzj
521
39k
YesSQL, Process and Tooling at Scale
rocio
171
14k
A Tale of Four Properties
chriscoyier
158
23k
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をそのまま活かせるのが好きポイント
ご清聴ありがとうございました!