ソースコードを分析し、コードの構造や階層・依存関係を可視化する便利な無料ツール -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はソースコードを含むディレクト
［ウェブサービスレビュー］見栄えのいいフロー図を簡単に作図できる「Cacoo」 - CNET Japan
内容：「Cacoo」は、フロー図やワイヤフレームをオンラインで作成できるサービスだ。さまざまな図形やコネクタがあらかじめ用意されており、ドラッグ＆ドロップにより誰でも簡単に見栄えのいい図を作成できる。 「Cacoo」は、フローチャートや機器構成図、ワイヤフレームやUMLをオンラインで簡単に作成できるサービスだ。目的ごとにさまざまな図形やコネクタが用意されており、ドラッグ＆ドロップで見栄えのいい図を作成し、画像データとしてエクスポートしてビジネス文書に貼り付けて使うことができる。 ビジネス文書、なかでもプレゼンテーション資料などに不可欠なチャート図などを作成するのに最も簡単な方法は、ExcelやPowerPointなどのオートシェイプを使うことだ。しかし登録されているのは基本的な図形だけで、ちょっと凝った図を作ろうとすると不自由さを感じることも多い。Visioのような専用ソフトであれば多数の
組織図っぽい図を簡単に作れるjQueryプラグイン「jQuery Org Chart」:phpspot開発日誌
jQuery Org Chart ? a plugin for visualising data in a tree-like structure The Silver Lining 組織図っぽい図を簡単に作れるjQueryプラグイン「jQuery Org Chart」 次のような組織図を作ることができます。ドラッグ＆ドロップでインタラクティブに再配置することも可能です ドラッグ＆ドロップで再配置可能 気になるマークアップですが、ul, li を階層的に記述するだけでよいものになっています。これを上記のようにビジュアライズしてくれるのは楽ですね 関連エントリ アニメーションするスピードメーターを実装できるjQueryプラグイン「Speedometer」 複数要素の関連をビジュアライズできるライブラリ「arbor.js」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
