問題タブ [code-visualization]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
603 参照

javascript - *巨大な*JavaScriptコードベースを分析するためのUMLまたはCASEツール?

巨大なJavaScriptコードベースがどのように機能するかを理解する必要があり、その構造を分析するためのCASE/UMLツールがあるかどうか疑問に思っています。動的型付けとの存在のためにいくつかの制限があることを理解していますがeval()、IDEが最近JavaScriptコードに対して意味のある検査を提供できるのであれば、依存関係などを視覚化する何らかの方法が必要だと思います。

0 投票する
3 に答える
3377 参照

objective-c - Objective-C のクラス可視化ツール?

Objective-C 用の静的クラス/コード エクスプローラー/視覚化ツールを知っている人はいますか? 大規模なコードベースに慣れるのに役立つものはありますか?

ありがとう!

0 投票する
17 に答える
125429 参照

git - 「git diff」を実行するときに、どうすれば横並びの差分を取得できますか?

「git diff」と入力すると、「diff -y」のように横に並べて表示したい、または「kdiff3」のようなインタラクティブな diff ツールで表示したい。これはどのように行うことができますか?

0 投票する
0 に答える
85 参照

plugins - 役立つグラフィックを追加したり、コードをそのまま示したりするための IDE またはプラグインはありますか?

テキストがどれほど退屈に見えるかを考えながら、コードをじっと見つめていました。私が見るのはテキストだけで、視覚化可能な構造はありません。

視覚化可能な構造は素晴らしいでしょう:

  • ループ スコープの開始ブラケットと終了ブラケットを接続するエッジの 3D ハーフパイプなどの背景グラフィックは、3D でネストされ、ループのネストの深さを示します。
  • ターゲット ラベルのコード セクションのハイライト (またはビューポート外の場合はプレビュー) を使用して、goto ステートメントが指している場所を示す矢印が付いた配線。
  • 条件付きブロックは、「真」のコードを正の色で、「偽」のコードを負の色で表示するようにレンダリングできます。左端の背景にマウスを合わせると、そのブロックの条件ステートメントのプレビューが表示されます (コードのコンテキストに応じて「== true」または「== false」)。
  • タイプのアイコン。変数名の前に表示されるので、変数のタイプがわかります。
  • メソッドの前に public と private のどちらを入力したかに応じて、メソッドの背景を変更し、タイル状のロックまたはキーを表示します (どちらかを指定しなかった場合のデフォルトの良い指標です)。

このようなコードを説明するものはありますか?

なんらかの方法でコードやアルゴリズム構造を表す分析的に生成されたグラフィックスを意味するものではありません。むしろ、編集可能なコードを実際に示すものを意味します。

0 投票する
1 に答える
849 参照

python - ラケットプログラム用のコードビジュアライザー

Online Python Tutorで利用できるものと同様のRacketプログラム(初心者のWeSchemeユーザー向け)のコード視覚化Webサイトはありますか?言うまでもなく、それは優れた自習または学習ツールを提供します。

0 投票する
2 に答える
3738 参照

matlab - MATLAB コード解析および可視化ツール?

私は、ドキュメンテーションと元の開発者 (ずっと前に試した) に軽い MATLAB コードベースを手に入れました。

私は MATLAB に慣れていますが、静的解析ツールを使用してプログラムを視覚化し、148 個のソース ファイルすべてを知らなくても、プログラムがどのように機能するかを簡単に理解することができます...

MATLAB でこのようなものを見つけることができません。検索すると m-lint の結果がたくさん返されますが、それは私が探しているものではありません。コード構造の視覚化に特に興味があります。

乾杯

0 投票する
1 に答える
640 参照

emacs - S 式をリアルタイムで視覚化する

Lisp/Scheme/Clojure コードをこのように書きたい

そして、このように視覚化してもらいます

表情を操作しながら木の変化をリアルタイムで見たい。木が大きくなるとレイアウトが重要になってきます。

これを行うツールはありますか?Emacs の世界には何かが存在するのではないかと思います。

0 投票する
1 に答える
3723 参照

c++ - C++ コードの構造を視覚化できるプログラムはありますか?

100 を超えるソース ファイルを含むソース コードがありますが、それが何をするのか、関数がどのように相互に使用されているのか、実行の流れは何かを理解するのは困難です....

C++ コードの構造をわかりやすく視覚化できるプログラムはありますか?

0 投票する
3 に答える
12373 参照

code-visualization - このような素敵なソース コード画像を生成できるツールはどれですか?

以下の例。それを行うことができるオンラインの無料ツールがあると確信しています。しかし、私はリンクを失いました:(

誰かがリンクを持っているかもしれませんか?

http://habrastorage.org/storage2/c43/58e/013/c4358e0133268ad6afa9a9f9ef11c4af.png ここに画像の説明を入力

ここに画像の説明を入力

0 投票する
2 に答える
406 参照

javascript - クラスやオブジェクトの視覚的表現

最近、php/js で書かれた大きなプロジェクトに取り組み始めました。

それは本当に大きく、どの関数がどこで呼び出されているかをバックトレースするという問題が常にあります。

すべてのコード ファイルをインポートし、クラス、オブジェクト、関数などの間の接続を描画/書き込みするツールはありますか?

よろしく