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
-

執筆者:

関連記事

Rails5でマテリアルデザイン~material_design_lite-sass

By: AnnaKika – CC BY 2.0 目次1 マテリアルデザイン2 gem3 scss & javascript4 Turbolinksに対応5 simple_form …

backbone-railsのscaffoldで生成されるコードでルーティングとCRUDの処理をどうやってるのか読んでみた

By: asobi tsuchiya   目次1 はじめに2 サンプルの準備3 初期化4 ルーター5 READ6 CREATE7 UPDATE8 DELETE はじめに backbone-r …

no image

Railsで動画を管理する2 動画のサムネイルを作成する~CarrierWave + Flowplayer

  *とりあえず動いているけど、もっとましな方法があるとおもいます 前提 Railsで動画ファイルを管理する~CarrierWave Flowplayer 参考 Rubyでffmpegのラッ …

WindowsのRubyでxlsxファイルにアクセスする~roo

By: Hajime NAKANO – CC BY 2.0 目次1 rooのインストール2 rooを使ってみる(基本)3 シートを指定する4 セルの値を確認する5 行列を数える rooのイ …

no image

Rails3.2でリアルタイムメッセージングサービスをherokuにデプロイしたよ〜private_pub,Faye

参考 Rails3.2でリアルタイムメッセージング~Private_pub、Faye さっそくherokuにあげてみた ブラウザを2つ起動して並べてみれば投稿した内容が即時にほかのブラウザに反映するの …