Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
mabl導入の経緯と導入後の話
Search
hacomono Inc.
PRO
February 28, 2023
0
82
mabl導入の経緯と導入後の話
hacomono Inc.
PRO
February 28, 2023
Tweet
Share
More Decks by hacomono Inc.
See All by hacomono Inc.
hacomonoにおけるプロダクトエンジニアの役割と生態
hacomono
PRO
5
350
"ウルトラジャンプ" な成長を支えるプロダクトエンジニアというキャリア
hacomono
PRO
2
560
PoCに向けた最小限の機能開発で考えたこととしくじり
hacomono
PRO
0
430
「ここは俺に任せておまえは先に行け」hacomono運用保守部の紹介
hacomono
PRO
0
45
hacomonoのRailsプロダクトにおけるテストの実状とこれから
hacomono
PRO
0
98
hacomonoで頑張るSRE: クラウドガバナンス&クラウドセキュリティ編
hacomono
PRO
0
160
hacomono アーキテクチャのリアル ~スタートアップが直面する技術的負債~
hacomono
PRO
0
160
BtoB SaaS プロダクトでの要件定義のリアル
hacomono
PRO
0
39
Nuxt2 -> 3 を戦っていくには
hacomono
PRO
0
100
Featured
See All Featured
The World Runs on Bad Software
bkeepers
PRO
60
6.6k
Principles of Awesome APIs and How to Build Them.
keavy
119
16k
Web Components: a chance to create the future
zenorocha
304
41k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
GitHub's CSS Performance
jonrohan
1023
450k
How STYLIGHT went responsive
nonsquared
92
4.7k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
16k
A Tale of Four Properties
chriscoyier
150
22k
Embracing the Ebb and Flow
colly
78
4.1k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
657
120k
Music & Morning Musume
bryan
39
5.5k
WebSockets: Embracing the real-time Web
robhawkes
59
6.9k
Transcript
mabl導入の経緯と導入後の話
AGENDA 自己紹介 mablを導入するに至った経緯 初回導入時の話 導入後のあれこれ 最後に 02 03 04 05
01
AGENDA 自己紹介 mablを導入するに至った経緯 初回導入時の話 導入後のあれこれ 最後に 02 03 04 05
01
塩濱 優 shiohama yu 名前 経歴 SNS 株式会社hacomono 入社して4年目のQAエンジニア Twitter
@hcmn_hama ~2年目 プロダクトの改善・機能開発を担当 3年目~ QAの正式チームの立ち上げが決まり、 QAエンジニアとして軸を置き換え、 チームの立ち上げに動き始めました。 全体管理〜自動化周りを担当しています。 自己紹介
顧客管理・予約・決済の 次世代を担うオンラインシステム ウェルネス産業向けバーティカルSaaS エステ、整骨院 ・セルフエステ ・整骨院 ・サウナ ・美容院(月額制) ・温浴施設(月額制) etc
フィットネスクラブ ・総合フィットネスクラブ ・24時間ジム ・ヨガ/ピラティス ・パーソナルジム スクール ・スイミングスクール ・ゴルフ練習場 ・ゴルフスクール ・ダンス/バレエスクール ・テニススクール ・カルチャースクール ・空手/体操スクール 公共運動施設 ・屋外運動場 ・屋内運動場 ・体育館 ・水泳プール ・学校 ・レジャー施設 会社紹介
AGENDA 自己紹介 mablを導入するに至った経緯 初回導入時の話 導入後のあれこれ 最後に 02 03 04 05
01
開発組織 第三者検証機関 当時はQAチームはなく業務委託の方々に依頼をかけていた テストをお願いしたいです! 業務委託 x 2名 mablを導入するに至った経緯
リグレッションテストの工数が重すぎる mablを導入するに至った経緯
管理者側シナリオ 約4.5日/一人実施 利用者側シナリオ 約6.3日/一人実施 ※優先度が高のシナリオのみ 合計 10.8日/一人実施 mablを導入するに至った経緯
テストケースは追加でメンテしていくので、さらに工数は伸びていく mablを導入するに至った経緯
自動化することでどうにかできないか mablを導入するに至った経緯
フロントのテストがなかったので、これもどうにかしたい mablを導入するに至った経緯
自動化することでどうにかできないか(2回目) mablを導入するに至った経緯
業務委託で来ていただいている方々に運用も含めてお任せできないか mablを導入するに至った経緯
そうだ、ノーコード × E2Eで自動化ツールを探そう mablを導入するに至った経緯
1. 管理サイト x メンバーサイトの行き来をシナリオ中に含めることができること 2. 非エンジニア向けの機能が優れていること 画面クリックを録画するだけでテストケースが実装できるなど 3. エンジニアにも使いやすい機能があること ・変数利用ができる
・JavaScriptを実行するステップを定義できる ・WebAPIをコールするステップを定義できる ・外部連携が可能であること。 4. テストケースの管理、メンテナンス性があること mablを導入するに至った経緯 選定基準
1. 管理サイト x メンバーサイトの行き来をシナリオ中に含めることができること 2. 非エンジニア向けの機能が優れていること 画面クリックを録画するだけでテストケースが実装できるなど 3. エンジニアにも使いやすい機能があること ・変数利用ができる
・JavaScriptを実行するステップを定義できる ・WebAPIをコールするステップを定義できる ・外部連携が可能であること。 4. テストケースの管理、メンテナンス性があること mablを導入するに至った経緯 選定基準
AGENDA 自己紹介 mablを導入するに至った経緯 初回導入時の話 導入後のあれこれ 最後に 02 03 04 05
01
実は、初回導入は失敗に散っています 初回導入の話
開発組織 第三者検証機関 E2E自動化の知見ある方いないですか? 2ヶ月限定になりますが、 1名出せますよ! 立ち上げ人材としてどうでしょう? 初回導入の話
2ヶ月で自動化の初回立ち上げと、 業務委託チーム内でも回せて行けるようになると嬉しいです 初回導入の話
結果、退場後〜1年ぐらいは自動化自体STOPとなっていました 初回導入の話
・レビュー体制をそもそもきちんと築けていなかった ・実装して頂いたものが、 どういう目的で作成したものか不明なものが多く、 再利用できない状態となってしまった
・プロダクト理解は必須なので、 そもそも2ヶ月で立ち上げは見通しが甘すぎた ・完全にお任せします状態になってしまっていた 初回導入の話 しくじりポイント
QAチームを立ち上げようとなり、改めて再始動となりました 初回導入の話
・自動化のガイドラインを作成していた ・こちらのおかげで再スタートがスムーズに出来た 初回導入の話 やってよかったポイント
AGENDA 自己紹介 mablを導入するに至った経緯 初回導入時の話 導入後のあれこれ 最後に 02 03 04 05
01
まず初めに取り組んだこと 導入後のあれこれ
組んだものを気軽に動かせるようにする 導入後のあれこれ
特定ブランチに対してマージ github actionsが動く 特定環境(QA検証用環境)に対してデプロイ デプロイ完了をキャッチし、 特定環境に対してmablを自動実行 mabl実行結果を特定チャンネルに通知 導入後のあれこれ マージ デプロイ
mabl 自動実行 通知
Mon Tue Wed Thu Fri スケジュールでも実行していく 導入後のあれこれ
つまずいた点・難しいなと感じた点 導入後のあれこれ
期待値を自動化用に翻訳する 導入後のあれこれ
ログインをする 導入後のあれこれ ID・Passwordを入力 ログインボタンを押下 マイページに遷移すること ID・Passwordを入力 ログインボタンを押下 マイページに遷移すること 何をAssertion対象とするか
ログインをする 導入後のあれこれ ID・Passwordを入力 ログインボタンを押下 マイページに遷移すること ID・Passwordを入力 ログインボタンを押下 マイページに遷移すること アイコンが表示されていること
チェックボックスの有効・無効 導入後のあれこれ チェックボックスを有効にする □ ✅ チェックボックスを有効にする □ ✅
チェックボックスの有効・無効 導入後のあれこれ チェックボックスを有効にする ✅ チェックボックスを有効にする ✅ すでにチェックが有効なので触らない ✅ □ チェックボックスの状態を取得しないと
外してしまう
チェックボックスの有効・無効 導入後のあれこれ チェックボックスを有効にする チェックボックスを有効にする ✅ ✅ □ チェックボックスの状態を取得しないと 外してしまう ✅
すでにチェックが有効なので触らない
失敗した時にきちんと落ちることが保証できないと意味がない 導入後のあれこれ
ローカルでは成功するが、クラウド実行は失敗する 導入後のあれこれ
導入後のあれこれ
導入後のあれこれ 時間が違っている
タイムゾーンを取得して、それによって出力を変えるようにした 導入後のあれこれ Intl.DateTimeFormat().resolvedOpti ons().timeZone;
🎉 導入後のあれこれ
導入後のあれこれ
AGENDA 自己紹介 mablを導入するに至った経緯 初回導入時の話 導入後のあれこれ 最後に 02 03 04 05
01
これから、#mablers_JPを是非ともよろしくお願い致します! 最後に