![Page 1: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/1.jpg)
Seeing is understanding.Seeing is understanding.
ソフトウェア開発に役立つビジュアル思考マインドマップ/UMLを現場で有効活用しよう
平鍋健児
株式会社チェンジビジョン
![Page 2: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/2.jpg)
2 Seeing is understanding.Seeing is understanding.
本日の目的
• ソフトウェア開発の現場でマインドマップを使える場面と例を紹介。
• UMLの簡単な使い方を紹介。
• 両方の利点を活かした使い方を提案。
• ソフトウェア開発をもっと、協調的に、生産的に、創造的に、そして、楽しくする。
![Page 3: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/3.jpg)
3 Seeing is understanding.Seeing is understanding.
自己紹介• ㈱永和システムマネジメント
– 本社:福井県福井市、支社:東京(2002-)
– Ruby と Agileを使ったシステム開発
• 株式会社チェンジビジョン
– 本社: 東京
– astah*(JUDE) で見える化
• 平鍋健児
– リアルタイム,CAD, オブジェクト指向の実践
– UMLエディタJUDE/astah*の開発
– アジャイルプロセス協議会、副会長
– 翻訳、XP関連書籍、『リーン開発の本質』等多数。
– 2008 Gordon Pask Award Recipient for contributions to Agile practice
http://www.change-vision.com/
![Page 4: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/4.jpg)
4 Seeing is understanding.Seeing is understanding.
アジェンダ
• Mind Map
• UML
• Mind Map ⇒ UML
![Page 5: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/5.jpg)
Seeing is understanding.Seeing is understanding.
Mind Map
![Page 6: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/6.jpg)
6 Seeing is understanding.Seeing is understanding.
Mind Map
• Tony Buzan
• グラフィカルなノート術(だけではない)
• 考えを放射状に記述– キーワード指向
– 弱いセマンティクス
– 早い、簡単
– ぱっ、と全体を見渡せる
– プレイバック効果
– ブレインストーミング
![Page 7: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/7.jpg)
7 Seeing is understanding.Seeing is understanding.Kent Beck’s XP 2nd
![Page 8: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/8.jpg)
Retrospectives using Keep/Problem/Try format
![Page 9: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/9.jpg)
Seminar Ideas by Kenji HIRANABE
![Page 10: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/10.jpg)
10 Seeing is understanding.Seeing is understanding.
描いてみよう:偏愛マップ
• セントラルイメージ
– 名前と絵
• 自己紹介
– 仕事
– 好きなこと(できるだけ具体的に)
![Page 11: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/11.jpg)
11 Seeing is understanding.Seeing is understanding.
![Page 12: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/12.jpg)
12 Seeing is understanding.Seeing is understanding.
![Page 13: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/13.jpg)
『要件プロセス完全習得法』Mastering the Requirements Process by Suzanne and James Robertson, 1999.
![Page 14: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/14.jpg)
When, What, Why, Who, Where,
Result の5つの観点から、企画をまとめています。この最初の枝をBOIと
呼びます。
中心にテーマをすえます。
When, すなわち日
時に関する事項をこの枝に並べています。
中心テーマに関する「絵」(セントラルイメージ)を入れて、印象を強めます。
ポイントに、アイコン(小さな絵)を入れます。
![Page 15: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/15.jpg)
セントラルイメージに、書影を入れている(思い出しやすいように)。
著者等の本の情報
自分の過去の知識とオーバーラップした部分は、囲みで強調してある。(自分のためのメモだから)
点線で関連するトピックを繋いでいる。
一冊の本をマインドマップにまとめた例。読んだ本の自分にとっての大切なことが、一枚にまとまっているので、本の内容を思い出すのに重宝する。
![Page 16: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/16.jpg)
会議中に、議論の内容をプロジェクタに写しながら、全員の理解を共有している。マインドマップは、事前に用意した物をもとに、ディスカッションの内容を書き加えていき、議論のプロセスも共有する。
プロジェクタに写したマインドマップ
ホワイトボードも併用
ファシリテーターのPC
をプロジェクタに接続している。
![Page 17: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/17.jpg)
Seeing is understanding.Seeing is understanding.
UML
![Page 18: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/18.jpg)
18 Seeing is understanding.Seeing is understanding.
UML(いまさらですが)
• モデリングのための図言語
• Unified Modeling Language(統一モデリング言語)
– モデリング≒目的を持った抽象化
• システム開発の分析、設計、実装で使用する
– 業務やシステムの構造と振る舞いを明らかにする
– 思考ツール、コミュニケーションツール
• 言語なので読み書き可能
– 文法(表記法)がある、意味を伝える、記録する
![Page 19: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/19.jpg)
19 Seeing is understanding.Seeing is understanding.
UML図の分類
動的
静的
論理 物理
企業
従業員経営者 組織
技術営業
クラス図
営業部:組織
営業1課:組織 山田さん:従業員
田中さん:従業員
オブジェクト図
<<controller>>
<<view>>
<<model>>
コンポーネント図
:server:client
配置図
従業員
出社処理をする
退社処理をする
集計処理をする
管理者
ユースケース図
シーケンス図
コラボレーション図
在席
出張
在宅出社
退社
出張 帰社
直行
直帰
ステートチャート図
休暇申請
申請者 上司 人事
承認
決裁
アクティビティ図
![Page 20: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/20.jpg)
20 Seeing is understanding.Seeing is understanding.
ユースケース図
• 目的– あるシステム化対象領域において、その範囲で必要となるユースケース(利用場面、サービス)を洗い出し、そのサービスを利用する登場人物(アクター)との関係を表現する
• どのタイミングで描くか– 顧客の現在の業務を整理する場面
– 顧客が(今回)開発したいシステムを表現する場面
![Page 21: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/21.jpg)
21 Seeing is understanding.Seeing is understanding.
例:受注管理システム
ユーザユーザユーザユーザ
注文する注文する注文する注文する
商品を発送する商品を発送する商品を発送する商品を発送する
受注管理システム
注文担当注文担当注文担当注文担当
在庫管理システム在庫管理システム在庫管理システム在庫管理システム
![Page 22: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/22.jpg)
22 Seeing is understanding.Seeing is understanding.
ユースケース図の構成要素• アクター
– システムを利用するユーザの役割役割役割役割や、外部システムを棒人間(スティックマン)で表します
• ユースケース– アクターが利用するシステムのサービス、アクターを利用する外部システムのサービスを楕円で表します
• 関連– アクターがユースケースを利用したり、ユースケースがアクターに影響を及ぼす関係を表します
• システム境界– システムの内部と外部を区別する境界を表します– 四角の内にあるユースケースは、システム内のユースケースであることを表します
• 包含(include)– あるユースケースが別のユースケースを使用していることを表現します
システム名称
ƒ Aƒ Nƒ ^ [
ユースケース
《include》
![Page 23: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/23.jpg)
23 Seeing is understanding.Seeing is understanding.
描いてみよう:ユースケース図
• 名称:Webチケット販売システム
• 利用者:ユーザ、システム管理者
• システム概要:– 会員登録されているユーザはサイトにログインし、Web上で催し物のチケット購入ができます
– チケット購入の決済はクレジット会社の決済システム(決済くん)により行います
– システム管理者はサイトにログインし、Web上で催し物チケットの売れ行きを見ることができます
![Page 24: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/24.jpg)
24 Seeing is understanding.Seeing is understanding.
回答例
![Page 25: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/25.jpg)
25 Seeing is understanding.Seeing is understanding.
クラス図
• 目的– 業務やシステム、プログラムで使われる概念(クラス)を抽出する
– 概念間の関係を表現する
• どのタイミングで描くか– 業務をモデリングする場面(概念モデリング、用語辞書)
– 実装クラス設計をする場面
– データベースを設計する場面
![Page 26: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/26.jpg)
26 Seeing is understanding.Seeing is understanding.
クラス図の例
- マネージャ1
1
-開発者1..*
0..*
メンバーメンバーメンバーメンバー
-名前-所属
1
1 構築する
勘定系システム勘定系システム勘定系システム勘定系システム
*
*
利用する
情報系システム情報系システム情報系システム情報系システム
-利用時間
1
*
管理する
-管理者1
*
管理する
-利用者*
*
利用する
営業部員営業部員営業部員営業部員
-名前-従業員番号
経理部員経理部員経理部員経理部員
-名前-役職
-プロジェクト名-期間-予算
プロジェクトプロジェクトプロジェクトプロジェクト
システムシステムシステムシステム
- システム名
顧客顧客顧客顧客
-名前-顧客ID
![Page 27: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/27.jpg)
27 Seeing is understanding.Seeing is understanding.
描いてみよう:クラス図
• 名称:Webチケット販売システム
• 語彙:
– チケット … イベントに対応するチケット
–購入 … 一回の購入
–会員 … チケットを購入した会員
![Page 28: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/28.jpg)
28 Seeing is understanding.Seeing is understanding.
回答例
![Page 29: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/29.jpg)
Seeing is understanding.Seeing is understanding.
Mind Map ⇒ UML
![Page 30: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/30.jpg)
ユーザー要望の聞き取りに使う、典型的なマインドマップのテンプレートである。ユーザのタイプやインタビューの段階次第で、さまざまな工夫が可能。
最も基本的な、要求の背景や本質を聞き出す質問。
他の重要なステークホルダーを聞き出す質問。この人たちにも、インタビューの必要があるかもしれない。
システムのユーザーを聞き出す質問。UMLのユースケース
図における、「アクター」の候補となることが多い。
システムの目的、利用場面を聞きだす質問。UMLのユース
ケース図における、「ユースケース」の候補となることが多い。
システムが扱う概念群を聞き出す質問。UMLの概念クラス
図の「クラス」の候補となることが多い。
質問について、うまく回答がえられなかった場合、この枝にメモを残すようにする。
![Page 31: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/31.jpg)
実際に「図書館システム」についてのユーザ要望をヒアリングしたマインドマップ。(結果) 日付と題名を入
れ、それをイメージする画像をセントラルイメージとする。
利用者の増加と、予算がそもそもの動機であった。利用者の増加に対応できることが必須要件であることがわかる。
途中で出た宿題は、「宿題」の枝に入れ、最後に確認しながら期限も決めてしまう。関連するトピックと点線矢印で繋いでおくと分かりやすい。
このシステムの利用者(アクター)が見つかる。
このシステムの利用場面(ユースケース)が見つかる。
概念クラスの候補がみつかる
司書のみなさんを集めたミーティングを開くことが示唆される。
![Page 32: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/32.jpg)
アクターとしてドラッグ&ドロップ
ユースケースとしてドラッグ&ドロップ
![Page 33: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/33.jpg)
柔らかい柔らかい柔らかい柔らかい曖昧曖昧曖昧曖昧とらえどころがないとらえどころがないとらえどころがないとらえどころがない
固い固い固い固い厳密厳密厳密厳密意味・関係の把握意味・関係の把握意味・関係の把握意味・関係の把握
まずは、意味や関係を厳密に規定しないで、出せる物を出すモード。ここでは、「柔らかい」図解法を使い、発散と理解を促す。
次に、出た物の意味や関係を考えて、記述するモード。ここでは、「固い」図解法を使い、意味づけ、定義、関連付けを固める。
Mind Map UML
要求収集要求収集要求収集要求収集(要求のギャザリング)(要求のギャザリング)(要求のギャザリング)(要求のギャザリング)
要求構築要求構築要求構築要求構築(要求のモデリング)(要求のモデリング)(要求のモデリング)(要求のモデリング)
頭の中や頭の中や頭の中や頭の中やアイディアアイディアアイディアアイディア
「要求を把握する」、という過程を2つに分けて考える
1 2
発散発散発散発散 収束収束収束収束
収集 整理 分析 構築
![Page 34: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/34.jpg)
34 Seeing is understanding.Seeing is understanding.
astah* Mind Map と UML の融合
http://astah.change-vision.com
![Page 35: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/35.jpg)
35 Seeing is understanding.Seeing is understanding.
Stickyminds.com article“Agile Modeling with Mind Map and UML”
stickyminds Kenji HIRANABE Search
![Page 36: Using Mind Maping And UML Effectively in Software Development](https://reader033.vdocuments.site/reader033/viewer/2022052908/5595a0941a28ab05448b468d/html5/thumbnails/36.jpg)
Seeing is understanding.Seeing is understanding.
ご清聴ありがとうございましたマインドマップやUML、図を使ったコミュニケ
ーションを有効に使って、自分たちの仕事を協調的に、生産的に、創造的に、そして楽しく変えて行きましょう。