【作業効率アップ】ディレクトリ構造とファイル内容の一覧化

ディレクトリの構造を表示するだけでなく、ファイルの内容もプレビューできる拡張Treeコマンドの使用方法。シームレスで生産的なユーザーエクスペリエンスを。

2023年09月27日

これが今回のソースコード

前提条件

  • Gitがインストールされている
  • インターネット接続が可能である
  • シェルが利用可能である(Bash、Zshなど)

試してみる

※ この程度ならコピペでいいかも。大量のファイルや大きなファイルが含まれるディレクトリで実行すると、パフォーマンスに影響が出る可能性があります。

クローン方法

以下のコマンドを使用して、リポジトリをクローンします。

$ git clone https://github.com/yutahhh/Tools.git

実行方法

クローンしたディレクトリに移動し、以下のコマンドを実行してください。

$ chmod +x controls/tree_with_content_by_ext.sh
$ ./controls/tree_with_content_by_ext.sh /path/to/directory -ex 拡張子

用途と背景

プログラミング初心者の場合、「このエラーよくわからない」問題が頻繁にあります。
教えるにも、対象のツリー構造や実際のコードなどを知る必要がある。
初心者レベルのコードならサッと眺めるだけで解決するので重宝しています。

他にも、ChatGPTで質問する時とかも良さそう。

筆者情報
IT業界経験6年目のフルスタックエンジニア。
フロントエンドを軸として技術を研鑽中でございます。