ろぼいんブログ
更新：

ターミナルで使える高機能ファイルマネージャー「superfile」を試してみた

superfileのスクリーンショット

パソコンを使う際に、ファイル操作は避けて通れない作業です。しかし、ターミナルからファイルを操作しようとすると、lsやcd、rmなどの複数のコマンドを組み合わせなければならず、直感的ではありません。

そこで登場するのが、ターミナルから利用できるファイルマネージャーです。今回紹介するsuperfileは、分かりやすい画面と直感的な操作を備えた、高機能なオープンソースのファイルマネージャーです。

インストール

まずは、ターミナルでアイコンを表示できるようにするために、 Nerd Font をインストールします。

どのNerd Fontをインストールしても問題ありませんが、今回は最近Nerd Fontに対応したMonaspaceを選択しました。なお、Monaspaceは、v1.200以降のOTF、WOFF、WOFF2のみがNerd Fontに対応しており、それ以前のバージョンや可変フォント（TTF）は対応していません。

Nerd Fontをインストールしたら、ターミナルのフォントをそのフォントに変更します。

次に、superfileの本体をインストールします。superfileをインストールするには、公式サイトに記載されているコマンドのうち、環境に合わせた適切なものを実行します。

Install superfile
Let's install superfile to your computer..
faviconsuperfile.netlify.app
/rehype-og-card/460e268cbc8b30d3d705b00246fd774ba555b3f7f4bb9864547a9abac8a31aae.jpg

Windowsの場合は、PowerShellコマンドを利用してインストーする方法と、Scoopを利用してインストールする方法の2つが紹介されています。前者はPowerShellの実行ポリシーを変更するコマンドが含まれているので、Scoopがインストール済みの場合は後者の利用を推奨します。

今回は、Scoopをインストールしていなかったため、PowerShellコマンドを利用してインストールしました。

try{(()=>{function a(e){if(!e)return;let t=e.getAttribute("tabindex")!==null,n=e.scrollWidth>e.clientWidth;n&&!t?e.setAttribute("tabindex","0"):!n&&t&&e.removeAttribute("tabindex")}var u=window.requestIdleCallback||(e=>setTimeout(e,1)),i=window.cancelIdleCallback||clearTimeout;function l(e){let t=new Set,n,r;return new ResizeObserver(c=>{c.forEach(o=>t.add(o.target)),n&&clearTimeout(n),r&&i(r),n=setTimeout(()=>{r&&i(r),r=u(()=>{t.forEach(o=>e(o)),t.clear()})},250)})}function d(e,t){e.querySelectorAll?.(".expressive-code pre > code").forEach(n=>{let r=n.parentElement;r&&t.observe(r)})}var s=l(a);d(document,s);var b=new MutationObserver(e=>e.forEach(t=>t.addedNodes.forEach(n=>{d(n,s)})));b.observe(document.body,{childList:!0,subtree:!0});document.addEventListener("astro:page-load",()=>{d(document,s)});})();}catch(e){console.error("[EC] tabindex-js-module failed:",e)}try{(()=>{function i(o){let e=document.createElement("pre");Object.assign(e.style,{opacity:"0",pointerEvents:"none",position:"absolute",overflow:"hidden",left:"0",top:"0",width:"20px",height:"20px",webkitUserSelect:"auto",userSelect:"all"}),e.ariaHidden="true",e.textContent=o,document.body.appendChild(e);let a=document.createRange();a.selectNode(e);let n=getSelection();if(!n)return!1;n.removeAllRanges(),n.addRange(a);let r=!1;try{r=document.execCommand("copy")}finally{n.removeAllRanges(),document.body.removeChild(e)}return r}async function l(o){let e=o.currentTarget,a=e.dataset,n=!1,r=a.code.replace(/\u007f/g,` `);try{await navigator.clipboard.writeText(r),n=!0}catch{n=i(r)}if(!n||e.parentNode?.querySelector(".feedback"))return;let t=document.createElement("div");t.classList.add("feedback"),t.append(a.copied),e.before(t),t.offsetWidth,requestAnimationFrame(()=>t?.classList.add("show"));let c=()=>!t||t.classList.remove("show"),d=()=>{!t||parseFloat(getComputedStyle(t).opacity)>0||(t.remove(),t=void 0)};setTimeout(c,1500),setTimeout(d,2500),e.addEventListener("blur",c),t.addEventListener("transitioncancel",d),t.addEventListener("transitionend",d)}function s(o){o.querySelectorAll?.(".expressive-code .copy button").forEach(e=>e.addEventListener("click",l))}s(document);var u=new MutationObserver(o=>o.forEach(e=>e.addedNodes.forEach(a=>{s(a)})));u.observe(document.body,{childList:!0,subtree:!0});document.addEventListener("astro:page-load",()=>{s(document)});})();}catch(e){console.error("[EC] copy-js-module failed:",e)}
Terminal window
$ powershell -ExecutionPolicy Bypass -Command "Invoke-Expression ((New-Object System.Net.WebClient).DownloadString('https://superfile.netlify.app/install.ps1'))"


                                                    ______   __  __
                                                   /      \ /  |/  |
  _______  __    __   ______    ______    ______  /$$$$$$  |$$/ $$ |  ______
 /       |/  |  /  | /      \  /      \  /      \ $$ |_ $$/ /  |$$ | /      \
/$$$$$$$/ $$ |  $$ |/$$$$$$  |/$$$$$$  |/$$$$$$  |$$   |    $$ |$$ |/$$$$$$  |
$$      \ $$ |  $$ |$$ |  $$ |$$    $$ |$$ |  $$/ $$$$/     $$ |$$ |$$    $$ |
 $$$$$$  |$$ \__$$ |$$ |__$$ |$$$$$$$$/ $$ |      $$ |      $$ |$$ |$$$$$$$$/
      $$/ $$    $$/ $$    $$/ $$       |$$ |      $$ |      $$ |$$ |$$       |
$$$$$$$/   $$$$$$/  $$$$$$$/   $$$$$$$/ $$/       $$/       $$/ $$/  $$$$$$$/
                    $$ |
                    $$ |
                    $$/


Checking for superfile installation...
Downloading superfile...
Extracting compressed file...
Done!


Restart you terminal, and for the love of Get-Command
Take a look at tutorial :)


https://superfile.netlify.app/getting-started/tutorial/
superfileのインストールコマンドを実行した結果のスクリーンショット
superfileのインストール中のようす

superfileのインストールが完了したら、ターミナルを一度終了してから開き直します。

使い方

superfileを起動するには、ターミナルでspfと入力します。

Terminal window
spf

superfileの画面は、いくつかのパネルで構成されています。基本的には、画面中央のパネルを操作することになります。

上下矢印キーでカーソルを移動し、Enterまたは右矢印キーでファイルやフォルダーを選択します。1つ上の階層のフォルダーに戻るには、左矢印キーを押します。

ファイルにカーソルを移動すると、そのファイルのプレビューが表示されます。ソースコードの場合はシンタックスハイライトに対応しており、画像の場合は非常に低解像度ながらプレビューが表示されます。

superfileのスクリーンショット
superfileの画面

ドキュメントフォルダーやダウンロードフォルダーなどのよく使うフォルダーは、左側のサイドパネルにまとめられています。サイドパネルにカーソルを移動するには、sキーを押します。再度sキーを押すか、いずれかのフォルダーを選択すると、中央のパネルが選択された状態に戻ります。

superfileを終了するには、Escキーを押します。

このほかにも、テーマをカスタマイズする方法やプラグインなどが紹介されているので、ぜひ公式サイトも確認してみてください。

参考リンク

#オープンソース#Windows#macOS#Linux#GitHub#解説#レビュー

おすすめアイテム

※このリンクを経由して商品を購入すると、当サイトの運営者が報酬を得ることがあります。詳細はこちら。

このサイトを支援する

Buy Me a CoffeeまたはGitHub Sponsorsで支援していただけると、サイトの運営やコンテンツ制作の励みになります。定期的な支援と一度限りの支援がありますので、お間違いのないようにお願いします。

Buy me a coffee

著者のアイコン画像
ろぼいん
XMisskeyGitHubQiita

生まれた時から、母国語よりも先にJavaScriptを使っていました。ネットの海のどこにもいなくてどこにでもいます。

Webフロントエンドプログラマーで、テクノロジーに関する話題を追いかけています。動画編集やプログラミングが趣味で、たまにデザインなどもやっています。主にTypeScriptを使用したWebフロントエンド開発を専門とし、便利で実用的なブラウザー拡張機能を作成しています。また、個人ブログを通じて、IT関連のニュースやハウツー、技術的なプログラミング情報を発信しています。

関連記事

注目記事

最新記事