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

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

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
11. Tauriの特徴 クロスプラットフォーム バックエンドがRust バンドルサイズが小さい 自由なフロントエンドのフレームワーク
12. クロスプラットフォーム Macでも Windowsでも Linuxでも動くよん！ そしてベータ版の2.0ではモバイルも！
13. v2.0待ち遠しいなぁ. .
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のコード
28. 最小限ならこれだけ！ Rust知らなくてもなんとかなりそう！
29. フロントエンドは シンプルなReact
30. TypeScriptから Rustのコードを呼べる！
31. まとめ Tauriアツイ！！ 既存のWeb技術→デスクトップやモバイルにしやすい 特にフロントエンドのフレームワークや CSSをそのまま活かせるのが好きポイント
32. ご清聴ありがとうございました！