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
tail -f 駆動開発を支えるSeleniumIDEの使い方
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
razokulover
December 16, 2013
Technology
160
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
tail -f 駆動開発を支えるSeleniumIDEの使い方
社内共有用
razokulover
December 16, 2013
More Decks by razokulover
See All by razokulover
GIFMAGAZINEの話
razokulover
0
2.3k
2013年の振り返り はてなブログとホットエントリ
razokulover
0
6.4k
はじめてのgit-svn
razokulover
1
87
Other Decks in Technology
See All in Technology
攻撃者視点で考えるDetection Engineering
cryptopeg
3
1.9k
手塩にかけりゃいいってもんじゃない
ming_ayami
0
590
Disciplined Vibes: Scaling AI-Assisted Engineering
sheharyar
0
150
AGENTS.mdとSkillsで始めるAIエージェント活用
sonoda_mj
3
220
【セミナー資料】Claude Code をセキュアに使うための考え方と設定の勘どころ / Claude Code Webinar 20260616
masahirokawahara
2
360
Oracle AI Database@Azure:サービス概要のご紹介
oracle4engineer
PRO
6
2k
2026 TECHFRESH 畢業分享會 - 開發日常大解密!從領域驅動到企業級上線
line_developers_tw
PRO
0
1.1k
2026TECHFRESH畢業分享會 - Lightning Talk - 資料也要 CI/CD? 用 Airbyte 自動化資料同步
line_developers_tw
PRO
0
1.1k
2026TECHFRESH畢業分享會 - 原生還是跨平台? App 開發踩坑實錄
line_developers_tw
PRO
0
1.1k
失敗を資産に変えるClaude Code
shinyasaita
0
670
【NRUG vol.18】なぜ多くのオブザーバビリティ導入は失敗するのか
nrug_member
0
140
新しいUbuntu/GNOMEが使いたいからXからWaylandへ移行頑張ってるの巻 2026-06-20
nobutomurata
0
120
Featured
See All Featured
Faster Mobile Websites
deanohume
310
31k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
The Pragmatic Product Professional
lauravandoore
37
7.3k
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
240
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
300
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
540
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
Discover your Explorer Soul
emna__ayadi
2
1.1k
Designing Powerful Visuals for Engaging Learning
tmiket
1
410
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
590
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
160
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
390
Transcript
1 tail –f 駆動開発を支える SeleniumIDEの使い方 2013/12/16 razokulover
2 あじぇんだ 》 tail –f 駆動開発とは 》 SeleniumIDEとは 》 使い方
》 まとめ
3 tail –f 駆動開発 》 tail –f 駆動開発とは、tail –fでログ 確認をしながらURLを叩き、エラーがな
いか確認する古典的な開発方法 》 確認すべきURLが複数あると大変! 例)AAのSP版は確認すべきURLが40パターン以上。 ヘッダーやフッターを変更したら
4 tail –f 駆動開発 》 ちゃんとユニットテストを書けばよい のでは? =>テストないんです =>広告とか画像の中身を確認したいんです =>tail
–f + URLコピペ&ペースト + 目視 *ユニットテスト自体はアプリの品質向上に大 切です!
5 SeleniumIDEとは 》 Selenium Selenium Selenium Selenium IDE はブラウザ上の振る舞い テストを自動化するためのFireFoxプラ
グイン。 》 GUI上から操作し、スクリプトを書く必 要がないので手軽に利用可能。
6 メリット 》 URLをコピペし、ブラウザ上で叩いて確 認する手間がはぶける 》 テストすべきURLの漏れが減る(属人性 の排除) 》 テスト実行時間が一定になる
7 デメリット 》 テストの作成方法を学ぶ必要がある 》 Fire Foxしか確認できない =>Selenium Serverを使えば、ChromeやIE でも確認可能
8 ダウンロード方法 • 公式から最新版をインストール(URL) • Fire Foxを開き、そこへインストール した.xpiファイルをDrag&Drop • [ツール]
> [Selenium Selenium Selenium Selenium IDE]で立ち上が る
9 使い方 ・IDEを開く ・右上の赤丸を押して、テスト作成開始 ・FireFoxでテストしたいURLへ飛んだり、 ボタンを押したりする。 *その他、IDEから実際にテストコードを弄る ことも可能。
10 参考URL テストコマンド一覧 1)http://oss.infoscience.co.jp/seleniumhq/ docs/04_selenese_commands.html 2)http://d.hatena.ne.jp/language_and_engin eering/20081016/1224123118
11 実演 》 AA SP版の全URLパターンに4秒おきにア クセスするテストケースを作成 》 tail –f +
Seleniumのテスト実行 》 4秒おきなので広告の画像等も目視可能
12 応用編 》 広告を確認したいURLだけまとめて作成 》 案件ごとにテストケースを作成し、シ ステム部外の案件依頼者に実行しても らう 》 Good生成機
13 まとめ 》 レガシーコードがいきなりモダンなテ スト環境に移行できるわけない 》 でも品質・効率向上したい(目的) 》 従来の開発フローをできるとこから手 をつけていく
》 tail –f + SeleniumIDEはレガシーコー ド改善のための小さな一歩
14 SeleniumIDEでレガシーコードを 改善していきましょう
15 おわり