Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ローコードで始めるテスト自動化! ~サイト品質を継続改善するためのヒント~

odasho
November 11, 2023

ローコードで始めるテスト自動化! ~サイト品質を継続改善するためのヒント~

2023/11/11 MTDDC Meetup TOKYO 2023の登壇時に使用したスライドです。

odasho

November 11, 2023
Tweet

More Decks by odasho

Other Decks in Technology

Transcript

  1. ローコードで始めるテスト自動化!
    ~サイト品質を継続改善するためのヒント~
    2023/11/11 MTDDC Meetup TOKYO 2023

    View full-size slide

  2. はじめまして!
    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

    View full-size slide

  3. なにやら偉そうなことを言っている

    View full-size slide

  4. Growing need for accessibility testing
    アクセシビリティ関連の訴訟数の急激な増加;
    2019年 2,900件, 2020年 3,500件, 2022年 4,000件
    Source: ADA DIGITAL ACCESSIBILITY LAWSUITS, UsableNet

    View full-size slide

  5. なんらかの障がいを持つ人は〇〇%
    世界人口の
    10% 世界人口の
    15%
    世界人口の
    20% 世界人口の
    25%

    View full-size slide

  6. アクセシビリティテストとは?
    アプリやWebサイトを
    できるだけ多くの人に
    使ってもらえるようにすること
    15%
    なんらかの障がいを
    持つ人の全体人口比率

    View full-size slide

  7. 最も厳しいレベル
    で以下を含む:
    ➔ コントラス比へ
    の要求は7:1
    ➔ ビデオコンテン
    ツに事前録画さ
    れた手話の付与
    ➔ キー ードのみ
    で全てのコンテ
    ンツにアクセス
    できること
    ➔ 9年生が読解可能
    なコンテンツ
    Level Aに加えて以
    下を含む:
    ➔ コントラスト比
    を4.5:1するなど
    より高度な要求
    ➔ ページ上のテキ
    ストを200%まで
    拡大可能とする
    ➔ 入力エラーに対
    する修正案の提


    以下のアクセシ
    リティ機能を含む:
    ➔ 画像コンテンツ
    のテキストコン
    テンツによる代

    ➔ ユーザーがコン
    テンツをスキッ
    プ可能とする
    ➔ と タグ
    を と
    タグに代替
    ➔ オーディオ・ビ
    デオコンテンツ
    へ字幕の付与
    Level A
    Web Content Accessibility Guidelines (WCAG)
    堅牢(Robust): コンテンツは支援技術を含む
    様々なユーザーエージェントが確実に解釈でき
    るよう、十分に堅牢でなければならない
    知覚可能(Perceivable): 情報およびユーザー
    インターフェースのコン ーネントはユーザー
    が知覚できる方法で提示されなければならない
    操作可能(Operable): ユーザーインター
    フェースのコン ーネントとナビ ーションは
    操作可能でなければならない
    理解可能(Understandable): ユーザーイン
    ターフェースの情報と操作方法は理解可能でな
    ければならない
    Level AA
    (Law in many countries,
    Including US)
    Level AAA

    View full-size slide

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

    View full-size slide

  9. カスタマーエクスペリエンスはなぜ重要?
    一度でも嫌な体験をしたら、
    好きなブランドでも離れる
    と回答
    ポジティブな体験の方が
    広告よりも影響力がある
    と回答
    より良い体験が得られるなら
    お気に入りのブランドから
    他のブランドに乗り換える
    可能性が大いにある
    と回答
    Source: PWC, Experience is everything: Here’s how to get it right
    52%
    65%
    32%

    View full-size slide

  10. What's mabl?

    View full-size slide

  11. 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月に日本法人設立

    View full-size slide

  12. 『マーブル』と誤読されがち

    View full-size slide

  13. DevOpsに対応したテスト自動化プラットフォーム
    ノーコード/ローコード
    UIテスト & APIテスト
    データ/インサイト
    結果データを自動取得
    単一プラットフォーム
    E2E、API、A11y、Perf
    顧客体験を広くカバー 
    Email送信/PDFアサート
    開発ツール連携
    GitHub、Slack、Jira等
    テストメンテナンス削減
    テストの自動修復

    View full-size slide

  14. ローコードテスト自動化 mablのスコープ
    単体テスト
    API/結合テスト
    UI/E2Eテスト
    探索的テスト

    View full-size slide

  15. エンタープライズ対応のセキュリティ
    mabl Link
    ● 暗号化されたWebソケット
    コネクション
    ● テスト実行時にF/W内から
    アウトバウンド通信のみ
    ● Proxyサーバー経由も可能
    SOC II Type 2 GDPR

    View full-size slide

  16. アクティブユーザー数
    48%
    2%
    13%
    2%
    2%
    12%
    21%

    View full-size slide

  17. ローコードで「意図」と「実装」を分ける

    View full-size slide

  18. 10倍
    早くテスト実行
    より良い品質のソフトウェアをより早く提供
    ROI data based on customer case studies compared to Selenium frameworks and other commercial tools
    3倍
    早くテストを構築
    速く作る 効率改善 コスト削減 高速化
    70%
    メンテナンス時間を削減
    80%
    Seleniumより低コスト

    View full-size slide

  19. mablの
    アクセシビリティ
    テスト
    mablでアクセシビリティテストを構築し、
    問題を報告、迅速に解決する方法とは

    View full-size slide

  20. ローコードでアクセシビリティ検証
    UIテストの範囲内で、
    特定のエレメントやページの
    アクセシビリティを保証します

    View full-size slide

  21. 実用的なアクセシビリティレポートとインサイト
    ワークスペース全体の
    アクセシビリティチェック結果を
    時系列で集計し、重要度別に
    並べたもの

    View full-size slide

  22. 自動修復でメンテナンス作業を削減

    View full-size slide

  23. GCP上で並列テストを無制限に実行
    Show screenshot of a plan

    View full-size slide

  24. テストカバレッジレポート

    View full-size slide

  25. パフォーマンス評価

    View full-size slide

  26. 既存ツールとの統合
    DevOpsツールセットとの統合
    CI/CDインテグレーション
    Mabl アプリ
    (デスクトップ、Web)
    Mabl Cloud
    レ ート コラ レーションツール
    お使いのアプリケーション
    Mabl Link
    optional
    バグ追跡

    View full-size slide

  27. CIツールとの統合に
    よって表示される...
    ...またはCLIコマンド
    を直接使用する。
    CI/CDパイプラインへの統合

    View full-size slide

  28. Join the conference!
    12/9 ソフトウェアテスト
    自動化カンファレンス2023
    ● GitHub連携のCI/CD環境をお手元で構築する
    ハンズオンワークショップを提供します!
    ● テスト自動化環境構築に興味がある方は是非
    ご参加ください!

    View full-size slide

  29. For your
    information

    View full-size slide

  30. Join the mabl Experience Japan!
    11/22 mabl experience’23 Japan
    ● 昨年より2倍のスケールでお届け!
    オンラインにて開催します。
    ● https://experience.mabl.com/ja/

    View full-size slide

  31. You can try it now!
    ● 今すぐできる2週間の無料トライアル!
    mabl Uのお供にどうぞ!
    ● デモリクエストも大歓迎!
    https://www.mabl.com/ja

    View full-size slide

  32. 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 に掲載可能

    View full-size slide

  33. mabl user community!
    mabl の User Community『mablers_jp』
    ● ユーザーによるユーザーのための
    コミュニティ
    ● ユーザーによる忖度のない生の声を聞く
    絶好のチャンス。是非ご参加ください!
    https://mablersjp.connpass.com/

    View full-size slide