Skip to content

Instantly share code, notes, and snippets.

@deroter
Last active December 17, 2015 12:49
Show Gist options
  • Save deroter/5612414 to your computer and use it in GitHub Desktop.
Save deroter/5612414 to your computer and use it in GitHub Desktop.
まとめ:casper.jsを使ってのスクリーンショットのやり方まとめ

casper.jsを使ってのスクリーンショットのやり方まとめ(自分用。すぐ忘れるからなw)

準備するもの

まずはhomebrewをあぷでして最新版に。インストールしてなかったらする。

$ brew update

次に本体。

$ brew install casperjs

これで基本準備は完了。

次はこもりさん作のjsファイルをスクショ取りたいディレクトリに作る

単体capture.js

複数screenshots.js

作業用のdirにcd

$ cd hogehoge

そんでスクショを取る。以下は複数の場合。

$ casperjs screenshots.js http://example.com/

そしたら作業dirにできてるYO!

詰まったら動画!

https://vimeo.com/66521877

追記:一回作ったら後は定型化しちゃおう

まずはaliasを作成。

ホームディレクトリにある

  • .bash_profile
  • .bash_login

とかのバッシュの設定ファイルに以下を追記する。 ない場合は作ればおk

alias sc="casperjs ~/Users/ユーザ名/Downloads/sc/screenshots.js"

そんでscで設定が代入されるから、コマンドはこんな感じになるよ

$ sc http://example.com/

これはすごく楽。

@deroter
Copy link
Author

deroter commented Aug 1, 2013

コメント付いてたwいまさら気付いた件。example.comに書き直そうw

@deroter
Copy link
Author

deroter commented Aug 1, 2013

こもりさん
ありがとうございます。早速書き直しましたw
寺澤さん
これいいですね!複数も!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment