【Codepatch #02】PhantomJSを使ってスクリーンキャプチャを自動化、他 | Goodpatch Blog
最近Goodpatchに入社した、フロントエンドエンジニアのmigiです。 Goodpatch内のHTML5やiOS・Androidアプリ開発についてや業務中の疑問を共有する場としてのフロントエンド定例、そこで出た内容の一部を皆さまに共有する「CodePatch」の第二回目をお送りします！ 前回の記事「【CodePatch #01】グッドパッチのフロントエンド定例で話題になった技術を不定期で配信してみます。」には多くの反応をいただきまして誠にありがとうございました！ 自分たちが興味を持っている技術に対して全国数千万人(推定)のフロントエンド愛好家の皆さまにも同じく興味を持っていただけたようでとても嬉しく思います。 それでは今回もさっそく、今週のフロントエンド定例で話題に上がった話をご紹介していきます！ PhantomJSとは、JavaScriptで操作を行う、画面を持たないWebブラウザで
Casper.JSのススメ - After Coding
2013-08-17 Casper.JSのススメ Phantom.JSというヘッドレスブラウザがある。 これが超便利なんだけど、セッション周りとか込み入った操作をしようと思うと途端に操作(JSファイルへの記述)が面倒になる。 そこで、Casper.JSの出番だ。 CasperはPhantomと連携するライブラリで、簡単な記述で複雑な操作を実現することができる。 また、Phantomのレンダリングエンジンはwebkitで、Gekkoで動いているSlimer.JSってのもあって、これらの上で動くCasperを使っているとレンダリングどっちも使えるので捗る(と思う)。 今回はEnd-to-Endテストの実現を目的に、Casper.JSでwebサイトのHTMLを解析してみる。 もちろん、スクレイピングなどにも応用可能だ。 ↑ヨルムンガンドに出てくる主人公(ココ・ヘクマティアル)の兄キ
Karma, PhantomJS, JasmineでBDDなJavaScriptテスト環境をつくる - プログラマ憧れプログラマ日記
はじめに ひとむかし前のJavaScriptのユニットテストと言えばQUnit, JSTestDriverとかを組み合わせて実行することが多かったですが、最近はJasmineで書いてPhantomJSなどのヘッドレスブラウザをKarmaで実行するのがおしゃれな感じがしていいそうです。 UIなしでコマンドライン上で済ませられるとなると、CIにも乗せやすくなって何かと捗るのでこの辺りをちょっと試してみましょう。 もろもろインストール nodeとKarmaをインストールします。 Karmaは簡単にいうとテストランナーです。今回のようにPhantomJSみたいなヘッドレスなブラウザを使ってテストを実行することもできますし、一般的なブラウザを使ってテストを実施することもできます。 なおKarmaのインストール時に一緒にPhantomJSもインストールすることができるので、PhantomJS単体のイン
PhantomJSとJasmineで振る舞い駆動開発なJavaScriptテスト
PhantomJSとJasmineで振る舞い駆動開発なJavaScriptテスト：フレームワークで実践！ JavaScriptテスト入門（2）（1/3 ページ） しっかりとJavaScriptをテストするために、今注目のJavaScript用のテストフレームワークをいくつか紹介し、その概要から実践的な使い方まで解説する連載 前回は、JavaScriptテストの基本、今回からフレーワムークを紹介 前回の「JavaScriptテストの基礎知識と使えるフレームワーク6選」では、JavaScriptのテストを取り巻く環境や、JavaScriptのテストに使用できるフレームワークの紹介を行いました。今回からは、前回の記事で紹介されたフレームワークを使用して実際にJavaScriptのテスト環境を構築し、テストを行うまでの流れを解説します。 今回は「PhantomJS」と「Jasmine」を取り上げま
PhantomJS - Scriptable Headless Browser
Important: PhantomJS development is suspended until further notice (more details). PhantomJS is a headless web browser scriptable with JavaScript. It runs on Windows, macOS, Linux, and FreeBSD. Using QtWebKit as the back-end, it offers fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG. The following simple script for PhantomJS loads Google homepag
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
