HTML5ベースのオープンソースなマインドマップ作成ツール「mindmaps」
2011年08月04日-![はてなブックマーク](http://b.hatena.ne.jp/entry/image///phpspot.org/blog/archives/2011/08/html5mindmaps.html)
スポンサード リンク
mindmaps
HTML5ベースのオープンソースなマインドマップ作成ツール「mindmaps」
マインドマップツールも色々ありますが、HTML5ベースで、インタフェースも結構イケてるツールの紹介。ソースのダウンロードも可能です。
項目をマウスオーバーすると赤い丸が出るのでそれをドラッグ&ドロップでツリーをどんどん広げていけるインタフェースも使いやすいです。
![](http://phpspot.net/php/webimager/admin3/data/b403e1959c882465ef8219961b99a725.png)
マウスホイールでマインドマップ自体の拡大・縮小が可能で、細かいところにも配慮がされています。
![](http://phpspot.net/php/webimager/admin3/data/1e7ea0ca02b8d98a7e5b0511a44b29b1.png)
Chromeであればサクサク動いて、本来の目的である思考に集中することができるでしょう。
![](http://phpspot.net/php/webimager/admin3/data/0f42dc7882723e856fccf182ebeeb90a.png)
ツリーの折りたたみなんかもできちゃいます。
ソースはこちらのgithubにてダウンロード可能
HTML5ベースのオープンソースなマインドマップ作成ツール「mindmaps」
マインドマップツールも色々ありますが、HTML5ベースで、インタフェースも結構イケてるツールの紹介。ソースのダウンロードも可能です。
項目をマウスオーバーすると赤い丸が出るのでそれをドラッグ&ドロップでツリーをどんどん広げていけるインタフェースも使いやすいです。
![](http://phpspot.net/php/webimager/admin3/data/b403e1959c882465ef8219961b99a725.png)
マウスホイールでマインドマップ自体の拡大・縮小が可能で、細かいところにも配慮がされています。
![](http://phpspot.net/php/webimager/admin3/data/1e7ea0ca02b8d98a7e5b0511a44b29b1.png)
Chromeであればサクサク動いて、本来の目的である思考に集中することができるでしょう。
![](http://phpspot.net/php/webimager/admin3/data/0f42dc7882723e856fccf182ebeeb90a.png)
ツリーの折りたたみなんかもできちゃいます。
ソースはこちらのgithubにてダウンロード可能
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- TailwindCSSなサイトで使える100以上のアニメーションエフェクト「animata」
- SVG形式のテック系企業のロゴを簡単にゲットできる「Svgl」
- 統一感のある色味を一括生成できるツール「The good colors」
- くちばしフォント【商用可】
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- 過去のエントリ