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
ローコードで始めるテスト自動化! ~サイト品質を継続改善するためのヒント~
Search
odasho
November 11, 2023
Technology
0
110
ローコードで始めるテスト自動化! ~サイト品質を継続改善するためのヒント~
2023/11/11 MTDDC Meetup TOKYO 2023の登壇時に使用したスライドです。
odasho
November 11, 2023
Tweet
Share
More Decks by odasho
See All by odasho
イマこそ、”Dev””Rel”なのでは??~VUCA時代を乗りこなすDevRelの価値と本質~
odasho
0
37
生成AIとAI ~エンジニアの期待と現実~
odasho
0
91
E2Eテストを自動化したら 開発生産性はどうなった? hacomonoの事例紹介
odasho
0
990
統合型ノーコードテスト 自動化プラットフォーム 『mabl』 ご紹介ウェビナー
odasho
0
54
テスト自動化入門ワークショップ:最新のモバイルアプリテスト
odasho
0
140
未来を変える一歩: モバイルアプリテスト自動化の新時代
odasho
0
98
統合型ノーコードテスト 自動化プラットフォーム『mabl』 ご紹介ウェビナー
odasho
1
140
AIを駆使した自動テストは統合プラットフォームの時代へ
odasho
0
380
mabl テスト自動化 ショートデモセッション
odasho
0
140
Other Decks in Technology
See All in Technology
AWS全冠芸人が見た世界 ~資格取得より大切なこと~
masakiokuda
5
6.4k
AWSのマルチアカウント管理 ベストプラクティス最新版 2025 / Multi-Account management on AWS best practice 2025
ohmura
4
320
技術者はかっこいいものだ!!~キルラキルから学んだエンジニアの生き方~
masakiokuda
2
280
ガバクラのAWS長期継続割引 ~次の4/1に慌てないために~
hamijay_cloud
1
370
PdM採用とAIの製品活用を同時に頑張ってみた話 / EM oasis 20250418
rakus_dev
0
120
Spring Bootで実装とインフラをこれでもかと分離するための試み
shintanimoto
7
880
SREからゼロイチプロダクト開発へ ー越境する打席の立ち方と期待への応え方ー / Product Engineering Night #8
itkq
2
1k
Making a MIDI controller device with PicoRuby/R2P2 (RubyKaigi 2025 LT)
risgk
1
310
PagerDuty×ポストモーテムで築く障害対応文化/Building a culture of incident response with PagerDuty and postmortems
aeonpeople
2
400
PicoRabbit: a Tiny Presentation Device Powered by Ruby
harukasan
PRO
2
250
Linuxのパッケージ管理とアップデート基礎知識
go_nishimoto
0
470
Databricksで完全履修!オールインワンレイクハウスは実在した!
akuwano
0
110
Featured
See All Featured
For a Future-Friendly Web
brad_frost
176
9.7k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
104
19k
Documentation Writing (for coders)
carmenintech
69
4.7k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Adopting Sorbet at Scale
ufuk
76
9.3k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
227
22k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.5k
Testing 201, or: Great Expectations
jmmastey
42
7.5k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.1k
Designing for humans not robots
tammielis
252
25k
Reflections from 52 weeks, 52 projects
jeffersonlam
349
20k
Transcript
ローコードで始めるテスト自動化! ~サイト品質を継続改善するためのヒント~ 2023/11/11 MTDDC Meetup TOKYO 2023
はじめまして! odasho (Shohei Oda) Quality Advocate / Product Marketing, mabl
Japan 国内SIerにてインフラやPaaS App開発まで幅広く経験。その 後コミュニティ活動をきっかけにMicrosoftに入社。 EvangelistとしてAudience Marketingに従事。2022年10月 にmablにJoinし、TestingやQAの啓蒙活動に取り組む。現在 もDevRel Meetup in Tokyoを中心に複数のコミュニティを運 営/支援。iPhone絶対並んで買うおじさん(2011 - 2023) Most DevRel Committer 2020、名城大学情報工学部講師 odashoDotCom odasho0618 odasho odasho0618
なにやら偉そうなことを言っている
Growing need for accessibility testing アクセシビリティ関連の訴訟数の急激な増加; 2019年 2,900件, 2020年 3,500件,
2022年 4,000件 Source: ADA DIGITAL ACCESSIBILITY LAWSUITS, UsableNet
なんらかの障がいを持つ人は〇〇% 世界人口の 10% 世界人口の 15% 世界人口の 20% 世界人口の 25%
アクセシビリティテストとは? アプリやWebサイトを できるだけ多くの人に 使ってもらえるようにすること 15% なんらかの障がいを 持つ人の全体人口比率
最も厳しいレベル で以下を含む: ➔ コントラス比へ の要求は7:1 ➔ ビデオコンテン ツに事前録画さ れた手話の付与 ➔
キー ードのみ で全てのコンテ ンツにアクセス できること ➔ 9年生が読解可能 なコンテンツ Level Aに加えて以 下を含む: ➔ コントラスト比 を4.5:1するなど より高度な要求 ➔ ページ上のテキ ストを200%まで 拡大可能とする ➔ 入力エラーに対 する修正案の提 示 ➔ 以下のアクセシ リティ機能を含む: ➔ 画像コンテンツ のテキストコン テンツによる代 替 ➔ ユーザーがコン テンツをスキッ プ可能とする ➔ <b> と <i>タグ を <strong> と <em>タグに代替 ➔ オーディオ・ビ デオコンテンツ へ字幕の付与 Level A Web Content Accessibility Guidelines (WCAG) 堅牢(Robust): コンテンツは支援技術を含む 様々なユーザーエージェントが確実に解釈でき るよう、十分に堅牢でなければならない 知覚可能(Perceivable): 情報およびユーザー インターフェースのコン ーネントはユーザー が知覚できる方法で提示されなければならない 操作可能(Operable): ユーザーインター フェースのコン ーネントとナビ ーションは 操作可能でなければならない 理解可能(Understandable): ユーザーイン ターフェースの情報と操作方法は理解可能でな ければならない Level AA (Law in many countries, Including US) Level AAA
WCAGを採用している国々 WCAG 2.xを採用 WCAG 2.xの準拠を推奨 WCAG 1.xを採用 JIS X 8341-3:2016と
WCAG 2.0の内容は同一 Source: https://waic.jp/knowledge/accessibility/
カスタマーエクスペリエンスはなぜ重要? 一度でも嫌な体験をしたら、 好きなブランドでも離れる と回答 ポジティブな体験の方が 広告よりも影響力がある と回答 より良い体験が得られるなら お気に入りのブランドから 他のブランドに乗り換える
可能性が大いにある と回答 Source: PWC, Experience is everything: Here’s how to get it right 52% 65% 32%
What's mabl?
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月に日本法人設立
『マーブル』と誤読されがち
DevOpsに対応したテスト自動化プラットフォーム ノーコード/ローコード UIテスト & APIテスト データ/インサイト 結果データを自動取得 単一プラットフォーム E2E、API、A11y、Perf 顧客体験を広くカバー
Email送信/PDFアサート 開発ツール連携 GitHub、Slack、Jira等 テストメンテナンス削減 テストの自動修復
ローコードテスト自動化 mablのスコープ 単体テスト API/結合テスト UI/E2Eテスト 探索的テスト
エンタープライズ対応のセキュリティ mabl Link • 暗号化されたWebソケット コネクション • テスト実行時にF/W内から アウトバウンド通信のみ •
Proxyサーバー経由も可能 SOC II Type 2 GDPR
アクティブユーザー数 48% 2% 13% 2% 2% 12% 21%
ローコードで「意図」と「実装」を分ける
10倍 早くテスト実行 より良い品質のソフトウェアをより早く提供 ROI data based on customer case studies
compared to Selenium frameworks and other commercial tools 3倍 早くテストを構築 速く作る 効率改善 コスト削減 高速化 70% メンテナンス時間を削減 80% Seleniumより低コスト
mablの アクセシビリティ テスト mablでアクセシビリティテストを構築し、 問題を報告、迅速に解決する方法とは
ローコードでアクセシビリティ検証 UIテストの範囲内で、 特定のエレメントやページの アクセシビリティを保証します
実用的なアクセシビリティレポートとインサイト ワークスペース全体の アクセシビリティチェック結果を 時系列で集計し、重要度別に 並べたもの
自動修復でメンテナンス作業を削減
GCP上で並列テストを無制限に実行 Show screenshot of a plan
テストカバレッジレポート
パフォーマンス評価
既存ツールとの統合 DevOpsツールセットとの統合 CI/CDインテグレーション Mabl アプリ (デスクトップ、Web) Mabl Cloud レ ート
コラ レーションツール お使いのアプリケーション Mabl Link optional バグ追跡
CIツールとの統合に よって表示される... ...またはCLIコマンド を直接使用する。 CI/CDパイプラインへの統合
Join the conference! 12/9 ソフトウェアテスト 自動化カンファレンス2023 • GitHub連携のCI/CD環境をお手元で構築する ハンズオンワークショップを提供します! •
テスト自動化環境構築に興味がある方は是非 ご参加ください!
For your information
Join the mabl Experience Japan! 11/22 mabl experience’23 Japan •
昨年より2倍のスケールでお届け! オンラインにて開催します。 • https://experience.mabl.com/ja/
You can try it now! • 今すぐできる2週間の無料トライアル! mabl Uのお供にどうぞ! •
デモリクエストも大歓迎! https://www.mabl.com/ja
About the mabl University How-to Videos (English only) How-to Lessons
(Japanese only) On-Demand Training (English & Japanese) mabl Skills Certifications (English & Japanese) • 33 ビデオ (各3 - 8 分程度) • 英語字幕あり、日本語字幕なし • 26 レッスン • Step by stepで学習可能 • 4 ラーニングパス • 設定、基礎、高度、統合でそれ ぞれ30 - 90 分の学習パス • 学習目標に応じたパスを提供 • 3 つの資格 • Foundations と Advanced • NonFunctional ←NEW • LinkedIn に掲載可能
mabl user community! mabl の User Community『mablers_jp』 • ユーザーによるユーザーのための コミュニティ
• ユーザーによる忖度のない生の声を聞く 絶好のチャンス。是非ご参加ください! https://mablersjp.connpass.com/