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
-

執筆者:

関連記事

Rails3.2でみたまま編集 〜hallo editor

  By: Fabio Marini – CC BY 2.0 文字をダブルクリックしてそのままフォーム編集するやつのメモ~in place edit 文字をダブルクリックしてその …

no image

Rubyでxmlの要素の追加など~nokogiri

目次1 はじめに2 文字列をパースしてxmlとして読み込んでそのままxmlとして出力する3 nodeの追加4 nodesetの作成と追加5 DocumentFragmentの作成と追加 はじめに 参考 …

Rails4.0でもajaxなデータテーブルを使う~ajax-datatables

Railsでajaxなテーブルを使う~datatables Rails4でのJSONテンプレート~jbuilder+rabl+ruby 目次1 index.json.jbuilder2 tasks.j …

no image

Rails3.2でBackbone.jsとPrivate_pubでToDoアプリをリアルタイム化(できた!)

参考 Rails3.2でリアルタイムメッセージング~Private_pub、Faye Rails3.2とBackbone.jsでToDoアプリを作ってみた~backbone-on-rails &nbs …

Rails3.2.8でテーブル並び替えのテストを作る~cucumberと正規表現

前提 Railsのテーブル並び替えを実装する Rails3.2.8で自動テスト環境を整える〜cucumber+spork+guard 目次1 作戦(ストラテジー)2 have_contentの正規表現 …