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で帳票印刷を試す~thinreports

  www.thinreports.org/ github.com/thinreports/thinreports-rails3-example 目次1 とりあえずサンプルを試してみた2 ソ …

no image

Railsで使える便利なナビゲーション~simple-navigation

Rails4とBootstrapをつかった動的なナビゲーションとパンくずリスト〜acts_as_nested_set

By: anko.gaku_ula – CC BY 2.0 目次1 Railscast2 acts_as_nested_set3 ヘッダーnav4 サイドメニュー5 パンくずリスト6 でき …

RailsでHTML5対応のvideoプレイヤーを利用してみる~flowplayer5.0.0

  参考 flowplayer.org/ Flowplayerのサイトからバージョン5.0.0がダウンロードできる flowplayer-gemのバージョンは3.2.4 バージョン5では基本 …

MIddlemanでrails-assets.orgをつかってbowerのコンポーネントをつかう

By: Simon Cunningham – CC BY 2.0 middlemanは静的なサイトのジェネレータ rails-assets.orgは「the frictionless pr …