Slide 1

Slide 1 text

mabl導入の経緯と導入後の話

Slide 2

Slide 2 text

AGENDA                                   自己紹介 mablを導入するに至った経緯 初回導入時の話 導入後のあれこれ 最後に 02 03 04 05 01

Slide 3

Slide 3 text

AGENDA                                   自己紹介 mablを導入するに至った経緯 初回導入時の話 導入後のあれこれ 最後に 02 03 04 05 01

Slide 4

Slide 4 text

塩濱 優 shiohama yu 名前 経歴 SNS 株式会社hacomono 入社して4年目のQAエンジニア Twitter @hcmn_hama ~2年目 プロダクトの改善・機能開発を担当 3年目~ QAの正式チームの立ち上げが決まり、 QAエンジニアとして軸を置き換え、 チームの立ち上げに動き始めました。 全体管理〜自動化周りを担当しています。 自己紹介                                  

Slide 5

Slide 5 text

顧客管理・予約・決済の 次世代を担うオンラインシステム ウェルネス産業向けバーティカルSaaS エステ、整骨院 ・セルフエステ ・整骨院 ・サウナ ・美容院(月額制) ・温浴施設(月額制) etc フィットネスクラブ ・総合フィットネスクラブ ・24時間ジム ・ヨガ/ピラティス ・パーソナルジム スクール ・スイミングスクール ・ゴルフ練習場 ・ゴルフスクール ・ダンス/バレエスクール ・テニススクール ・カルチャースクール ・空手/体操スクール 公共運動施設 ・屋外運動場 ・屋内運動場 ・体育館   ・水泳プール ・学校    ・レジャー施設 会社紹介                                  

Slide 6

Slide 6 text

AGENDA                                   自己紹介 mablを導入するに至った経緯 初回導入時の話 導入後のあれこれ 最後に 02 03 04 05 01

Slide 7

Slide 7 text

開発組織 第三者検証機関 当時はQAチームはなく業務委託の方々に依頼をかけていた テストをお願いしたいです! 業務委託 x 2名 mablを導入するに至った経緯                           

Slide 8

Slide 8 text

リグレッションテストの工数が重すぎる mablを導入するに至った経緯                           

Slide 9

Slide 9 text

管理者側シナリオ    約4.5日/一人実施 利用者側シナリオ    約6.3日/一人実施 ※優先度が高のシナリオのみ 合計           10.8日/一人実施 mablを導入するに至った経緯                           

Slide 10

Slide 10 text

テストケースは追加でメンテしていくので、さらに工数は伸びていく mablを導入するに至った経緯                           

Slide 11

Slide 11 text

自動化することでどうにかできないか mablを導入するに至った経緯                           

Slide 12

Slide 12 text

フロントのテストがなかったので、これもどうにかしたい mablを導入するに至った経緯                           

Slide 13

Slide 13 text

自動化することでどうにかできないか(2回目) mablを導入するに至った経緯                           

Slide 14

Slide 14 text

業務委託で来ていただいている方々に運用も含めてお任せできないか mablを導入するに至った経緯                           

Slide 15

Slide 15 text

そうだ、ノーコード × E2Eで自動化ツールを探そう mablを導入するに至った経緯                           

Slide 16

Slide 16 text

1. 管理サイト x メンバーサイトの行き来をシナリオ中に含めることができること 2. 非エンジニア向けの機能が優れていること 画面クリックを録画するだけでテストケースが実装できるなど 3. エンジニアにも使いやすい機能があること ・変数利用ができる ・JavaScriptを実行するステップを定義できる ・WebAPIをコールするステップを定義できる ・外部連携が可能であること。 4. テストケースの管理、メンテナンス性があること mablを導入するに至った経緯                            選定基準

Slide 17

Slide 17 text

1. 管理サイト x メンバーサイトの行き来をシナリオ中に含めることができること 2. 非エンジニア向けの機能が優れていること 画面クリックを録画するだけでテストケースが実装できるなど 3. エンジニアにも使いやすい機能があること ・変数利用ができる ・JavaScriptを実行するステップを定義できる ・WebAPIをコールするステップを定義できる ・外部連携が可能であること。 4. テストケースの管理、メンテナンス性があること mablを導入するに至った経緯                            選定基準

Slide 18

Slide 18 text

AGENDA                                   自己紹介 mablを導入するに至った経緯 初回導入時の話 導入後のあれこれ 最後に 02 03 04 05 01

Slide 19

Slide 19 text

実は、初回導入は失敗に散っています 初回導入の話                                

Slide 20

Slide 20 text

開発組織 第三者検証機関 E2E自動化の知見ある方いないですか? 2ヶ月限定になりますが、 1名出せますよ! 立ち上げ人材としてどうでしょう? 初回導入の話                                

Slide 21

Slide 21 text

2ヶ月で自動化の初回立ち上げと、 業務委託チーム内でも回せて行けるようになると嬉しいです 初回導入の話                                

Slide 22

Slide 22 text

結果、退場後〜1年ぐらいは自動化自体STOPとなっていました 初回導入の話                                

Slide 23

Slide 23 text

  ・レビュー体制をそもそもきちんと築けていなかった     ・実装して頂いたものが、       どういう目的で作成したものか不明なものが多く、    再利用できない状態となってしまった     ・プロダクト理解は必須なので、    そもそも2ヶ月で立ち上げは見通しが甘すぎた ・完全にお任せします状態になってしまっていた 初回導入の話                                 しくじりポイント

Slide 24

Slide 24 text

QAチームを立ち上げようとなり、改めて再始動となりました 初回導入の話                                

Slide 25

Slide 25 text

  ・自動化のガイドラインを作成していた ・こちらのおかげで再スタートがスムーズに出来た 初回導入の話                                 やってよかったポイント

Slide 26

Slide 26 text

AGENDA                                   自己紹介 mablを導入するに至った経緯 初回導入時の話 導入後のあれこれ 最後に 02 03 04 05 01

Slide 27

Slide 27 text

まず初めに取り組んだこと 導入後のあれこれ                               

Slide 28

Slide 28 text

組んだものを気軽に動かせるようにする 導入後のあれこれ                               

Slide 29

Slide 29 text

特定ブランチに対してマージ github actionsが動く 特定環境(QA検証用環境)に対してデプロイ デプロイ完了をキャッチし、 特定環境に対してmablを自動実行 mabl実行結果を特定チャンネルに通知 導入後のあれこれ                                マージ デプロイ mabl 自動実行 通知

Slide 30

Slide 30 text

Mon Tue Wed Thu Fri スケジュールでも実行していく 導入後のあれこれ                               

Slide 31

Slide 31 text

つまずいた点・難しいなと感じた点 導入後のあれこれ                               

Slide 32

Slide 32 text

期待値を自動化用に翻訳する 導入後のあれこれ                               

Slide 33

Slide 33 text

ログインをする 導入後のあれこれ                                ID・Passwordを入力 ログインボタンを押下 マイページに遷移すること ID・Passwordを入力 ログインボタンを押下 マイページに遷移すること 何をAssertion対象とするか

Slide 34

Slide 34 text

ログインをする 導入後のあれこれ                                ID・Passwordを入力 ログインボタンを押下 マイページに遷移すること ID・Passwordを入力 ログインボタンを押下 マイページに遷移すること アイコンが表示されていること

Slide 35

Slide 35 text

チェックボックスの有効・無効 導入後のあれこれ                                チェックボックスを有効にする □ ✅ チェックボックスを有効にする □ ✅

Slide 36

Slide 36 text

チェックボックスの有効・無効 導入後のあれこれ                                チェックボックスを有効にする ✅ チェックボックスを有効にする ✅ すでにチェックが有効なので触らない ✅ □ チェックボックスの状態を取得しないと 外してしまう

Slide 37

Slide 37 text

チェックボックスの有効・無効 導入後のあれこれ                                チェックボックスを有効にする チェックボックスを有効にする ✅ ✅ □ チェックボックスの状態を取得しないと 外してしまう ✅ すでにチェックが有効なので触らない

Slide 38

Slide 38 text

失敗した時にきちんと落ちることが保証できないと意味がない 導入後のあれこれ                               

Slide 39

Slide 39 text

ローカルでは成功するが、クラウド実行は失敗する 導入後のあれこれ                               

Slide 40

Slide 40 text

導入後のあれこれ                               

Slide 41

Slide 41 text

導入後のあれこれ                                時間が違っている

Slide 42

Slide 42 text

タイムゾーンを取得して、それによって出力を変えるようにした 導入後のあれこれ                                Intl.DateTimeFormat().resolvedOpti ons().timeZone;

Slide 43

Slide 43 text

🎉 導入後のあれこれ                               

Slide 44

Slide 44 text

導入後のあれこれ                               

Slide 45

Slide 45 text

AGENDA                                   自己紹介 mablを導入するに至った経緯 初回導入時の話 導入後のあれこれ 最後に 02 03 04 05 01

Slide 46

Slide 46 text

これから、#mablers_JPを是非ともよろしくお願い致します! 最後に