Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

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

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

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

Avatar for ツチノコ

ツチノコ

November 06, 2024

Other Decks in Programming

See All in Programming
cdk deploy JawsSonic #MARATHONしながらAWSリソースをデプロイしてみよう
Avatar for アキキー | Akihisa Ikeda akihisaikeda
2
130
Vue Fes Japan 2026 タイムテーブル徹底解説
Avatar for 448jp | OKI Yoshiya 448jp
1
210
C#の現在地 進化の歴史と、AI時代の.NET Everywhere
Avatar for Yoshifumi Kawai neuecc
1
1.6k
{ Android | Kotlin } Gradle Plugin in 2026
Avatar for RyuNen344 ryunen344
1
320
AI × TiDD / 2026.09.05 Redmine 大阪
Avatar for tokudiro tokudiro
1
170
Augmenting AI with the Power of Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
130
Go × SIMDで高速化するベクトル検索 ~ルーフラインモデルでSIMDが効く境界を探れ！ ~
Avatar for po3rin po3rin
1
1.3k
WebRTC映像をAirPlayに対応させる挑戦.pdf
Avatar for monolithic-adam monolithic_adam
0
270
AI活用は、個人から組織へ｜マルチプレイヤーエージェントハーネス「QM」の社内活用事例 / AI use is moving from individuals to orgs
Avatar for r-kagaya rkaga
1
110
Streamlitで実現する自然言語データアプリ開発
Avatar for Ayumu Yamaguchi ayumu_yamaguchi
1
290
20260914 AIエージェント時代のPlatform Engineering　LLM基盤とプロダクトの責務境界線
Avatar for Taiki Kanzaki kanfab1
7
2k
thread_parallel_with_free-threaded_Python_and_NumPy.pdf
Avatar for Riku Sakamoto riku_sakamoto
0
340

Featured

See All Featured
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.5k
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
460
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
1
520
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
2
2.1k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
55
13k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
2
2.9k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
690
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
4
510
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
10
1k
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
300
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
1
370

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. ご清聴ありがとうございました！