呼び出しグラフ
import/require の関係 · 循環 · 入口と死んだファイル · 重いパーサ不要
부름 지도
zip 을 넣으면 파일이 서로 무엇을 부르는지 그리고, 고리·많이 불리는 파일·아무도 안 부르는 파일을 짚습니다
node_modules · dist · build · .git · coverage 는 건너뜁니다. 코드 파일(js·ts·jsx·tsx·css·vue·svelte)만 봅니다.
고리 (서로 부르는 자리)
많이 불리는 파일
아무도 안 부르는 파일
소스 zip 을 고르세요
ファイル同士が何を呼んでいるかを図にし、循環と「よく呼ばれるファイル・誰も呼ばないファイル」を示します。どこから読むかが分かります。
使い方
- ソースを複数入れるか貼る
- 何が何を呼ぶかの図を見る
- 循環（互いに呼び合う組）は先に解く場所として印が付く
- よく呼ばれる＝先に読む · 誰も呼ばない＝入口か死んだファイル
よくある質問
- 本物のパーサを使いますか？
- 使いません（重いので）。import・require・export from を文字として探します — 「どこから読むか」に答えるにはそれで十分です。
- 循環はなぜ重要ですか？
- 直すときに一番つらいのが循環です。A が B を呼び B が A を呼ぶと、どちらから読んでも先が見えません。
- コードはサーバーに送られますか？
- 送られません。読み込みも作図もブラウザの中で終わるので、他人のリポジトリでも大丈夫です。
ほかの道具
この端末の中だけ 入力した内容はブラウザの中だけで処理され、どこにも保存・送信されません。
このツールが入力をどこへ送るかは、上のバッジに書いてあります。 道具の一覧 · KarmoLab · 作った人 · AI と一緒に作っています。 ソースを見る