<p class="thumb"><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/07/mindmup.png" alt="Google ドライブで使える軽快なマインドマップ" width="510" height="308" class="none" /></p>
<p>Googleドライブは、さまざまなChromeアプリと連携することができます。たとえばマインドマップであれば、Mindmeisterのようなものが代表的。</p>
<p>しかし、共有するのに優れていたり、高機能ではあるものの、ちょっと重く感じることがあるのが玉に瑕。マインドマネージャーなど、軽快に動くマインドマップソフトを使う人には少しストレスを感じることでしょう。</p>
<p>そんなかたにおすすめしたいのが、今回ご紹介するマインドマップアプリです。</p><!--more-->
<h3 class="header-label">軽快に動くGoogle ドライブと連携するマインドマップアプリ「MindMup」</h3>
<p>「<a target="_blank" href="https://chrome.google.com/webstore/detail/mindmup/dnenaecjcgeppfpaokiifokeieopppej?utm_source=chrome-ntp-icon">MindMup</a>」は、<strong>Googleドライブと連携するマインドマップ アプリ。</strong></p>
<p>複数名での作成や共有も可能になっています。</p>

<h4 class="tips">サンプルマインドマップ</h4>
<iframe width="100%" height="300" src="https://atlas.mindmup.com/2016/09/f0077830536601346b4408bb61af99c9/_or_/index.html"></iframe>

<p>作成したマインドマップは、このようにサイトへ埋め込むこともできます。</p>

<h4 class="tips">軽快な動きでマインドマップを編集</h4>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/07/mindmup1.png" alt="" width="500" height="273" class="alignnone size-full wp-image-26415" /><br />↑軽快なだけでなく、枝の関連性を明示する「コネクト」や、ファイル添付の機能も持っています。特にファイル添付機能はリッチテキストエディタのメモになっていて、添付した画像に説明文や関連するWEBページヘのリンクを添えておくこともできます。</p>



<h4 class="tips">プロジェクト管理機能も</h4>
<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/07/mindmup2.png" alt="" width="500" height="387" class="alignnone size-full wp-image-26425" /><br />↑拡張機能をインストールすれば、プロジェクト管理ツールのように、タスクごとの進捗管理をおこなえます。進捗の定義なども自由に編集可能。</p>



<h4 class="tips">複数名でコラボレーション</h4>
<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/07/mindmup3.png" alt="" width="500" height="380" class="alignnone size-full wp-image-26424" /><br />↑Googleアカウントを使って、Googleスプレッドシートなどと同じように共有し、共同編集することが可能です。</p>


<h4 class="tips">多彩なエクスポート形式</h4>


<p>Freemind形式のほか、PNG形式の画像やHTML、タブ区切りのテキストファイルでエクスポートすることができます。</p>

<p>サンプルは以下。</p>

<h5 class="tips">PNG</h5>
<p>
	<img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/07/mindmup-png.png" alt="エクスポートしたマインドマップ" width="500" height="162" class="alignnone size-full wp-image-26408" />
</p>

<h5 class="tips">HTML</h5>
<iframe src="/test/mindmup.html" width="99%" height="500px" scrolling="no" frameborder="none"></iframe>

<h5 class="tips">テキスト</h5>
<ul><li>スペースキー or ダブルクリックで編集開始</li><ul><li>エンターキーで枝を作成して入力開始</li><ul><li>ここを選択した状態で、つなぎたい枝をAlt + クリックすると、線がつながります</li></ul><li>Shift + tabで選択している枝の親を作成</li><ul><li>エンターキーで同階層の枝を作成</li></ul><li>Shift+ スペースで、枝の色も変えられます</li><li>タスク管理もできちゃいます</li><ul><li>Done</li><li>Someday</li><li>Doing</li><li>Task</li><ul><li>Subtask</li></ul></ul><li>方向キーで反対側へ枝を作成</li><ul><li>Tabでさらに子の枝を作成</li><li>ここもTabキーで作成</li><ul><li>さらに孫の枝も</li></ul></ul><li>このように、矢印でつなぐことも可能</li><li>すべてのショートカットキーはこちら</li></ul></ul>
<p>※テキストはタブをリスト表記に変換しています。</p>

<h4 class="tips">MindMupのショートカットキー</h4>
<style>table {border-collapse: collapse;}th {border: solid 1px #666666;color: #000000;background-color: #ff9999;}td {border: solid 1px #666666;color: #000000;background-color: #ffffff;}</style><table><thead><tr><th>ショートカットキー</th><th>説明</th></tr></thead><tbody><tr><th colspan="2">ノード（枝）の操作</th></tr><tr><th>Enter</th><td>兄弟ノードを追加</td></tr><tr><th>Tab</th><td>子ノードを追加</td></tr><tr><th>Shift+Tab</th><td>親ノードを挿入</td></tr><tr><th>Space</th><td>ノードを編集モードに切り替える</td></tr><tr><th>Shift+Space</th><td>ノードの色を変える</td></tr><tr><th>A</th><td>ノードのメモをエディタで編集する</td></tr><tr><th>Backspace or Delete</th><td>ノードを削除</td></tr><tr><th>Ctrl+↑/↓</th><td>ノードを　上に移動/下に移動</td></tr><tr><th colspan="2">編集</th></tr><tr><th>Ctrl+S</th><td>保存</td></tr><tr><th>Ctrl+X or C</th><td>切り取り</td></tr><tr><th>Ctrl+V or P</th><td>貼り付け</td></tr><tr><th>Ctrl+Shift+V</th><td>スタイルのみ貼付け</td></tr><tr><th>Ctrl+C or Y</th><td>コピー</td></tr><tr><th>U or Ctrl+Z</th><td>一つ前の行動をキャンセル</td></tr><tr><th>R or Ctrl+Y or Ctrl+Shift+Z</th><td>やり直す</td></tr><tr><th colspan="2">選択</th></tr><tr><th>矢印キー</th><td>選択するノードを変更する</td></tr><tr><th>{</th><td>選択しているノードと、その子ノードすべてを選択する</td></tr><tr><th>[</th><td>選択しているノードの子ノードを全て選択する（現在選択しているものは選択しない）</td></tr><tr><th>=</th><td>選択しているノードと同階層のノードをすべて選択する</td></tr><tr><th>.</th><td>複数選択を解除する</td></tr><tr><th>1-9</th><td>指定した階層レベルのノードを全て選択する（例：１は１階層目を全て選択）</td></tr><tr><th>0</th><td>ルートのノード（真ん中にある最初の0レベルのノード）を選択する</td></tr><tr><th colspan="2">ナビゲーションとスクリーン操作</th></tr><tr><th>/ or Shift+↑</th><td>選択しているノードの子ノードを　表示する/非表示にする</td></tr><tr><th>Ctrl + or Z</th><td>拡大</td></tr><tr><th>Ctrl - or Shift Z</th><td>縮小</td></tr><tr><th>Esc, Ctrl+0</th><td>マップビューをリセットする（表示位置を真ん中に戻す）</td></tr><tr><th>Ctrl+B</th><td>ツールバーを隠す（もう一度押すと再表示される）</td></tr><tr><th>Ctrl+Shift+B</th><td>トップメニューを隠す（もう一度押すと再表示される）</td></tr></tbody></table>


<p>興味がある方は<a target="_blank" href="https://chrome.google.com/webstore/detail/mindmup/dnenaecjcgeppfpaokiifokeieopppej?utm_source=chrome-ntp-icon">MindMup</a>へどうぞ。</p>

<p>Googleドライブから以下のように追加することもできます。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/07/mindmup4.png" alt="アプリを追加" width="500" height="447" class="alignnone size-full wp-image-26423" /><br />↑Googleドライブの画面で【作成】ボタンを押し、【アプリを追加】をクリック</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/07/mindmup5.png" alt="Googleドライブに追加" width="500" height="165" class="alignnone size-full wp-image-26422" /><br />↑検索ボックスでMindmupと検索をするとMindmupが出てくるので、これをクリックしてGoogleドライブに追加します。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/07/mindmup6.png" alt="アカウントを連携" width="500" height="399" class="alignnone size-full wp-image-26421" /><br />↑初回起動時にGoogleドライブのアカウントとの連携を承認する必要があります。</p>

<p>Googleドライブからアプリを追加したい方は<a target="_blank" href="https://drive.google.com/">Google Drive</a>へどうぞ。</p>
