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
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
ガバメント AI 源内を地方自治体は活用できるのか可能性と課題、期待について
takeda_h
1
410
Goでデータパイプラインを作ろう
sansantech
PRO
1
450
認知負荷をGemini で溶かす — GKE 基盤「Orbit」における AI エージェントの実践
sansantech
PRO
1
300
え?フロントエンドエンジニアの ワイがインフラも!?
puku0x
1
580
Invisible to AI? Making TYPO3 Sites Quotable by AI Search Systems
wolfgangwagner
0
200
ラジオの科学
frievea
0
320
DatadogのBits Chatが開発組織にもたらしたもの / What Bits Chat Has Brought Us
sms_tech
1
270
My broken English still works: speaking at global OSS events
naruoga
0
100
20260807_第6回_関東kaggler会LT_claw系bot xangiと始める、"寂しくない" kaggle
sugupoko
0
280
老害フォレンジッカーはAI羊の夢を見るか?
tadmaddad
0
330
Breaking the Seal: Static Deobfuscation of Compiled V8 JavaScript Bytecode Malware
hshrzd
0
770
【CEDEC2026】『GRANBLUE FANTASY: Relink - Endless Ragnarok』のバトル制作事例 ~最高のキャラゲーを目指して~
cygames
PRO
0
300
Featured
See All Featured
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
410
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
460
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
770
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.5k
GitHub's CSS Performance
jonrohan
1033
470k
So, you think you're a good person
axbom
PRO
2
2.1k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.9k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
270
Building Flexible Design Systems
yeseniaperezcruz
330
40k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
11k
A designer walks into a library…
pauljervisheath
211
24k
Paper Plane (Part 1)
katiecoart
PRO
1
10k
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 おわり