質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
bash

bash(Bourne-again-Shell)は sh(Bourne Shell)のインプリメンテーションに様々な機能が追加されたシェルです。LinuxやMac OS XではBashはデフォルトで導入されています。

MacOS(OSX)

MacOSとは、Appleの開発していたGUI(グラフィカルユーザーインターフェース)を採用したオペレーションシステム(OS)です。Macintoshと共に、市場に出てGUIの普及に大きく貢献しました。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

Q&A

0回答

547閲覧

多重Grepで使用箇所の洗い出しをしたい

Reiz

総合スコア29

bash

bash(Bourne-again-Shell)は sh(Bourne Shell)のインプリメンテーションに様々な機能が追加されたシェルです。LinuxやMac OS XではBashはデフォルトで導入されています。

MacOS(OSX)

MacOSとは、Appleの開発していたGUI(グラフィカルユーザーインターフェース)を採用したオペレーションシステム(OS)です。Macintoshと共に、市場に出てGUIの普及に大きく貢献しました。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

0グッド

0クリップ

投稿2018/06/15 01:59

編集2022/01/12 10:55

#やりたいこと
React.js環境で特定の文字列を含むコンポーネントを使っているページを洗い出したい

#例

  • このファイル(Component)群が使われているページを探したい→命名規則はなんとかFoo.js

そしてクラス名はファイル名と基本的に同じ
aaaFoo.js
bbbFoo.js
cccFoo.js
dddFoo.js

#実現可能だと思う処理の流れ

  1. 上記コンポーネントはインポートされて使われているので下記コマンドでなんとかFoo.jsの使われている親ファイルが分かる

->git grep --name-only "Foo } from"
0. 1の結果のファイル名からファイルパスと「.js」を除くとクラス名が取れる
->git grep --name-only "Foo } from" | sed -e "s/.[^.]*$//" | sed -e "s//index$//" | sed -E 's/.*/([^/]+)$/\1/g'
0. 2の結果のクラス名が使われている所を1と同じように探す
->git grep --name-only "[2の結果] } from"
0. 3を繰り返して見つからないとき=そのファイルが一番親だと分かる
0. 4の結果一覧を出力する

#React.jsについて
オブジェクト指向ならぬコンポーネント指向(パーツみたいな感じ)で入れ子になっています。
親コンポーネント-子コンポーネント-孫コンポーネント-ひ孫コンポーネント
親コンポーネントで子コンポーネントをimportして、子コンポーネントでは孫コンポーネントをimportして使っているような感じです。
そしてURLと紐付けられるのは一番上の親コンポーネントのみなので孫(ひ孫かも)コンポーネントである「なんとかFoo.js」の使用ページを洗い出すとなると親をたどる必要があります。

コマンドがお得意な方、ご助力頂けますと幸いです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問