なぜ働いているとTauriでツールを作りたくなるのか

479 Views

August 22, 26

スライド概要

ゆるWeb勉強会@札幌 #31
登壇資料

profile-image
スライド一覧

ITエンジニア

Docswellを使いましょう

（ダウンロード不可）

関連スライド

slide-thumbnail

猫でも分かるUnreal Engineの学び方 - 超初心者向け編 - 2023 v1.0
ue4 ue5 ue-beginner
user-img エピック ゲームズ ジャパン 1.7M
slide-thumbnail

Unreal Engine5 Lumenの仕組みと肝心なところ
ue5 ue-rendering ue-lumen
user-img エピック ゲームズ ジャパン 1.5M
slide-thumbnail

UE5レンダリングフロー総おさらい(2024) 基礎編！[CEDEC+KYUSHU 2024]
ue5 unreal engine ue-rendering
user-img エピック ゲームズ ジャパン 1.4M
slide-thumbnail

Meta XR SDK(V66-74)でQuestアプリを開発
spatial anchor unity quest pro shaperecognizeractivatestate oculus integration transformfeaturestateprovider building blocks transformrecognizeractivestate ovrsemanticclassification jointdeltaprovider ovrscenemanager jointvelocityactivestate オクルージョン sequenceactivestate scene manager ambisonic depth api metaxraudiosource playerlocomotor meta xr sdk quest3 ovrplayercontroller マルチモーダル meta haptics studio direct touch ui meta xr haptics sdk ovrspatialanchor ovrtrackedkeyboard hapticclipplayer fingerfeaturestateprovider hapticclip ワイドモーションモード wmm mruk mr utility kit voice sdk jointrotationactivestate meta horizon os ui set asw application spacewarp ovr metrics tool unityscene manager colocation discovery コロケーション mx ink passthrough camera api hand tracking microgestures webcamtexturemanager passthroughcamerautils cameraviewermanager hand pose selector recorder
user-img あうぜん 1.2M
slide-thumbnail

猫でも分かる UE5.0, 5.1 におけるアニメーションの新機能について【CEDEC+KYUSHU 2022】
ue5 cedec+kyushu ue-animation ue-optimize ue-bp ue-physics ue-sequencer
user-img エピック ゲームズ ジャパン 1M
slide-thumbnail

【DeNA】新卒エンジニア向け 会社説明資料
user-img DeNA新卒採用 1M
各ページのテキスト
1.

なぜ働いているとTauriでツールを作りたくなるのか なぜ働いていると Tauriでツールを作りたくなるのか DE-TEIU(@de_teiu_tkg) ゆるWeb勉強会@札幌 #31 1

2.

なぜ働いているとTauriでツールを作りたくなるのか 自己紹介 名前 ： DE-TEIU（@de_teiu_tkg） 職業 ： 株式会社 LIC エンジニア(雑用) 趣味 ： クソアプリ開発、麻雀 サイト： Uselesscode 近況 ： 先日キャンプに行ってモルックをやった。 面白かったのでブラウザゲームを作った。 ゆるWeb勉強会@札幌 #31 2

3.

なぜ働いているとTauriでツールを作りたくなるのか 背景 ゆるWeb勉強会@札幌 #31 3

4.

なぜ働いているとTauriでツールを作りたくなるのか 仕事中、ちょっとしたツールが欲しくなること はありませんか テストデータをランダムに生成したい 日報を特定のフォーマットで出力したい 社内で使っている各種ツールと連携して何かしたい 業務ロジックをテストするための計算ツールがほしい 自分のタスクを管理したい Twitterを見たい YouTubeを見たい ゆるWeb勉強会@札幌 #31 4

5.

なぜ働いているとTauriでツールを作りたくなるのか ツールをWebアプリとして作ると メリット UIを自由に作れる どんな環境でも実行できる デメリット ブラウザ上でできない操作は実行不可(OSの機能は呼べない) 常駐アプリにできない ちょっと配布しにくい(扱うデータによっては、サーバに置けない) ゆるWeb勉強会@札幌 #31 5

6.

なぜ働いているとTauriでツールを作りたくなるのか ツールをネイティブアプリとして作ると メリット OSの機能を呼べる(ファイルシステムとか) 配布しやすい(exeとか) デメリット 実行環境が制限される (実装方法によるが)柔軟性のあるUIが作りにくい ゆるWeb勉強会@札幌 #31 6

7.

なぜ働いているとTauriでツールを作りたくなるのか Webアプリとネイティブアプリ、 それぞれのメリットを両取りしたい → Tauriを使って作ろう！！！ ゆるWeb勉強会@札幌 #31 7

8.

なぜ働いているとTauriでツールを作りたくなるのか Tauriとは Tauriは、 Web技術でネイティブアプリを作れるフレームワーク。 UIはHTML/CSS/JavaScript、裏側の処理はRustで書ける OSの WebViewで画面を描画する Windows / macOS / Linux / iOS / Android 向けの実行ファイ ルを作れる ゆるWeb勉強会@札幌 #31 8

9.

なぜ働いているとTauriでツールを作りたくなるのか Tauriの特徴 ①作りやすい フロントエンドは好きなものを使える Svelte、React、Vue、素のHTML...大体何でも使える 既存のWebアプリをほぼそのまま持ち込める UIはWebと同じ感覚で作れる DevToolsをいつも通り使える ゆるWeb勉強会@札幌 #31 9

10.

なぜ働いているとTauriでツールを作りたくなるのか Tauriの特徴 ②ネイティブアプリとして実行できる OSの機能を呼べる ファイル操作、通知、システムトレイ、グローバルショートカッ ト、クリップボードなどがプラグインとして用意されている 配布しやすい 1つのコードから、実行環境ごとのインストーラを生成できる (Windowsなら.exeと.msi) ゆるWeb勉強会@札幌 #31 10

11.

なぜ働いているとTauriでツールを作りたくなるのか ※補足 Electronとの違い Electronというものがある。こちらでもTauriとほぼ同じことができ る。この2つには、以下のような違いがある。 Electron:アプリ生成時、Chromiumというブラウザシステムを丸ご と同梱するため、ファイルサイズが大きい。 Tauri:OSのWebView機能を使ってアプリを実行するため、ファイル サイズが小さい。 (ただし、実行環境ごとに挙動が微妙に違うことがあるかもしれない) あと Tauriはビルドにちょっと時間がかかる(1分とか)。 ゆるWeb勉強会@札幌 #31 11

12.

なぜ働いているとTauriでツールを作りたくなるのか デモ サンプルアプリを2つ見せます ゆるWeb勉強会@札幌 #31 12

13.

なぜ働いているとTauriでツールを作りたくなるのか ケース① Twitterクライアント的なものを作った ケース② 昔作ったChrome拡張機能をWindowsアプリに移植した ゆるWeb勉強会@札幌 #31 13

14.

なぜ働いているとTauriでツールを作りたくなるのか まとめ Tauriを使うと、フロントエンドの技術とRustでネイティブアプリ を作れる あらゆる環境向けの実行ファイルを作れるので、配布もしやすい ビルドに時間がかかるので、そこだけ注意 ゆるWeb勉強会@札幌 #31 14