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
1.2k
0

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

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

Avatar for ツチノコ

ツチノコ

November 06, 2024

Other Decks in Programming

See All in Programming
軽量Java基盤の設計 DIコンテナに頼らない、長期保守と1秒起動の実現 JJUG CCC 2026 Spring
Avatar for Masaaki Takahashi macha64
0
490
スマートグラスで並列バイブコーディング
Avatar for Hayami Shuhei hyshu
0
120
AI 時代のソフトウェア設計の学び方
Avatar for 増田 亨 masuda220
PRO
29
12k
AutonomyとControlのあいだ：Graflowで記述するAIエージェント協調
Avatar for Makoto Yui myui
0
120
The ROI of Quarkus for Spring Boot Applications
Avatar for Holly Cummins hollycummins
0
110
TSKaigi Night Talks 2026_TypeScriptでサプライチェーンの整合性を型に閉じ込める
Avatar for ギークプラス ソフトウェア事業部 geekplus_tech
0
340
dRuby over BLE
Avatar for makicamel makicamel
2
330
TAKTでAI駆動開発の品質を設計する
Avatar for かとじゅん j5ik2o
6
1.2k
IBM Bobを活用したレガシーアプリの最新化
Avatar for Akira Onishi (IBM) oniak3ibm
PRO
1
190
コンテキストの使い捨てをやめる — ビジネスルール駆動開発と miko —
Avatar for ioki ioki
0
190
ECSアプリログをFireLensでコスト削減しようとしたけど諦めた話 in Fargate×Node.js
Avatar for アキキー | Akihisa Ikeda akihisaikeda
2
4k
DynamoDBには集計系のクエリがないけどなんとかしたい
Avatar for 村上優稀 musan
1
130

Featured

See All Featured
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
230
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.9k
Claude Code のすすめ
Avatar for schroneko schroneko
67
230k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
56k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
11
38k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
440
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.9k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.2k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.7k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.6k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k

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