Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Tauriでネイティブアプリを作りたい
Search
ツチノコ
November 06, 2024
Programming
0
630
Tauriでネイティブアプリを作りたい
クロスプラットフォームアプリケーションのフレームワークであるTauriの紹介を使って、デスクトップアプリやモバイルアプリを作りたい
ツチノコ
November 06, 2024
Tweet
Share
Other Decks in Programming
See All in Programming
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
codmoninc
2
21k
Modern Angular with Signals and Signal Store:New Rules for Your Architecture @enterJS Advanced Angular Day 2025
manfredsteyer
PRO
0
270
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
kentaroutakeda
2
1k
AI駆動のマルチエージェントによる業務フロー自動化の設計と実践
h_okkah
0
230
NEWT Backend Evolution
xpromx
1
140
Git Sync を超える!OSS で実現する CDK Pull 型デプロイ / Deploying CDK with PipeCD in Pull-style
tkikuc
4
350
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
rkaga
15
5.6k
코딩 에이전트 체크리스트: Claude Code ver.
nacyot
0
930
Python型ヒント完全ガイド 初心者でも分かる、現代的で実践的な使い方
mickey_kubo
1
240
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
320
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
300
AI コーディングエージェントの時代へ:JetBrains が描く開発の未来
masaruhr
1
200
Featured
See All Featured
Six Lessons from altMBA
skipperchong
28
3.9k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Statistics for Hackers
jakevdp
799
220k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
4 Signs Your Business is Dying
shpigford
184
22k
Music & Morning Musume
bryan
46
6.7k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
How to Ace a Technical Interview
jacobian
278
23k
How to Think Like a Performance Engineer
csswizardry
25
1.7k
Transcript
Tauriでネイティブアプリを作りたい 2024/11/06【Qiita Bash】推しフロントエンド技術について語ろう! 株式会社アイデミー 土屋
自己紹介 • 土屋大地(Tsuchiya Daichi) • 株式会社アイデミー • Lab Bankのフロントエンド開発 •
X(旧Twitter) @tsuchiiinoko21
ネイティブアプリへの憧れ
ネイティブアプリへの憧れ VSCodeみたいなアプリ作ってみたい 自分のアプリをMacやiPhoneで動かしたい イケてるアプリ作って友達に自慢したい 作ったアプリを気に入ってもらいたい
作り方は色々あるけれど
React Native Electron
React Native Electron
None
None
None
Tauriの特徴 クロスプラットフォーム バックエンドがRust バンドルサイズが小さい 自由なフロントエンドのフレームワーク
クロスプラットフォーム Macでも Windowsでも Linuxでも動くよん! そしてベータ版の2.0ではモバイルも!
v2.0待ち遠しいなぁ. .
None
None
None
2024/10/02(水) Tauri 2.0 リリース!
Tauriの特徴 クロスプラットフォーム バックエンドがRust バンドルサイズが小さい 自由なフロントエンドのフレームワーク
バックエンドがRust メモリ安全 リッチな型システム 高速 V2.0では一部ロジックをSwiftやKotlinで書ける
バンドルサイズが小さい Electronの場合、アプリケーションのコードと Chromiumを同胞する必要がある Tauriの場合、OSが提供するWebViewを使う
バンドルサイズが小さい https://gihyo.jp/article/2022/10/rust-monthly-topics-02
どんな感じで作るの?
コマンドで雛形を作って
立ち上げると
できた!!
フロントエンドのコード Tauriのコード
None
最小限ならこれだけ! Rust知らなくてもなんとかなりそう!
フロントエンドは シンプルなReact
TypeScriptから Rustのコードを呼べる!
まとめ Tauriアツイ!! 既存のWeb技術→デスクトップやモバイルにしやすい 特にフロントエンドのフレームワークや CSSをそのまま活かせるのが好きポイント
ご清聴ありがとうございました!