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
アップデートで何が変わった?デモで学んで使いこなすIBM Bob2.0
muehara
0
230
ゴールデンパスは敷いただけでは道にならない ─ 企画部門のエンジニアが技術標準を事業価値に変えるまで
mhrtech
1
260
AI時代の開発生産性を捉え直す — 経営と現場をつなぐ「開発組織のオブザーバビリティ」— / AI Dev Ex Conference 2026
tkyowa
1
1.3k
AmplifyHostingConstructからSSRフレームワークのためのホスティング設計を考察する/amplify-hosting-construct
fossamagna
1
310
AI時代のPlaywright活用(システムテストを自動化する ー 実行エンジンにPla ywrightを選んだ理由)
ynisqa1988
2
950
論語・武士道・産業革命から見る かわるもの、かわらないもの
ichimichi
3
140
StepFunctionsとGraphRAGを活用した暗黙知活用のためのRAG基盤
yakumo
0
140
Jitera Company Deck
jitera
0
280
CDKで書くECSのベストプラクティス、 改めて考え直す2026 #cdkconf2026
makies
3
940
ダッシュボード"開発"について 〜使われるダッシュボードのつくりかた〜
kimichan
0
200
AIツールを導入しても生産性はあがらない? カオナビが直面した 3つの壁と乗り越え方。/ Overcoming 3 Barriers to AI-Driven Productivity at kaonavi
kaonavi
0
200
そのドキュメント、自動化しませんか?
yuksew
1
420
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.7k
A Soul's Torment
seathinner
6
3.1k
Being A Developer After 40
akosma
91
590k
Building Flexible Design Systems
yeseniaperezcruz
330
40k
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
740
Evolving SEO for Evolving Search Engines
ryanjones
0
240
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
410
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
410
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
220
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Automating Front-end Workflow
addyosmani
1370
210k
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 おわり