FreeMind のファイルを Dropbox を使い Web に公開し、ブログに埋め込む

1. FreeMind のファイルを Flash としてブログに埋め込む

FreeMind で作成したファイルを Web 上に公開したい。

FreeMind で Flash としてエクスポート

FreeMind(Version:0.9.0) には、ファイルをFlash へエクスポートする機能がある。

• メニューより、ファイル > エクスポート > Flashとして...

を選択。

ファイル名を XXXXX として保存すると、

• XXXXX.html
• XXXXX.html_files

が作成される。

 

Dropbox に配置

上記の 2 つを Dropbox の Public フォルダ内に配置。

• XXXXX.html を右クリック > Dropbox > パブリックリンクのコピー

• cf. ウェブサイトで利用する外部ファイルを Dropbox の Public フォルダに置く

 

ブログに iframe タグで埋め込む

ブログに埋め込むためには iframe タグを使う。

幅を目一杯広げ、高さを 300px とするなら、

<iframe src="Dropboxのパブリックリンク" 
    width="100%"
    height="300">
</iframe>

これを HTML を編集するモードにおいて貼り付ける。

 

2. Flash としてエクスポートしないで、マインドマップの本体だけを Dropbox に配置する

上記の方法では、FreeMind のファイルをエクスポートする必要がある。また、マインドマップの本体以外に複数のファイルを Dropbox に配置しなければならない。

マインドマップの本体だけを Dropbox に配置し、ファイルを更新したら、ブログに埋め込んだマインドマップも更新されるようにしたい。

方法

FreeMind をFlash としてエクスポートしたとき、２つのものが生成された。

• XXXXX.html
• XXXXX.html_files

フォルダ XXXXX.html_files には、３つのファイルが含まれている。

• flashobject.js
• map.mm
• visorFreemind.swf

この内、map.mm がマインドマップの本体。後は共通の部品なので、別のマインドマップでも共有することにした。

全体の配置は、以下の通り。

• Dropbox のルート/Public/mindmaps/
  • freemind.html (XXXXX.html を修正したもの)
  • flashobject.js
  • visorFreemind.swf

マインドマップを作成したら、以下の場所に保存する。

• Dropbox のルート/Public/mindmaps/

上記の freemind.html のパブリックリンクをコピー。

マインドマップのファイル名が

• XXXXX.mm

である場合、ブログに埋め込むための iframe タグを以下のように書く。

<iframe src="Dropboxのパブリックリンク?XXXXX.mm" 
    width="100%"
    height="300">
</iframe>

 

関連記事

• FreeMind で作成したファイル を Web で公開 - FreeMindFlashBrowser と Google Page Creator を使って Blogger に表示
• JavaScript で URL からフラグメント以外を取得

FreeMind で作成したファイル を Web で公開 - FreeMindFlashBrowser と Google Page Creator を使って Blogger に表示

追記(2012.4.17): 現在は、FreeMind のファイルを Dropbox を使い Web に公開し、ブログに埋め込んでいる。

1. FreeMind で作成したファイルをブログで公開したい

調べものに使ったり、考えをまとめたり、アイディアを練ったりするときに、FreeMind をよく使う。

Web 上で マインドマップを作成するサイトはいくつかある。

• cf. マインドマップ、どのツールを使うか検討 o(･_･= ･_･)o

マインドマップを作成するサイトには、ブログに埋め込むための embed code を生成してくれる。FreeMind で作成したファイルをインポートする機能を持つものある。

ただし、ローカルで作成した FreeMind のファイルを完全に再現してくれるサービスがなかった。できれば、FreeMind で作成した形のまま、ブログに表示したい。

例えば、こんな風に ...

 

2. FreeMindFlashBrowser を使い、FlashPlayer で表示

FreeMindFlashBrowswer を使うと、FreeMind で作成したファイルを Web で公開することができる。

• cf. FreeMind活用クラブ - Web公開

Flash Plyayer を使いマインド・マップを表示するので、マウスでの操作感が良い。

方法

FreeMindFlashBrowswer にアクセスし、mindmaps に関する項目の、 FreeMindFlashBrowswer の中の Download より、必要なファイルをダウンロードする。

ダウンロードしたものを解凍すると、中には

1. FreeMind で作成されたファイル
2. mindmaps.html
3. その他いつくかのファイル

が存在している。

mindmaps.html をダブルクリックして開くと、同梱されていた FreeMind のファイルがブラウザに表示される。

 

別の FreeMind のファイルの表示

同フォルダに、自分で作成した FreeMind のファイルを置いた。

このファイルを表示させるには、先ほど mindmaps.html を開いたときのアドレスの最後に、? を付け、その後に、FreeMind で作成したファイル名を追加すればよい。

?FreeMind で作成したファイル名

 

3. Google Page Creator を利用して Web に公開する

Blogger にソースコードを貼り付けた場合、色付けするための JavaScript ファイルを Google Creator に置いてある。今回も Google Page Creator を利用した。

方法

1. Google Page Creator にアクセスし、 Uploaded stuff に、先ほど解凍した FreeMindFlashBrowser のファイル群をアップロード。
2. FreeMind で作成した表示したいファイルもここにアップロードする。ファイル名がバッティングしないように、アップロードするファイル名には気をつけること。
3. mindmaps.html にアクセスすると、 freeMindFlashBrower.mm の内容が表示される。先ほどと同じように、このアドレスの末尾に ? を付けて、自分で作成した FreeMind のファイル名追加する。

追記 (2008.12.17) : いつの間にか FreeMind が表示されなくなっていた。その代わりに

「Flash plugin or Javascript are turned off. Activate both and reload to view the mindmap」

というメッセージが表示される。

再度、最新の FreeMindFlashBrowser ダウンロードし、以前にアップロードしたファイルを削除してから、アップロードし直したら、表示されるようになった。

 

4. Blogger で表示する方法

ブログに表示するには、iframe タグを使う。

例えば、FreeMind で作成したファイル名が 「080611_FreeMindWeb.mm」 の場合、

<iframe width="100%" height="280px" src="http://jutememo.googlepages.com/mindmaps.html?080611_FreeMindWeb.mm"></iframe>

と HTML で記述する。

マインドマップ、どのツールを使うか検討 - Mind42 と Mindomo

 

1. マインドマップを共有したい

2,3人で企画を練るために、マインドマップを使うことにした。

 

箇条書きはアイディアを膨らませにくい

はじめは、Google Docs でアイディアを「箇条書き」にしていた。しかし、「箇条書き」はアイディアを膨らましづらい。なぜなら、箇条書は「下方向」と「横方向」にしか伸びていかないから。

マインドマップも基本的には「ツリー構造」なので同じはずだけれど、なぜかアイディアを膨らましていく感覚が違う。放射状に見渡せること人間の思考にとって重要なようだ。

 

ウェブベースのマインドマップを使いたい

マインドマップを描くときは、「手書き」か、FreeMind を利用している。市販では MindManagerがあるが、高くてとても手が出せない。

今回は、複数の人でマインドマップを共有したい。そのため、Web ベースのマインドマップを利用したい。

以前、bubbl.us を使ったことがある。UI が Flash でできているのでサクサクと動く。共有もできそうだったので、試してみた。しかし、1 人がマップを書きはじめると、他の人はロックがかかってしまい使いものにならない。 (@_@;)

マインドマップフリーソフト５つまとめて比較 を参考にしたが、どれを使えばよいのか迷う。

 

条件

必要最小限の機能・条件を考え、それを基にどのツールを使うか決めることにした。条件は、以下の通り。

1. フリーで使える
2. リアルタイムにマップを共有できる
3. FreeMind と互換性がある

 

2. Mind42

条件に一番近かったのは、Mind42.com。

 

マインドマップの共有がスムーズ

Mind42 でマインドマップを作成し、同時に二人で書き込みをしてみた。驚いたことに、Google ドキュメントのように同期が早い。

 

アカウントの登録がシンプル

利用するための登録がシンプルでいい！入力項目が少なくて、好感が持てる。

他人にサービスを勧めるとき、入力項目がたくさんあると、登録してとは言いずらい。

 

フリーで利用できる

一番良い点は、フリーでも機能に関して制限がないこと。他のサービスは、料金を支払うことで全機能を使える運営形態になっているところが多い。

今後、有料になる可能性があるか調べてみた。

FAQ - Mind42 | Google グループ によると、

Mind42 offers its service for free on an as-it-is basis. So every feature available can be used for free and probably will stay free (no guarantee on that, but if we ever change our mind, we will announce this long before access to the mind maps get disabled).(...)

とりあえず、基本的にフリーだけれど、将来はどうなるか何とも言ない。しかし、もし、フリーじゃなくなるとしても、そうなる結構前にアナウンスする、と。

最後が重要。 Mind42 では、マインドマップのエクスポートが FreeMind の形式でできる。いざとなったら、全部エクスポートして引きあげればいい。 (内容の全て FreeMind に出力できるわけではないけれど ^^; )

ライセンスに関しては、セキュリティを高めたエンタープライズ向けへの展開を考えているようだ。

We plan to offer licenses for an enhanced enterprise edition of Mind42, which can be hosted at the clients site, integrate with available authentication systems, offers file attachments, and higher security (SSL).

(同上より)

 

機能

作成できるマップの制限がないのでありがたい。 ^^

No, currently we don't have such limitations.

(同上より)

先に述べたように、FreeMind のインポートだけでなく、エクスポートもできる。

マップは自動的に保存がされ、履歴も残るので特定の時点へ戻すことも可能。

画像の URL を指定して、画像を表示することができる。更に、リサイズして表示することも可能。 (表示された画像をダブルクリックすると、大きさを変更できる。)

キーボードショットカットもある。

• 子どものノードを作るには、Tab。
• 兄弟のノードを作るには、Shift + Tab

各ノードに、TODO や Note を貼れる。ただし、作ったもの全てを管理するインターフェイスはないようだ。

作成したマインドマップ間にリンクを貼ることができる。

残念ながら、特定のノード間に、矢印を引く機能は実装されてない。FreeMind で作っておいたものをインポートしたら、消えてしまった。

 

作成例

 

3. Mindomo

Mindomo は、高機能でサクサク動き、表示が綺麗。

Mind42 ではできなかった、特定のノード間にリンクを引くこともできる。

ただし、フリーのアカウントでは、非公開のマップを 7 つまでしか作成できない。

The Free version of Mindomo will let you save 7 private maps and an unlimited number of public maps.
The other versions do not contain any limitation regarding the number of stored maps.

(Mindomo - Start Working より)

しかし、公開するマップであるなら、数に制限はないようだ。

非公開のマップは、Mind42 で作成し、公開用のマップで、Mindomo を利用するという使い分けをするといいかもしれない。

ちなみに、フリーとプレミアムとの比較はこちら → Mindomo - Comparison Chart

 

作成例

• http://www.mindomo.com/view?m=690c3aa3b3cd17eb3d3c789fc99cb55a