2022/11/16 に開催されたPWA Nightにて登壇した際に使用した資料です。

1. 【PWA Night vol.45 ～テストツール〜】
テスト自動化プラットフォーム mabl はいいぞ！
Shohei Oda
Product Marketing Manager @ mabl Inc.

2. こんばんは。ぼくです。
小田 祥平 (おだしょー)
Product Marketing Manager, mabl Japan
odashoDotCom
国内SIerにてインフラやPaaS App開発まで幅広く経験。その後コミュ
ニティ活動をきっかけに
Microsoftに入社。Evangelistとして
Audience Marketingに従事。2022年10月にmablにJoinし、
TestingやQAの啓蒙活動に取り組む。現在も
DevRel Meetup in
Tokyoを中心に複数のコミュニティを運営
/支援。
Most DevRel Committer 2020, TechFeed Expert for DevRel
odasho0618
odasho

3. mablのご紹介

4. What's mabl?
● 「めいぶる」と読みます
● Stackdriver（現Google Cloud Operations）の創
業者IzzyとDanが2017年ボストンで創業
● グローバルの社員数100人+
● GV、CRV、Amplify、Vista Equity Partner、Presidio
より 7,700万ドル (90億円) を調達
● 2021年度の売上、前年対比300％+増
● Fortune Globalの35社含む300社+が採用
● 2021年8月に日本法人設立
mablのご紹介

5. Our Mission
ソフトウェア開発ライフサイクルの全体で
マシンインテリジェンスと人の洞察力を活用できるようにして
世界中のソフトウェア品質に変革を起こすこと

6. インテリジェントなテスト自動化プラットフォーム
mablのご紹介
ノーコード/ローコード UIテ
スト & APIテスト
データ/インサイト提供迅速
な問題解決を支援
単一プラットフォームE2E、
API、Accesibility
顧客体験をテスト
Email/PDF含むE2E
開発パイプラインに
統合し仕組み化
テストメンテナンス削減テス
トの自動修復

7. CI/CDのためのインテグレーション
mablのご紹介
CI / CD SOURCE CONTROL ISSUE TRACKING USER DATA COLLABORATION REPORTING

8. mablはどこで使う？
mablのご紹介
単体テスト
結合テスト
UIテスト
探索的テスト

9. ノーコード・ローコードでかんたんにテスト作成
● mablトレーナーがテスト
作成・修正をサポート
● ひとつの動きをステップで
記録
● ステップを並べてシナリオ
として管理

10. Demo
● mablデスクトップアプリの紹介
● 実際にテストを作って実行してみる
○ アサート
○ 変数
○ Flow

11. アサート
● 画面要素やURL、Cookieの値を使ってア
サート処理が可能
● アサートの条件も「イコール」や「 XX以
上」、「XXを含む」といった複数の条件か
ら選択可能
● テスト対象アプリの状態を確認するため
にページ遷移ごとにアサート処理を入れ
るのがおすすめ

12. ● String template
○ 固定文字列とランダム文字列
● Element property
○ 画面要素から文字列を取得
● JavaScript
○ JSを実行して変数値をセット
● mabl mailbox address
○ Emailテストで使用
○ Mablがランダムなemailアドレスを生成
● Data source
○ テストに紐付けたデータソースから値取得
変数

13. ● 複数のテストで再利用可能なステップを
Flowとして定義
● 関数のようにパラメーターを渡すことも可
能
● 共通ステップを切り出すことで、テストメン
テナンスの負荷軽減
Flow

14. アクセシビリティ
テストのご紹介

15. アクセシビリティテストへのニーズの高まり
アクセシビリティ関連の訴訟数の急激な増加 ;
2019年 2,900件, 2020年 3,500件, 2022年 4,000件 Source: ADA DIGITAL ACCESSIBILITY LAWSUITS, UsableNet

16. Web Content Accessibility Guidelines (WCAG)
堅牢（Robust）: コンテンツは支援技術を含む様々な
ユーザーエージェントが確実に解釈できるよう、十分
に堅牢でなければならない
知覚可能（Perceivable）: 情報およびユーザーイン
ターフェースのコンポーネントはユーザーが知覚でき
る方法で提示されなければならない
操作可能（Operable）: ユーザーインターフェースの
コンポーネントとナビゲーションは操作可能でなけれ
ばならない
理解可能（Understandable）: ユーザーインター
フェースの情報と操作方法は理解可能でなければな
らない
以下のアクセシビリ
ティ機能を含む:
➔ 画像コンテンツのテ
キストコンテンツに
よる代替
➔ ユーザーがコンテ
ンツをスキップ可能
とする
➔ <b> と <i>タグを
<strong> と <em>
タグに代替
➔ オーディオ・ビデオ
コンテンツへ字幕
の付与
Level Aに加えて以下
を含む:
➔ コントラストレシオを
4.5:1するなどより
高度な要求
➔ ページ上のテキスト
を200%まで拡大可
能とする
➔ 入力エラーに対す
る修正案の提示
最も厳しいレベルで以
下を含む:
➔ コントラストレシオ
への要求は7:1
➔ ビデオコンテンツに
事前録画された手
話の付与
➔ キーボードのみで
全てのコンテンツに
アクセスできること
➔ 9年生が読解可能
なコンテンツ
Level A Level AAA
Level AA
(Law in many countries, Including
US)

17. WCAGを採用し
ている国々
WCAG 2.xを採用
WCAG 2.xの準拠を推奨
WCAG 1.xを採用
JIS X 8341-3:2016とWCAG
2.0の内容が一致しています
Source: https://waic.jp/knowledge/accessibility/

18. ローコード アクセシビリティチェック
UIテスト実行時に特定のエ
レメントまたはページに対
してアクセシビリティチェッ
クを実施

19. アクションにつながるアクセシビリティレポートとインサイト
ワークスペース内のアクセシビリティ
チェックの実施結果を時系列に重要
度ごとにサマリー

20. For your Information!!
2週間の無料トライアル実施中！
https://www.mabl.com/japan
2週間でmablを使いこなすヒントもBlogで公開中!!
https://www.mabl.com/ja/blog/
https://university.mabl.com/page/mabl-skills-cer
tifications
[New!!] mabl Skill Assessments

21. For your Information!!
Atlassian Team Tour Tokyo 2022
https://events.atlassian.com/teamtourtokyo2022
15:10～16:05 インテリジェントな自動テストでチームコラボと
アプリ品質を向上
https://experience.mabl.com/ja/
Money Forward様、Ubie様事例やmablを使いこなすた
めのヒントをご紹介！！
mabl experience’ 22 Japan

22. Join Advent Calendar!!
https://qiita.com/advent-calendar/2022/mabl
Qiita Advent Calendarに参加しよう！！
(参加賞的な、なんかそういうアレ、頑張って用意します！！
)

23. Thank You! You can contact me at...
小田 祥平 (おだしょー)
Product Marketing Manager, mabl Japan
odashoDotCom
odasho0618
odasho