こんにちは。また久しぶりに投稿させていただきます。
だいぶ前にGodotの開発について投稿していたが、あれ以来イラストに詰まってあまり進んでなくてね…
Stable Diffusionを活用してイラストを作ろうと思うので、何か出来たらまた投稿する。
さて、今回はTauriについて話をしよう。
どんなデスクトップアプリ
仕事であらゆる案件を担当して、昔から案件の資料をどう管理するか悩んでいた。
Notionを使おうとも考えていたが、「データはクラウドまで上げられるからNG」と上司に言われて断念した。
その後、Notionと似ていたOSSを見つけて、使い始めたが、このOSSの開発チームはクラウドサービスを提供しているために、ローカルで保存されているデータも暗号化をかけている。そして、バージョンアップでデータが復旧できなくなり、私の大事な資料がローカルで保存されているものの、見えなくなってきた。
あの時はショックを受けて、「いっそ自分でNotionみたいなやつをつくろう」と思い切った。
それは半年前のことでした。
なぜTauri
READMEには書いてあるので、ここで同じことを書くね。
ローカルで暗号化・圧縮をせず、ありのまま保存されている資料を読み取って、一元管理のアプリが欲しい。そしてできるだけ軽いやつが良い。左記の方針でいくつかフレームワークを調べてみた。
- Electron：有名なFWだったが、重い。Chromiumなんかいらんわ
- Flutter：バックエンドはさておき、フロントエンドも新しい言語を勉強しては負担が大きい。そもそも私はフロントエンドにそんなに興味を持っていない。Reactでできたらそれで良い
- Wails：これを聞いていた時点で本プロジェクトがすでに始まった…
- Tauri：軽くて簡単。そしてRustを勉強するチャンス
というわけで、Tauriを選んでた。
プロジェクトの立ち上げに
Tauriの公式サイトを見ながらプロジェクトを作った。特に問題はなかった。
ファイル構成
Root
├ src：フロントエンド。どこでも見れるViteで立ち上げたReact
├ src-tauri：バックエンド
│├ capabilities：アプリの権限配置。windowのタイトルを変更できるかなどはここで設定
│├ src：Rustソースファイル
│├ target：デバッグファイル。開発とともに膨大化するので定期的にクリアして良い
│├ Cargo.toml：Rustのライブラリー管理
│└ tauri.conf.json：アプリの基本配置。中身を見たらわかるだろう
├ package.json：Tauri（Nodejs）のライブラリー管理
├ tsconfig.json：TypeScriptの基本配置
└ vite.config.ts：Viteの基本配置
ライブラリー利用
フロントエンド
- react-dnd-treeview：ファイルツリー用。Tauriのdndと競合しているので、tauri.conf.jsonでTauriのdndを無効にしないと動けない
- MUI：紹介するまでもないだろう
- dayjs：日付＆時刻解析用。今は未使用
- i18next：i18n用。機能が強いわりに実装が簡単
- react-markdown：markdownレンダー用
- remark-gfm：同じくmarkdownレンダー用
- react-syntax-highlighter：markdownソースコードレンダー用
- zustand：Hook化状態管理。神
バックエンド
- uuid：ファイル＆フォルダー（ノードと呼ばれる）のidを作成用。v4のみ使っている
- trash：ノードを削除する時、ゴミ箱に入れる用
- regex：正規表現（こいつはRustのstdに入れてないのは意外だった）
感想
「Tauriのバグが多くて最悪」
と聞いていたが私のアプリが簡単のせいか、バグとかは特になかった。
ただ、公式資料が少なすぎて「これどうすれば？」と思っていた時が多かった。特にバックエンドのほう。
実際にできたアプリは、サイズが20MB程度で、メモリー使用は～200MB程度です。私は満足している。
「Rustは難しくて醜い」
まぁ、難しさは否定しない。最初は練習としてコンパイルエラーのないコードを書くだけでかなりの手間がかかっていた。
その後GitHub Copilotに書いてもらったコードをしっかり読んで、隅々まで理解してきたら、だいぶ楽になってきた。
Rustはメモリーリーク防止と型安全性に結構工夫している。慣れたら苦労せずにRustを書ける。そして厳しい型安全性が確保されているうえで、ソースコード全体をしっかり把握しているのは気持ちいいです。
レポジトリ