ソースコードを分析し、コードの構造や階層・依存関係を可視化する便利な無料ツール -Code Crumbs

フローチャート ※依存関係・フローチャートはJavaScriptのみです。 対応言語は、下記の通り。 JavaScript TypeScript Python PHP Java C++ 望む言語が他にあればIssueにどうぞ、とのことです。 Code Crumbsのデモ デモでは、JavaScriptのコードでその動作を確認できます。 デモページ 依存関係はDependenciesをオンに、フローチャートはFlowChartタブをクリックします。 Code Crumbsの使い方 セットアップ codecrumbをインストールします（yarn global add codecrumbs）。 codecrumbs -d project-src-dir -e project-src-dir/index.jsを実行し、プロジェクトに合わせてパラメータを変更します。-dはソースコードを含むディレクト

[coliss]

コードのドキュメントを作成する時や、大規模なコードや未知のコードを簡単に把握したい時に

[yood]

こういうので美しい設計図が浮かび上がってくる場合、ソースも綺麗でツールの必要性も低かったりする。

[otihateten3510]

可視化した結果、見るに耐えないものが生成されるんだろ？

[gachapining]

graphviz と dot に何度も裏切られ、何者も信じられなくなっている人達がいますね・・・

[Sakana_Sakana]

doxygenとどっちがええんやろ？

[aroechan]

今のクライアントからもらってるクソみたいなコードをこれにかけて、どれだけクライアントがゴミを作っているかの証明をさせたい/C#をお願いします

[cartman0]

UMLより必要なのはこういうやつなんかな / npmだとこれで合ってるんかな https://www.npmjs.com/package/codecrumbs

[naohero22]

スパゲティが可視化されるやつだw

[sezemi]

試してみよう

[richard_raw]

“※依存関係・フローチャートはJavaScriptのみです。” 残念。C言語でなぜかDoxygenだとうまくいかないやつがありまして……。

[tmatsuu]

ほう

[NeGI]

ファイル間の依存性をみるのに便利なやつ

[masalib]

会社のプロジェクトのphpでやったらフリーズした。Source数が多いとだめなのかな。超簡単なAPIだと20秒ぐらいで返ってきた。フロチャートは別のツールが必要だった

[yug1224]

ものすごい大迷宮が生成されそう

[sunvisor]

やってみるか。

[light940]

どこまで正確にやってくれるか次第だけど便利そう！

[sawasawa12]

適応度関数として使えないかな

[adsty]

大規模なコードや未知のコードを把握したい時に便利。

[objectiveworker]

昔、RedhatのSource Navigatorにはよくお世話になった。もうメンテ止まったけど。

[yoshi-na]

試してみよー

[stp7]

可視化されたらSAN値が下がりそう

[t-murachi]

概ね js 用なんだろうね。フローチャート生成って要るか? (´・ω・`)

[kote2kote2]

物は試し

[chess-news]

]　スパゲティーコードが見たい

[t1mvverr]

バイパス道路が至る所に秩序無く繋がれた図が出力されて、リファクタリングする気無くしそう。

[FlowerLounge]

VB6の頃自分で作ったわこれ

[KENSHIN_TANAKA]

良い。

[osnq]

大規模なプロジェクトで果たして使える情報がでてくるのかなあ

[zelda22]

依存関係を可視化できるのは良いね

[Helfard]

これで生成した空飛ぶスパゲティモンスターを戦わせるゲームならウケると思う！

[aki03]

あとで試す

[jitojito]

とぐろ巻いてるPathしか想像できない（白目

[RATCHO]

怖いもの見たさで今担当している秘伝のタレ案件で出力してみようかな