CasperJSでFlickrの検索結果を取得する

先ほどの画面キャプチャの応用というか、横展開というか。

// CasperJSオブジェクトの生成 var casper = require('casper').create();   // これ以降、run()メソッドまでの前の処理がrun()実行時に行われる casper.start();   // 画面サイズを設定 casper.viewport(1400, 800);   // UserAgent設定 casper.userAgent("Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2490.86 Safari/537.36");   // 検索ワード var text = encodeURIComponent("大阪");   // サイトへ接続 casper.open('https://www.flickr.com/search/?text=' + text);   // サイト接続後、capture取得 casper.then(function(){  casper.capture("flickr-image.png",{top:0,left:0,width:1400,height:800}); });   // 処理開始 casper.run();

できたできた。

ユーザエージェントと画面サイズの変更してあげれば、iPhoneとかスマートフォンのふりをすることも可能。

今日の作業

---

触りで終わってしまった。

（続）CasperJSで画面キャプチャを撮る〜日本語を利用できるようにする

タイトルの通り、昨日の続き。なるほど、TTFフォントをインストールしていないからフォントが豆腐になったのか。

LinuxなのでIPAフォントを使ってみよう。書体はゴシックでいいや。

# wget http://dl.ipafont.ipa.go.jp/IPAexfont/ipaexg00301.zip # unzip ipaexg00301.zip # mkdir /usr/share/fonts/ipaexg00301 # cp -ip ipaexg00301/ipaexg.ttf /usr/share/fonts/ipaexg00301/ # fc-cache -fv /usr/share/fonts: caching, new cache contents: 0 fonts, 1 dirs /usr/share/fonts/ipaexg00301: caching, new cache contents: 1 fonts, 0 dirs /usr/share/X11/fonts/Type1: skipping, no such directory /usr/share/X11/fonts/TTF: skipping, no such directory /usr/local/share/fonts: skipping, no such directory /root/.local/share/fonts: skipping, no such directory /root/.fonts: skipping, no such directory /usr/share/fonts: caching, new cache contents: 0 fonts, 1 dirs /usr/share/X11/fonts/Type1: skipping, no such directory /usr/share/X11/fonts/TTF: skipping, no such directory /usr/local/share/fonts: skipping, no such directory /root/.local/share/fonts: skipping, no such directory /root/.fonts: skipping, no such directory /var/cache/fontconfig: cleaning cache directory /root/.cache/fontconfig: not cleaning non-existent cache directory /root/.fontconfig: not cleaning non-existent cache directory fc-cache: succeeded

確認。

# fc-list /usr/share/fonts/ipaexg00301/ipaexg.ttf: IPAexゴシック,IPAexGothic:style=Regular

キャプチャスクリプトを再実行

# casperjs screenshot.js

できたー