Zenn
🖖

【作ったアプリの宣伝】ストレージの使用状況をサンバースト図により可視化するためのアプリを作成しました

2024/11/06に公開
JavaScript
Rust
Vue 3
d3js
Tauri
tech

作ったもの

https://github.com/fksms/DirWalker

Screenshot_1.png

Screenshot_2.png

Screenshot_3.png

アプリの特徴

  • ストレージの使用状況をサンバースト図により可視化することができます。サンバースト図のアークを左クリックすると、サンバースト図やリストが自動的に更新されます。アークを右クリックすると、コンテキストメニューが開き、OSの標準ファイルマネージャーで該当のディレクトリを開いたり、該当のディレクトリ・ファイルのパスをクリップボードにコピーしたりすることが可能です。

  • デフォルトでは、OSのルートディレクトリをスキャンする仕様になっていますが、スキャンしたいディレクトリを指定することで、より高速にスキャンすることが可能です。また、スキャンさせたくないディレクトリを複数設定することも可能です。

  • フレームワークはTauriを利用しているためマルチプラットフォーム対応で、Linux、macOS、Windowsで動作することを確認済みです。

  • フロントエンドの処理はVue3 + Javascript、バックエンドの処理はRustで書かれています。処理が重いスキャン部はRustで書かれており、マルチスレッドで高速にスキャン可能です。また、以下のライブラリやコードを利用しています。

    • Dust
      スキャン処理用にソースを改変して利用
    • Tauri Plugin Context Menu
      Tauri v1では、OS標準のコンテキストメニューが使えないためプラグインとして利用
    • Opener
      ファイルマネージャーを開くために、Tauri標準のopen機能が使えなかったため利用
    • D3.js
      サンバースト図描画用
    • Vuetify
      V-Data-Table等UIで利用

ビルド・インストール方法

GitHubをご確認ください。

アプリを作った背景

macOS向けのDaisyDisk（ストレージの使用状況をグラフィカルに可視化するためのアプリ）に感化されたのが背景です。
後はTauriやVueの勉強用。

その他

Issueへの投稿、PullRequest大歓迎です。 バグや改善点を見つけた場合は、遠慮なくPullRequestを送ってください。 英語が苦手なので、英訳も大歓迎です。
（英訳はChatGPTに丸投げしたので。。。）

Discussion