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

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

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for ツチノコ ツチノコ
November 06, 2024
Programming
0
970

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

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

Avatar for ツチノコ

ツチノコ

November 06, 2024
Tweet

Other Decks in Programming

See All in Programming
CSC307 Lecture 13
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
310
浮動小数の比較について
Avatar for Kishikawa Katsumi kishikawakatsumi
0
350
米国のサイバーセキュリティタイムラインと見る Goの暗号パッケージの進化
Avatar for tom twinkle tomtwinkle
1
300
CSC307 Lecture 11
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
580
AIによる開発の民主化を支える コンテキスト管理のこれまでとこれから
Avatar for Mulyu mulyu
3
2.1k
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
310
文字コードの話
Avatar for Masaki Hara qnighy
41
16k
ご飯食べながらエージェントが開発できる。そう、Agentic Engineeringならね。
Avatar for yoko / Naoki Yokomachi yokomachi
1
260
Oxlint JS plugins
Avatar for kazupon kazupon
1
1.1k
猫の手も借りたい！ので AIエージェント猫を作って社内に放した話 Claude Code × Container Lambda の Slack Bot "DevNeko"
Avatar for naramomi7 naramomi7
0
210
AI活用のコスパを最大化する方法
Avatar for Ochtum ochtum
0
110
AIによる高速開発をどう制御するか？ ガードレール設置で開発速度と品質を両立させたチームの事例
Avatar for tonkotsuboy_com tonkotsuboy_com
7
2.6k

Featured

See All Featured
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.2k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
270
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
220
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
67
37k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
120
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
820
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
3.9k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
1
100
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
199
72k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
180

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