はじめに
はじめまして。 システム開発推進部第2Gの山本です。 フロントエンドやバックエンドの開発を主に行っております。 今回は、Webブラウザの動作確認をSeleniumを用いて自動化する方法について、簡単にご紹介したいと思います。 なお、今回の環境はWindowsを使用していますが、MacやLinuxの場合、一部手順が異なる可能性がありますので、あらかじめご了承ください。
課題背景
私が担当しているサービスのAKB48グループ映像倉庫の開発は、数名のチーム体制で進行しており、リリース時には動作確認結果をSlackで共有しています。 リリース内容は多岐にわたりますが、中には軽微かつ定期的な更新作業が発生するものもあります。その中の一つが、WebTOPページのキャンペーンバナーの掲載作業です。 これを手作業で確認する場合、各OS(PC、Android、iOS)ごとにスクリーンショットを撮影し、Slackに報告する必要があります。確認内容は毎回同じで、作業自体は簡単ですが、定期的に発生するため、時間がかかり、少し煩雑に感じることがありました。 そこで、この確認作業を自動化することを試みました。
Seleniumとは
Seleniumは、WEBブラウザの操作を自動化するためのオープンソースのツールです。 ブラウザをプログラムで操作し、Webページのテストや操作を行うことができます。 具体的には、以下のようなことが可能です。
- Webページのテスト自動化 ボタンのクリックやフォームへの入力など、ユーザーの操作を自動化。
Webデータのスクレイピング ページ上のデータの取得や、動的に生成される要素の解析。
ブラウザの動作シミュレーション 各種ブラウザ(Chrome、Firefox、Safariなど)での動作確認。
開発環境の準備
Seleniumを用いた自動化スクリプトを実行するための開発環境を構築していきます。
山本紘一