事例から学ぶ実例マッピングのやり方 / Example Mapping

by nihonbuson

Slide 1

Slide 1 text

事例から学ぶ実例マッピングのやり方ブロッコリー (@nihonbuson)

Slide 2

Slide 2 text

実例マッピングとは何か

Slide 3

Slide 3 text

実例マッピングルールの理解を明確にする手法 ● 赤い付箋（疑問点）だらけ ○ 学ぶ内容がまだ沢山ある ● 青い付箋（ルール）だらけ ○ ストーリーが大きく複雑 ○ ストーリーを分割すべき ● 1つのルールに多くの緑の付箋 ○ ルールが複雑すぎる ○ 複数の青い付箋（ルール）に分割すべき日本語版: https://nihonbuson.hatenadiary.jp/entry/ExampleMapping https://cucumber.io/blog/bdd/example-mapping-introduction/

Slide 4

Slide 4 text

実例マッピングの範囲

Slide 5

Slide 5 text

テスト活動っていつやるの？ ● 開発の実装が終わったらテスト活動を始める？ ● 開発の実装が始まるのと同時にテスト活動を始める？ ● 開発の実装前からテスト活動を始める？

Slide 6

Slide 6 text

継続的テストモデル https://danashby.co.uk/2016/10/19/continuous-testing-in-devops/

Slide 7

Slide 7 text

継続的テストモデル（改） https://lisacrispin.com/2020/11/01/shifting-left-right-in-our-continuous-world/

Slide 8

Slide 8 text

継続的テストモデル（改） https://lisacrispin.com/2020/11/01/shifting-left-right-in-our-continuous-world/ テスト作業の範囲になりがち

Slide 9

Slide 9 text

継続的テストモデル（改） https://lisacrispin.com/2020/11/01/shifting-left-right-in-our-continuous-world/ TDDの範囲

Slide 10

Slide 10 text

継続的テストモデル（改） https://lisacrispin.com/2020/11/01/shifting-left-right-in-our-continuous-world/ 実例マッピングの範囲

Slide 11

Slide 11 text

Vモデルで言うと… http://jasst.jp/symposium/jasst12tokyo/pdf/D4-1.pdf を元に作成実例マッピングの範囲

Slide 12

Slide 12 text

実例マッピングでの登場人物

Slide 13

Slide 13 text

Three Amigos 3つの立場の人が集まり協調的に要件を確認する People vector created by stories - www.freepik.com QA(Tester) 開発者 PO

Slide 14

Slide 14 text

事例を用いた実例マッピングの作り方

Slide 15

Slide 15 text

事例を通じて伝えたいこと ● 実例マッピングというプラクティスを使うことが大切なのではない！ ● ストーリーとルールと例と疑問点を分けて会話し、分かれた状態で記録するという思考が大切！ ● 今回は、実例マッピングが作られていく過程となる会話も併せて紹介する

Slide 16

Slide 16 text

今回の題材・登場人物 PO QA 人数のグラフを良い感じに表示する開発者

Slide 17

Slide 17 text

スケールのルール追加人数のグラフを良い感じに表示したい「良い感じ」が分からないので色々質問しますね縦軸の目盛りは最大値を基準に良い感じでスケールが変わる最大値を基準にスケール変更人数のグラフを良い感じに表示する

Slide 18

Slide 18 text

1000人の場合例えば1000人の場合はどうなります？人数のグラフを良い感じに表示する

Slide 19

Slide 19 text

1000人の場合目盛りが4本なので、目盛りは250, 500, 750, 1000ですかね例えば1000人の場合はどうなります？人数のグラフを良い感じに表示する

Slide 20

Slide 20 text

具体例の追加例えば1000人の場合はどうなります？人数のグラフを良い感じに表示する最大値を基準にスケール変更 1000人

Slide 21

Slide 21 text

具体例の追加目盛りが4本なので、目盛りは250, 500, 750, 1000ですかね例えば1000人の場合はどうなります？人数のグラフを良い感じに表示する最大値を基準にスケール変更 1000人 250,500 750,1000

Slide 22

Slide 22 text

目盛りのルールの追加目盛りが4本なので、目盛りは250, 500, 750, 1000ですかね例えば1000人の場合はどうなります？人数のグラフを良い感じに表示する最大値を基準にスケール変更目盛りが 4本出る 1000人 250,500 750,1000

Slide 23

Slide 23 text

800人の場合じゃあ800人だったら？人数のグラフを良い感じに表示する

Slide 24

Slide 24 text

具体例の追加人数のグラフを良い感じに表示する目盛りが 4本出る 1000人 250,500 750,1000 800人最大値を基準にスケール変更じゃあ800人だったら？

Slide 25

Slide 25 text

具体例の追加人数のグラフを良い感じに表示する目盛りが 4本出る 1000人 250,500 750,1000 800人 250,500 750,1000 最大値を基準にスケール変更じゃあ800人だったら？その場合も目盛りは 1000人の場合と同じです

Slide 26

Slide 26 text

1500人の場合人数のグラフを良い感じに表示するじゃあ1500人でも同じ？

Slide 27

Slide 27 text

1500人の場合人数のグラフを良い感じに表示するじゃあ1500人でも同じ？その場合は 400,800,1200,1600 に調整されますね

Slide 28

Slide 28 text

1500人の場合人数のグラフを良い感じに表示するじゃあ1500人でも同じ？ 1500人最大値を基準にスケール変更目盛りが 4本出る 1000人 250,500 750,1000 800人 250,500 750,1000

Slide 29

Slide 29 text

具体例の追加人数のグラフを良い感じに表示するその場合は 400,800,1200,1600 に調整されますねじゃあ1500人でも同じ？ 1500人 400,800 1200,1600 最大値を基準にスケール変更目盛りが 4本出る 1000人 250,500 750,1000 800人 250,500 750,1000

Slide 30

Slide 30 text

目盛りを超えないルールの追加人数のグラフを良い感じに表示する 1500人の場合はなぜ変わるんですかね？ 1500人 400,800 1200,1600 最大値を基準にスケール変更目盛りが 4本出る 1000人 250,500 750,1000 800人 250,500 750,1000

Slide 31

Slide 31 text

目盛りを超えないルールの追加人数のグラフを良い感じに表示する上の目盛りが 1000だとグラフが突き抜けてしまうので… 1500人の場合はなぜ変わるんですかね？一番上の目盛りを超えない 1500人 400,800 1200,1600 最大値を基準にスケール変更目盛りが 4本出る 1000人 250,500 750,1000 800人 250,500 750,1000

Slide 32

Slide 32 text

1050人の場合そしたら1050人は？ 1000人超えだけど… 人数のグラフを良い感じに表示する

Slide 33

Slide 33 text

具体例の追加人数のグラフを良い感じに表示する 1500人 400,800 1200,1600 最大値を基準にスケール変更目盛りが 4本出る 1000人 250,500 750,1000 800人 250,500 750,1000 そしたら1050人は？ 1000人超えだけど… 一番上の目盛りを超えない 1050人

Slide 34

Slide 34 text

具体例の追加人数のグラフを良い感じに表示するその場合はグラフが外にはみ出ないので目盛りは1000のままですね。 1500人 400,800 1200,1600 最大値を基準にスケール変更目盛りが 4本出る 1000人 250,500 750,1000 800人 250,500 750,1000 そしたら1050人は？ 1000人超えだけど… 1050人 250,500 750,1000 一番上の目盛りを超えない

Slide 35

Slide 35 text

ルールの変更人数のグラフを良い感じに表示するその場合はグラフが外にはみ出ないので目盛りは1000のままですね。一番上の目盛りを超えない 1500人 400,800 1200,1600 最大値を基準にスケール変更目盛りが 4本出る 1000人 250,500 750,1000 800人 250,500 750,1000 そしたら1050人は？ 1000人超えだけど… グラフがエリア外に出ないことが重要なんですね。 1050人 250,500 750,1000

Slide 36

Slide 36 text

ルールの変更人数のグラフを良い感じに表示するその場合はグラフが外にはみ出ないので目盛りは1000のままですね。データがエリア外に出ない 1500人 400,800 1200,1600 最大値を基準にスケール変更目盛りが 4本出る 1000人 250,500 750,1000 800人 250,500 750,1000 そしたら1050人は？ 1000人超えだけど… グラフがエリア外に出ないことが重要なんですね。 1050人 250,500 750,1000

Slide 37

Slide 37 text

600人の場合今度は小さい値を考えてみます。 600人はどうですか？人数のグラフを良い感じに表示する

Slide 38

Slide 38 text

具体例の追加人数のグラフを良い感じに表示する最大値を基準にスケール変更 600人今度は小さい値を考えてみます。 600人はどうですか？

Slide 39

Slide 39 text

具体例の追加人数のグラフを良い感じに表示する最大値を基準にスケール変更 600人 200,400 600,800 250,500,750,1000だとグラフが小さく表示されるので、200,400, 600,800ですかね。今度は小さい値を考えてみます。 600人はどうですか？

Slide 40

Slide 40 text

150人の場合人数のグラフを良い感じに表示するもっと小さい値で150人だったら？

Slide 41

Slide 41 text

具体例の追加人数のグラフを良い感じに表示する最大値を基準にスケール変更 600人 200,400 600,800 150人もっと小さい値で150人だったら？

Slide 42

Slide 42 text

具体例の追加人数のグラフを良い感じに表示する最大値を基準にスケール変更 600人 200,400 600,800 150人 40,80 120,160 そしたら40,80,120, 160ですかね。ちょうど良いのは。もっと小さい値で150人だったら？

Slide 43

Slide 43 text

ルールの発見人数のグラフを良い感じに表示するあー、確かにそうですねなるほどー。ここまでの話から最大値は目盛りの上から2番目よりは大きいように調整するんですかね？

Slide 44

Slide 44 text

ルールの発見人数のグラフを良い感じに表示する最大値を基準にスケール変更 600人 200,400 600,800 150人 40,80 120,160 あー、確かにそうですねなるほどー。ここまでの話から最大値は目盛りの上から2番目よりは大きいように調整するんですかね？

Slide 45

Slide 45 text

ルールの発見人数のグラフを良い感じに表示する最大値が目盛りの上から2番目よりは大きくなる 600人 200,400 600,800 150人 40,80 120,160 あー、確かにそうですねなるほどー。ここまでの話から最大値は目盛りの上から2番目よりは大きいように調整するんですかね？

Slide 46

Slide 46 text

2人の場合人数のグラフを良い感じに表示するさらに小さい値を考えてみます。 2人だとどうなります？

Slide 47

Slide 47 text

具体例の追加人数のグラフを良い感じに表示する最大値が目盛りの上から2番目よりは大きくなる 600人 200,400 600,800 150人 40,80 120,160 2人さらに小さい値を考えてみます。 2人だとどうなります？

Slide 48

Slide 48 text

具体例の追加人数のグラフを良い感じに表示する最大値が目盛りの上から2番目よりは大きくなる 600人 200,400 600,800 150人 40,80 120,160 4分割で考えると0.5, 1, 1.5, 2ですかね。 2人 0.5,1 1.5,2 さらに小さい値を考えてみます。 2人だとどうなります？

Slide 49

Slide 49 text

疑問点の追加人数のグラフを良い感じに表示する最大値が目盛りの上から2番目よりは大きくなる 600人 200,400 600,800 150人 40,80 120,160 あー、それは調整する必要があるかも。人数なのに小数点以下の目盛りがあるのは違和感がありますね 2人 0.5,1 1.5,2

Slide 50

Slide 50 text

疑問点の追加人数のグラフを良い感じに表示する最大値が目盛りの上から2番目よりは大きくなる 600人 200,400 600,800 150人 40,80 120,160 あー、それは調整する必要があるかも。人数なのに小数点以下の目盛りがあるのは違和感がありますね 2人 0.5,1 1.5,2 小数点の目盛りは表示される？

Slide 51

Slide 51 text

疑問点の追加人数のグラフを良い感じに表示する最大値が目盛りの上から2番目よりは大きくなる 600人 200,400 600,800 150人 40,80 120,160 価値が無くなる訳ではないので、今回は一旦そのままにしましょう！目盛りの数を状況によって変えるのは工数がかかるから今回はそのままにしたい… 2人 0.5,1 1.5,2 小数点の目盛りは表示される？

Slide 52

Slide 52 text

Slide 53

Slide 53 text

0人の場合人数のグラフを良い感じに表示するそれは自分もどうするか明確にしてないですね… あとは、0人だったらどうなります？目盛りがどのように調節されるのか分からない…

Slide 54

Slide 54 text

疑問点の追加人数のグラフを良い感じに表示する最大値が目盛りの上から2番目よりは大きくなる 600人 200,400 600,800 150人 40,80 120,160 それは自分もどうするか明確にしてないですね… あとは、0人だったらどうなります？目盛りがどのように調節されるのか分からない… 2人 0.5,1 1.5,2 小数点の目盛りは表示される？ →表示する最大値が0人の時に目盛りはどうする？

Slide 55

Slide 55 text

今回の実例マッピングのまとめ人数のグラフを良い感じに表示する 600人なら 200,400 600,800 150人なら 40,80 120,160 最大値が目盛りの上から2番目よりは大きくなるように調整 2人なら 0.5, 1 1.5, 2 小数点の目盛りは表示される？ →表示する最大値が0人の時に目盛りはどうする？目盛りが 4本出る 1000人なら 250,500 750,1000 800人なら 250,500 750,1000 データがエリア外に出ない 1500人なら 400,800 1200,1600 1050人なら 250,500 750,1000

Slide 56

Slide 56 text

実例マッピングの成果物から分かること

Slide 57

Slide 57 text

今回の実例マッピングの成果物人数のグラフを良い感じに表示する 600人なら 200,400 600,800 150人なら 40,80 120,160 最大値が目盛りの上から2番目よりは大きくなるように調整 2人なら 0.5, 1 1.5, 2 小数点の目盛りは表示される？ →表示する最大値が0人の時に目盛りはどうする？目盛りが 4本出る 1000人なら 250,500 750,1000 800人なら 250,500 750,1000 データがエリア外に出ない 1500人なら 400,800 1200,1600 1050人なら 250,500 750,1000

Slide 58

Slide 58 text

実例マッピングの成果物から分かること人数のグラフを良い感じに表示する 600人なら 200,400 600,800 150人なら 40,80 120,160 最大値が目盛りの上から2番目よりは大きくなるように調整 2人なら 0.5, 1 1.5, 2 小数点の目盛りは表示される？ →表示する最大値が0人の時に目盛りはどうする？目盛りが 4本出る 1000人なら 250,500 750,1000 800人なら 250,500 750,1000 データがエリア外に出ない 1500人なら 400,800 1200,1600 1050人なら 250,500 750,1000 ここがSpike Taskになる場合も… （調査・決定しない限り、開発に着手すべきでない）

Slide 59

Slide 59 text

実例マッピングの成果物から分かること人数のグラフを良い感じに表示する 600人なら 200,400 600,800 150人なら 40,80 120,160 最大値が目盛りの上から2番目よりは大きくなるように調整 2人なら 0.5, 1 1.5, 2 小数点の目盛りは表示される？ →表示する最大値が0人の時に目盛りはどうする？目盛りが 4本出る 1000人なら 250,500 750,1000 800人なら 250,500 750,1000 データがエリア外に出ない 1500人なら 400,800 1200,1600 1050人なら 250,500 750,1000 受け入れ条件に使える（これらを実現したことを確認して案件を「完了」に変える）

Slide 60

Slide 60 text

実例マッピングの成果物から分かること人数のグラフを良い感じに表示する 600人なら 200,400 600,800 150人なら 40,80 120,160 最大値が目盛りの上から2番目よりは大きくなるように調整 2人なら 0.5, 1 1.5, 2 小数点の目盛りは表示される？ →表示する最大値が0人の時に目盛りはどうする？目盛りが 4本出る 1000人なら 250,500 750,1000 800人なら 250,500 750,1000 データがエリア外に出ない 1500人なら 400,800 1200,1600 1050人なら 250,500 750,1000 テストケース例に使える ※これが全てではないので注意！

Slide 61

Slide 61 text

実例マッピングの成果物から見える状況具体例の付箋が少ない →議論が足りないかも or 実装内容が自明かも

Slide 62

Slide 62 text

実例マッピングの成果物から見える状況 1つのルールに対して具体例の付箋が多い →ルールが複雑なので、複数のシンプルなルールに分割した方が良いかも

Slide 63

Slide 63 text

実例マッピングの成果物から見える状況ルールの付箋が多い →ストーリーが複雑なのでもっと小さいストーリーに分割した方が良いかも

Slide 64

Slide 64 text

実例マッピングの成果物から見える状況疑問点の付箋が多い →開発開始する準備ができていないかも

Slide 65

Slide 65 text

実例マッピングで必要なスキル Designed by Rawpixel.com / Freepik

Slide 66

Slide 66 text

今回の実例マッピングで必要なスキル ● 具体例で考えられる ○ 実際に起こりうる例で考えられる ● 抽象化と具体化の行き来ができる ○ 具体例からルールを導き出す時に必要 ○ テストのスキルも必要 ■ 同値分割法 ■ ハイレベルテストケースとローレベルテストケース

Slide 67

Slide 67 text

具体例で考えられる ● 具体例を用いることで… ○ 各ストーリーの共有理解を構築するのに役立つ ○ 矛盾点に気付きやすくなる ○ ストーリーの受け入れ拒否が減る ○ 本番デプロイまでの時間短縮が期待できる『Agile Testing Condensed』第4章 P16より

Slide 68

Slide 68 text

Three Amigosの得意分野 Three Amigosは得意分野となる注目点が異なる ● PO…今回のFeatureで実現したいことに注目 ● 開発者…今回のFeatureはどのようにすれば　　　　実現できるかに注目 ● QA…今回のFeatureが「完成した」と　　判断するためには　　何を確認すれば良いのかに注目 ※あくまでも得意分野であり、　責任分担している訳ではない

Slide 69

Slide 69 text

抽象化と具体化の行き来人数のグラフを良い感じに表示する

Slide 70

Slide 70 text

抽象化と具体化の行き来じゃあ1500人はどうなる？人数のグラフを良い感じに表示する 1500人具体化

Slide 71

Slide 71 text

抽象化と具体化の行き来上の目盛りが1000だとグラフが突き抜けるので、その場合は 400,800,1200,1600に調整されますねじゃあ1500人はどうなる？人数のグラフを良い感じに表示する 1500人 400,800 1200,1600

Slide 72

Slide 72 text

抽象化と具体化の行き来上の目盛りが1000だとグラフが突き抜けるので、その場合は 400,800,1200,1600に調整されますねじゃあ1500人はどうなる？人数のグラフを良い感じに表示する一番上の目盛りを超えない 1500人 400,800 1200,1600 抽象化

Slide 73

Slide 73 text

実例マッピングから自動化へ…

Slide 74

Slide 74 text

BDDにおける自動化への流れ参考：『The BDD Books - Discovery』第1章より

Slide 75

Slide 75 text

BDDにおける自動化への流れ参考：『The BDD Books - Discovery』第1章より例）実例　　マッピング例）自動テスト　　コード作成例）BRIEFによる　　シナリオ整理参考：【翻訳記事】テスト自動化の対象となる　　　テストシナリオの整理に役立つBRIEFの原則

Slide 76

Slide 76 text

自動化ツールを最初に考えない ● 実例マッピングのような発見のプラクティスを単独で実施するだけで、ソフトウェア開発活動を大幅に改善できる ● BDDツールを利用したり、Given/When/Thenを使用してテストを自動化しても、開発アプローチは少しもBDDにはなりません ● チームをまたいだ協調作業が得意になるまでは、自動化ツールに焦点を合わせない方が良い参考：『The BDD Books - Discovery』

Slide 77

Slide 77 text

Slide 78

Slide 78 text

実例マッピングのまとめ

Slide 79

Slide 79 text

実例マッピングのまとめ ● ストーリーに対し、ルール・具体例・疑問点を区別して表現することができる ● 具体例で考え、抽象化と具体化の行き来をする思考が大切 ● 開発者・PO・QAが協力し、開発の実装前からテストを考え、チームが目指す製品について認識をしよう ● 実例マッピングなどの発見のプラクティスは自動テストを行う前に考えるのが大切 ○ 実例マッピングを必ず使う必要はない

Slide 80

Slide 80 text

参考文献と実践事例

Slide 81

Slide 81 text

参考文献 ● Introducing Example Mapping（方法紹介の記事） ○ 日本語翻訳版 ● The BDD Books - Discovery （書籍） ○ 日本語翻訳版

Slide 82

Slide 82 text

実践事例 ● QAエンジニアが実例マッピングを2ヶ月運用した話 ● miroを使って実例マッピングの一歩目を踏み出すの (仮) ● 異世界に転生したら激レア職業のスクラム Developer だったので手始めに Scrum Fest Osaka 2020 でラーニングしたスキルでリファインメント無双してみたその他、社外発表はしていませんが、個別に連絡をいただいた事例あり

Slide 83

Slide 83 text

もしも試してみたくなった方は… 本スライドを実例マッピング参加者全員で読むことで、基本的には理解できると思います。もしも ● 口頭補足なども含めて詳しく教えてほしい ● 自分たちのプロジェクトでも適用したいのでアドバイスしてほしいなどの要望がありましたら、ブロッコリー(@nihonbuson)宛にご連絡ください。

Slide 84

Slide 84 text

おしまい