Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Tauriでネイティブアプリを作りたい

Avatar for ツチノコ ツチノコ
November 06, 2024
Programming
0
630

 Tauriでネイティブアプリを作りたい

クロスプラットフォームアプリケーションのフレームワークであるTauriの紹介を使って、デスクトップアプリやモバイルアプリを作りたい
Avatar for ツチノコ

ツチノコ

November 06, 2024
Tweet

Other Decks in Programming

See All in Programming
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
Avatar for nrs nrslib
2
820
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
Avatar for uutan1108 ohmori_yusuke
2
390
AI時代のソフトウェア開発を考える（2025/07版） / Agentic Software Engineering Findy 2025-07 Edition
Avatar for Takuto Wada twada
PRO
87
29k
iOS 26にアップデートすると実機でのHot Reloadができない？
Avatar for Aoi Umigishi umigishiaoi
0
130
Startups on Rails in Past, Present and Future–Irina Nazarova, RailsConf 2025
Avatar for Irina Nazarova irinanazarova
0
110
AIと”コードの評価関数”を共有する / Share the "code evaluation function" with AI
Avatar for Shintani Teppei euglena1215
1
160
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
Avatar for Kentaro Yoshida y_ken
0
360
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
Avatar for Yuichi Maekawa kaelaela
9
5.2k
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
Avatar for shimabox shimabox
2
510
ソフトウェア品質を数字で捉える技術。事業成長を支えるシステム品質の マネジメント
Avatar for takuya542 takuya542
1
13k
すべてのコンテキストを、 ユーザー価値に変える
Avatar for Michiru Kato applism118
3
1.3k
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
Avatar for コドモン開発チーム codmoninc
1
18k

Featured

See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
251
21k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
46
9.6k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.4k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
Faster Mobile Websites
Avatar for Dean Hume deanohume
307
31k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
656
60k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
331
22k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.4k
Scaling GitHub
Avatar for Zach Holman holman
460
140k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.4k

Transcript

  1. Tauriでネイティブアプリを作りたい 2024/11/06【Qiita Bash】推しフロントエンド技術について語ろう！ 株式会社アイデミー 土屋

  2. 自己紹介 • 土屋大地(Tsuchiya Daichi) • 株式会社アイデミー • Lab Bankのフロントエンド開発 •

    X(旧Twitter) @tsuchiiinoko21

  3. ネイティブアプリへの憧れ

  4. ネイティブアプリへの憧れ VSCodeみたいなアプリ作ってみたい 自分のアプリをMacやiPhoneで動かしたい イケてるアプリ作って友達に自慢したい 作ったアプリを気に入ってもらいたい

  5. 作り方は色々あるけれど

  6. React Native Electron

  7. React Native Electron

  8. None
  9. None
  10. None

  11. Tauriの特徴 クロスプラットフォーム バックエンドがRust バンドルサイズが小さい 自由なフロントエンドのフレームワーク

  12. クロスプラットフォーム Macでも Windowsでも Linuxでも動くよん！ そしてベータ版の2.0ではモバイルも！

  13. v2.0待ち遠しいなぁ. .

  14. None
  15. None
  16. None

  17. 2024/10/02(水) Tauri 2.0 リリース！

  18. Tauriの特徴 クロスプラットフォーム バックエンドがRust バンドルサイズが小さい 自由なフロントエンドのフレームワーク

  19. バックエンドがRust メモリ安全 リッチな型システム 高速 V2.0では一部ロジックをSwiftやKotlinで書ける

  20. バンドルサイズが小さい Electronの場合、アプリケーションのコードと Chromiumを同胞する必要がある Tauriの場合、OSが提供するWebViewを使う

  21. バンドルサイズが小さい https://gihyo.jp/article/2022/10/rust-monthly-topics-02

  22. どんな感じで作るの？

  23. コマンドで雛形を作って

  24. 立ち上げると

  25. できた！！

  26. フロントエンドのコード Tauriのコード

  27. None

  28. 最小限ならこれだけ！ Rust知らなくてもなんとかなりそう！

  29. フロントエンドは シンプルなReact

  30. TypeScriptから Rustのコードを呼べる！

  31. まとめ Tauriアツイ！！ 既存のWeb技術→デスクトップやモバイルにしやすい 特にフロントエンドのフレームワークや CSSをそのまま活かせるのが好きポイント

  32. ご清聴ありがとうございました！