Railsで使えるGem

Railsでhtmlファイルやリンク先のスクリーンショットを撮影~IMGKit&wkhtmltoimage

投稿日:

 

github.com/csquared/IMGKit

環境

ubuntu server 12.04.1

Ruby 2.0.0 Rails4.0.0.beta1

 

imgkitは、htmlファイルをイメージ化したり、リンク先のスクリーンショットを撮影したりすることができるgem

imgkitはwkhtmltoimageというCUIソフトを使っているので、先にこれをインストールする

 

wkhtmltoimageのインストール

自分の環境では最新の0.11.0-rc1-staticはうまく動作しなかったので、0.10.0-rc2-staticを使った

wkhtmltoimage が動かない

また、imgkitジェムはwkhtmltoimageを自動でインストールできるオプションがあるけど、これもうまく動作しなかったので手動でインストールした

まず、ここからダウンロードする(64bit環境なのでamd64を選択した)

つぎに、適当なところで解凍

パスの通ったところに移動してリネームしておく

確認

 

imgkitのインストール

gem install imgkit でインストールできるんだけど、なぜかあとでGemfileが見つからない的なエラーに悩まされるのでRailsの適当なアプリをつくってGemfileでbundleする

bundle

 

試す

READMEに書いてあるとおりに試してみる

Railsのコンソールから

みてわかるとおり、スタイルシートを指定したり、高さを指定したりできるぽい

これだけでつぎのようなスクリーンショットが撮影できる

screenshot

urlだけじゃなくてhtmlファイルを渡せばレンダリングしてスクリーンショットにしてくれる

READMEにはCarrierWaveと組み合わせてスクリーンショットを保存する方法も載ってるので参考に

日本語フォント

日本語フォントをインストールしていないと豆腐になる

2013-03-18_15h07_03

 

適当に日本語フォントをインストールしておけばOK

 

2013-03-18_15h10_12

-Railsで使えるGem
-

執筆者:

関連記事

no image

RailsでRedisを使う例のメモ

最近よく見かけるようなのでメモ Redisって大量にメモリを積んでないとダメかと思ってたけど、思ったよりいろんな方面に用途がありそう(リンク先の情報はわたしは未検証です) Redisの基礎 (全14回 …

Deviseのユーザーと既存のMongoidモデルを関連づける

前提 Rails3.2でHTML5で取得した位置情報をMongoDBに保存してGoogleMapsでみる~mongoid、gmaps4rails Rails3.2+Mongoidでログイン機能~dev …

Rails3でajaxでD&Dでまとめてファイルアップロード2~jQueryFileUpload for Rails

  前提 Rails3でajaxでD&Dでまとめてファイルアップロード~jQueryFileUpload for Rails Ruby on Rails 3.2でファイルアップロード …

簡単にグラフが作成できるC3.jsをRailsでつかってみた

By: Nguyen Hung Vu – CC BY 2.0 目次1 C3.js2 gon3 複数の時系列データで一方にはある時点のデータがあるけど他方にはある時点のデータがないみたいな場 …

Rails3.2+jQueryUI1.10でjQuery-UI-Bootstrapのデモ画面を出すところまでやった

なにかいつの間にかかっこいい感じのサイトになってた addyosmani.github.com/jquery-ui-bootstrap/ jquery-ui-bootstrap.github.io/j …