ビジネスの様々な局面で、アイデアを広げたいシーンがあると思います。マインドマップ、アウトラインエディタ、チャート作成ツール、手書きメモなど、僕がよく使っている、アイデアの発展・整理ツールを紹介します。 途中、動画が省略されています。実際の動画は以下のYouTubeページで閲覧できます。 スライド添付資料：MindNode使用例 https://youtu.be/B7Qfns64Cfk スライド添付資料：Scapple使用例 https://youtu.be/faLxamRXN5U http://media-massage.net/works/docs/easysass/

1. P R E S E N T A T I O N :
アイデアを発展・整理するための
便利なアプリとその使い方
フロントエンドエンジニア 堀祐磨 (ほりでー)

2. アイデアを発展・整理するための便利なアプリとその使い方
企画・提案・デザイン・工数出
し・情報設計・ネットワーク設
計・データベース設計・クラス設
計・スケジュール立案・リスケ・
タスクの洗い出し・問題の発見・
解決方法の模索・実装方針の決
定・目標の設定・作業フローの
見直し・リファクタリングなど…

3. アイデアを発展・整理するための便利なアプリとその使い方
企画・提案・デザイン・工数出
し・情報設計・ネットワーク設
計・データベース設計・クラス設
計・スケジュール立案・リスケ・
タスクの洗い出し・問題の発見・
解決方法の模索・実装方針の決
定・目標の設定・作業フローの
見直し・リファクタリングなど…
アイデアを広げたい!

4. アイデアを発展・整理するための便利なアプリとその使い方
紙が最強…?
テキストエディタで十分…?
イラレ使えばいい?

5. アイデアを発展・整理するための便利なアプリとその使い方
他にもいいものがあるよ!

6. アイデアを発展・整理するための便利なアプリとその使い方
紙が最強…? テキストエディタで十分…? イラレ使えばいい?
自由で直感的で手軽
デバイス・電力不要
コラボレーション可
薄くて軽い
2000年以上の信頼と実績
紙が最強な理由

7. アイデアを発展・整理するための便利なアプリとその使い方
紙が最強…? テキストエディタで十分…? イラレ使えばいい?
(僕の)字が汚い
(僕の)描く図が汚い
書いたものは動かせない
面積に限界がある
電子化が面倒
紙が苦手とすること

8. アイデアを発展・整理するための便利なアプリとその使い方
紙が最強…? テキストエディタで十分…? イラレ使えばいい?
視覚的な表現力が超弱い
•
紙に比べて圧倒的に不自由
• • •
行の入れ替えはコピペ
テキストエディタの弱点

9. アイデアを発展・整理するための便利なアプリとその使い方
紙が最強…? テキストエディタで十分…? イラレ使えばいい?
機能が大げさすぎる
学習コストが高い
起動が遅い・重い
自由すぎる
Illustrator等
本格的なツールの弱点

10. アイデアを発展・整理するための便利なアプリとその使い方
紙が最強…? テキストエディタで十分…? イラレ使えばいい?
程よい自由と制約
要素の移動・入れ替えが直感的
綺麗な図が誰にでも作れる
使い方が簡単・手軽
これから紹介するアプリの
良いところ
思考を妨げない!

11. アイデアを発展・整理するための便利なアプリとその使い方
紙的な自由さ
テキストエディタ的
制約
MindNode
Scapple
Tree2
OmniOutliner
マインドマップ系
アウトライナー系
Grafio
簡易チャート系
OSX対応 iOS対応
UPAD3
手書きノート系
XMinid
Nodebook

12. アイデアを発展・整理するための便利なアプリとその使い方
マインドマップ系

13. アイデアを発展・整理するための便利なアプリとその使い方
こんな感じで使ってます

14. アイデアを発展・整理するための便利なアプリとその使い方
このスライドの構成を考えたとき
のアイデア出し: 約30分(25倍速)

19. 特長
アウトラインエ
に対し、2次元
公式ルールがあ

20. アウトラインエディタが上から下の1次元なの
に対し、2次元的な広がりを持つ
視覚的に関係を整理、把握できるこ
とが最大のメリット
公式ルールがある 個人的にはそんなに好きじゃない…
ブレインストーミング
言葉を繋げて連想を広げる
無秩序に出てきた項目をグルーピングする
抽象的なことを
整理する
他人に説明する
議事録 キーワードを拾って整理
思考を止めることなくノードを移動できる

21. マインドマップ
用途
ブレインスト
タスクの洗
つまり…

22. アウトラインエディタが上から下の1次元なの
に対し、2次元的な広がりを持つ
視覚的に関係を整理、把握できるこ
とが最大のメリット
公式ルールがある 個人的にはそんなに好きじゃない…
ブレインストーミング
言葉を繋げて連想を広げる
無秩序に出てきた項目をグルーピングする
抽象的なことを
整理する
他人に説明する
議事録 キーワードを拾って整理
思考を止めることなくノードを移動できる
タスクの洗い出し タスクをどんどん細かく砕いていくことができる
つまり…
とにかく言葉を連想させる
まとまりを持たせる
樹形図的な構造を持ったデータの整理 プロジェクトのディイレクトリ構成

23. アイデアを発展・整理するための便利なアプリとその使い方
おすすめマインドマップ系アプリ
動画で使ってたアプリ
Mac, iPad, iPhone, AppleWatch対応
MindNode
https://mindnode.com
https://itunes.apple.com/jp/app/mindnode-2-delightful-mind/id992076693?mt=12

24. アイデアを発展・整理するための便利なアプリとその使い方
おすすめマインドマップ系アプリ
ベーシック版が無料
Evernote保存対応
図のフォーマットが多彩
フローチャート対応
Mac, Win対応
Windows的外観
XMind
http://jp.xmind.net

25. アイデアを発展・整理するための便利なアプリとその使い方
簡易チャート系

26. アイデアを発展・整理するための便利なアプリとその使い方
こんな感じで使ってます

27. アイデアを発展・整理するための便利なアプリとその使い方
僕の自炊生活について
思いつくこと: 約25分(25倍速)

33. ネットワーク図的なものや
広大な相関図も…

34. ネットワーク図的なもの、
広大なマップなど…

36. 特長
マインドマッ
ノード間の関
スタイルが自
複数のノード
豊かな図をマ

37. マインドマップと違い、中心が存在しない
ノード間の関係は自由
接続に方向(矢印)を付けることができる
接続の方向はあってもなくても良い
多対多で接続しても良い
スタイルが自由 カコミの有無は自由
複数のノードをグループ化できる
豊かな図をマインドマップと同じ程度の気軽さで作成できる Adobeのソフ
紙と同じくらい自由
KJ法
マインドマップよりも更に自由なブレインストーミング

38. 向(矢印)を付けることができる
向はあってもなくても良い
接続しても良い
で作成できる Adobeのソフトではここまで気軽には作れない
ーミング

39. Scapple 紙と同じくら
用途
KJ法
マインドマップ
ワークフロー
簡易UML
サイトマップ作
簡易ワイヤーフ

40. 豊かな図をマインドマップと同じ程度の気軽さで作成できる
紙と同じくらい自由
途
KJ法
マインドマップよりも更に自由なブレインストーミング
ワークフローを図にする
簡易UML
サイトマップ作成
簡易ワイヤーフレーム
プリ

41. アイデアを発展・整理するための便利なアプリとその使い方
おすすめ簡易チャート系アプリ
動画で使ってたアプリ
Mac, Windows対応
Scapple
https://www.literatureandlatte.com/scapple.php
https://itunes.apple.com/jp/app/scapple/id568020055?mt=12

42. アイデアを発展・整理するための便利なアプリとその使い方
https://github.com/hokkey/scapple-note-style-template-for-japanese
[宣伝] GitHubにテンプレート公開してます

43. アイデアを発展・整理するための便利なアプリとその使い方
おすすめ簡易チャート系アプリ
Scapple的な使い方もできるiOSアプリ
iPad, iPhone対応
Grafio
http://tentouchapps.com/grafio/
https://itunes.apple.com/jp/app/grafio-diagrams-ideas/id382418196?mt=8

44. アイデアを発展・整理するための便利なアプリとその使い方
アウトライナー系

45. アイデアを発展・整理するための便利なアプリとその使い方
アウトラインエディタとも言う
段落や見出しレベルを直感的に
入れ替えできるワープロソフト
長文に強い
他形式への書き出しにも強い
文書の構成や執筆に向くが、
アイデア整理にも使える
アウトライナーとは

46. アイデアを発展・整理するための便利なアプリとその使い方
こんな感じで使ってます

47. アイデアを発展・整理するための便利なアプリとその使い方
自作ツールのReadMe
デモンストレーション: 等倍速

50. アイデアを発展・整理するための便利なアプリとその使い方
おすすめアウトライナー系アプリ
アウトライナーとしてはレイアウト
の自由度が高い
OPMLを直接編集できる
Macのみ対応
Tree2
http://www.topoftree.jp/tree/
https://itunes.apple.com/jp/app/tree-2/id944654199?mt=12

51. アイデアを発展・整理するための便利なアプリとその使い方
おすすめアウトライナー系アプリ
老舗的ソフトで使いやすい
値段が高め
Mac対応／iPad, iPhone対応
OmniOutliner
https://www.omnigroup.com/omnioutliner
https://itunes.apple.com/jp/app/omnioutliner/id404478020?mt=12

52. アイデアを発展・整理するための便利なアプリとその使い方
おすすめアウトライナー系アプリ
シンプルで使いやすい
iPhone, iPad対応・無料(一部有料)
Nodebook
https://itunes.apple.com/jp/app/nodebook-aideawo-zheng-lisuru/id366150101?mt=8

53. アイデアを発展・整理するための便利なアプリとその使い方
手書きノート系

54. アイデアを発展・整理するための便利なアプリとその使い方
こんな感じで使ってます

55. アイデアを発展・整理するための便利なアプリとその使い方
おすすめ手書き系アプリ
手書きだけでなく、テキ
スト入力や図形の描画に
も対応
線のコピペができるので、
手書きで書いた要素を量
産できる。UIデザインの
走り書きに便利
UPAD3
https://ipadnotebook.wordpress.com/tag/upad3/

56. アイデアを発展・整理するための便利なアプリとその使い方
おすすめ手書き系アプリ
線がベクター化されるので
とても綺麗
方眼背景も付けられる
iPad専用
UPAD3
https://ipadnotebook.wordpress.com/tag/upad3/
https://itunes.apple.com/jp/app/upad-3/id401643317?mt=8

57. アイデアを発展・整理するための便利なアプリとその使い方
まとめ

58. アイデアを発展・整理するための便利なアプリとその使い方
紙的な自由さ
テキストエディタ的
制約
MindNode
Scapple
Tree2
OmniOutliner
マインドマップ系
アウトライナー系
Grafio
簡易チャート系
OSX対応 iOS対応
UPAD3
Xmind
手書きノート系
Nodebook

59. アイデアを発展・整理するための便利なアプリとその使い方
紙的な自由さ
テキストエディタ的
制約
MindNode
Scapple
Tree2
OmniOutliner
マインドマップ系
アウトライナー系
Grafio
簡易チャート系
OSX対応 iOS対応
UPAD3
Xmind
手書きノート系
Nodebook
移動の制約が強い
テキスト系のアウトプット形式が多彩
長文の扱いに長ける

60. アイデアを発展・整理するための便利なアプリとその使い方
紙的な自由さ
テキストエディタ的
制約
MindNode
Scapple
Tree2
OmniOutliner
マインドマップ系
アウトライナー系
Grafio
簡易チャート系
OSX対応 iOS対応
UPAD3
Xmind
手書きノート系
Nodebook
移動の制約が強い
テキスト系のアウトプット形式が多彩
長文の扱いに長ける

61. アイデアを発展・整理するための便利なアプリとその使い方
紙的な自由さ
テキストエディタ的
制約
MindNode
Scapple
OmniOutliner
マインドマップ系
アウトライナー系
Grafio
簡易チャート系
OSX対応 iOS対応
UPAD3
Xmind
手書きノート系
Nodebook
Tree2

62. アイデアを発展・整理するための便利なアプリとその使い方
紙的な自由さ
テキストエディタ的
制約
MindNode
Scapple
OmniOutliner
マインドマップ系
アウトライナー系
Grafio
簡易チャート系
OSX対応 iOS対応
UPAD3
Xmind
手書きノート系
Nodebook
ノードの位置はある程度自由だが、
基本的には強制される
大きな概念から小さい概念へ掘り下
げたい時に強力なツール
Tree2

63. アイデアを発展・整理するための便利なアプリとその使い方
紙的な自由さ
テキストエディタ的
制約
MindNode
Scapple
OmniOutliner
マインドマップ系
アウトライナー系
Grafio
簡易チャート系
OSX対応 iOS対応
UPAD3
Xmind
手書きノート系
Nodebook
Tree2

64. アイデアを発展・整理するための便利なアプリとその使い方
紙的な自由さ
テキストエディタ的
制約
MindNode
Scapple
Tree2
OmniOutliner
マインドマップ系
アウトライナー系
Grafio
簡易チャート系
OSX対応 iOS対応
UPAD3
Xmind
手書きノート系
Nodebook

65. アイデアを発展・整理するための便利なアプリとその使い方
紙的な自由さ
テキストエディタ的
制約
MindNode
Scapple
Tree2
OmniOutliner
マインドマップ系
アウトライナー系
Grafio
簡易チャート系
OSX対応 iOS対応
UPAD3
Xmind
手書きノート系
Nodebook
ノードの位置は完全に自由
雑多なものを徐々にまとめていくタイプの
アイデア出しに向く
様々なチャート作成にも使える
テキスト形式での出力ができないか、
できたとしても使いにくい(順番がバラバラ)

66. アイデアを発展・整理するための便利なアプリとその使い方
紙的な自由さ
テキストエディタ的
制約
MindNode
Scapple
Tree2
OmniOutliner
マインドマップ系
アウトライナー系
Grafio
簡易チャート系
OSX対応 iOS対応
UPAD3
Xmind
手書きノート系
Nodebook

67. アイデアを発展・整理するための便利なアプリとその使い方
紙的な自由さ
テキストエディタ的
制約
MindNode
Scapple
Tree2
OmniOutliner
マインドマップ系
アウトライナー系
Grafio
簡易チャート系
OSX対応 iOS対応
UPAD3
Xmind
手書きノート系
Nodebook

68. アイデアを発展・整理するための便利なアプリとその使い方
紙的な自由さ
テキストエディタ的
制約
MindNode
Scapple
Tree2
OmniOutliner
マインドマップ系
アウトライナー系
Grafio
簡易チャート系
OSX対応 iOS対応
UPAD3
Xmind
手書きノート系
Nodebook
コピペや取り消しが
できる紙
書こうと思えばイラ
ストも書ける表現力
テキストでの書き出
しは不可能

69. アイデアを発展・整理するための便利なアプリとその使い方
紙的な自由さ
テキストエディタ的
制約
マインドマップ系
アウトライナー系
簡易チャート系
手書きノート系
MindNode
Scapple
Tree2
OmniOutliner
Grafio
OSX対応 iOS対応
UPAD3
Xmind
Nodebook

70. アイデアを発展・整理するための便利なアプリとその使い方
紙的な自由さ
テキストエディタ的
制約
マインドマップ系
アウトライナー系
簡易チャート系
手書きノート系
文書の構成
会議メモ
簡易
ワイヤー
フレーム
フロー
チャート
ブレスト／ToDo洗い
出し／デザイン／企画
／設計 etc...
文書の執筆
アイデア
出し全般

71. アイデアを発展・整理するための便利なアプリとその使い方
紙的な自由さ
テキストエディタ的
制約
マインドマップ系
アウトライナー系
簡易チャート系
手書きノート系
MindNode
Scapple
Tree2
OmniOutliner
Grafio
OSX対応 iOS対応
UPAD3
Xmind
Nodebook
無料有 特にオススメ
無料有
体験版
体験版
体験版
体験版
体験版
体験版

72. アイデアを発展・整理するための便利なアプリとその使い方
ピンとくるものを自由に使う

73. アイデアを発展・整理するための便利なアプリとその使い方
同じテーマでも
違うツールで考えてみる

74. アイデアを発展・整理するための便利なアプリとその使い方
自分に合ったツールを
見つけよう!

75. Thank you!