toppageへ

思考ツールとしての9個のマス

マンダラート?

マンダラートは、デザイナーの今泉浩晃さんが開発した情報整理/発想のための技術だそうです。

マンダラートでは

このような3*3のマスを作り、中央のマスに書いたキーワードから周囲の8個のマスに関連/連想する項目を書き出します。
さらにその8つの項目を再び3*3のマス目の中心に書き出し、再び周囲に項目を書き出していく…という風にして、マンダラ状にメモを展開していきます。

マンダラートの詳細についてはMandal-Artをご覧ください。関連書籍も多数出ているようです。

作ってみた

私はマンダラートについてはWebで偶然知った程度で、その活用法についてはまったく詳しくないのですが、インターフェースに興味を惹かれました。真ん中のマスから放射状にアイディアが展開していくのはシンプルで説得力があります。
そこで、技術の勉強を兼ねて、ブラウザ上でこのインターフェースが利用できるようなページを試験的に作ってみました。

Javascript+CGI 版

Javascript only 版

※どちらも古い(IE5.0以前の?)ブラウザでは動かないと思われます。

Javascript+CGI 版と Javascript only 版の違い

Javascript+CGI 版はメモの変更内容はすべてcgiでサーバに記録され、公開されます。公開されたメモの内容は誰でも追加・編集できます。

Javascript only 版はプライベートなアイディア展開ツールとして使う為に作りました。
ブラウザのウィンドウを消すと内容は全て消えてしまいますが、データをフィールドに書き出してメモアプリなどにコピペすることで、データを保存することは可能です。

使い方

Javascript+CGI版

最初に表示されるのはメニュー画面です。ここで、既に登録されているトピックがリスト表示されています。

トピックをクリックすると、該当トピックのメモ画面に移動します。

周辺の8つのマスをクリックすると、そのマスを中心とした画面に移動します。
真ん中の黄色いマスをクリックすると、1つ上の階層に移動します。一番上の階層にいるときに真ん中をクリックすると、メニュー画面に戻ります。

マスの上にある濃い色のバーをクリックするとそのマスの内容を編集できます。
編集画面の上のバーをクリックすると、編集内容は保存されて元のメモ画面に戻ります。

その他のアイコンの機能
新しいトピックを追加します
メニュー画面を表示/更新。
一番上の階層に移動します
1つ上の階層に移動します(真ん中のマスをクリックするのと同じ機能です)
閲覧中のトピックの内容をすべてウィンドウの下に書き出します。階層ごとにインデントされて書き出されます。
閲覧中のトピックを削除します。削除時には、トピックの作成時と同じパスワードが要求されます。

Javascript Only 版

使い方は基本的にJavascript+CGI 版と同じですが、最初のメニュー画面がありません。

ローカルファイル等にメモの内容を保存する事はできませんが、をクリックするとデータの内容をフィールドに書き出します。 データをメモ帳等にペーストしておけば、次回以降メモを復元することができます。
復元する際は、データを再びフィールドにペーストして「データを読み込む」ボタンをクリックして下さい。