mooco | webdesign

Rails で PDFKit を使う

pochy — Fri, 09 Mar 2012 02:34:36 +0000

ThinReports を使いたかったんだけど、テーブルの作成をするのにエディターではなくソースを編集する必要があったので諦めて PDFKit を使うことにした。
ただこの PDFKit もなかなかの癖ものだった。

今回はまった箇所は stylesheet_link_tag があると正しく出力されないという事。
javascript_include_tag もあるとダメかもしれない。

Gemfile に追加する

gem 'pdfkit'

Gemfile に追加したらインストール

$ bundle install

config/initializers/mime_types.rb に PDFを追加

Mime::Type.register_alias "application/pdf", :pdf

やり方が２つある

application.rb に以下を追加すると各ページで .pdf をつけるだけでPDFが出力される。

require ‘pdfkit’
config.middleware.use PDFKit::Middleware, :print_media_type => true

もうひとつはコントローラーに書くやり方

format.pdf {
  html = render_to_string(:template => "users/index.html.erb")
  pdfkit_instance = PDFKit.new(html)
  pdfkit_instance.stylesheets << "#{Rails.root}/public/stylesheets/pdf.css"
  send_data(pdfkit_instance.to_pdf)
  return
}

send_data を render にするとブラウザ(Chrome)でそのまま表示できた

render text: pdfkit_instance.to_pdf

Rails で Bootstrap を使う

Gemfile の group :assets do … end の中に追加する Gemfile に追加したらインストール Bootstrap の導入レイアウトの作成確認してみる generate で作成したレイアウトは Bootstrap の Example などを参考にして調整したほうがいい。…

Rails で simple_form を使う

Gemfile に追加する Gemfile に追加したらインストール simple_form の導入。 Bpotstrap を使うのでオプションをつけるデフォルトのフォームを hml5対応にして、 horizontal に変更参考 plataformatec/simple_form – GitHub SimpleForm – Rails forms [...]…

Rails で Carrierwave を使う

Gemfile に追加する Gemfile に追加したらインストールアップローダークラスの作成…

コピペではじめるiPhoneゲームプログラミング 2-5-3 背景の配置

pochy — Sat, 03 Mar 2012 08:02:18 +0000

コピペではじめるiPhoneゲームプログラミングの「2-5-3 背景の配置」では以下のように AppDelegate.m を変更しないとサンプルと同じようにならない。

diff --git a/Shiwake/AppDelegate.m b/Shiwake/AppDelegate.m
index df613ae..e4f20e1 100755
--- a/Shiwake/AppDelegate.m
+++ b/Shiwake/AppDelegate.m
@@ -10,9 +10,8 @@

 #import "AppDelegate.h"
 #import "GameConfig.h"
-#import "HelloWorldLayer.h"
+#import "MultiLayerScene.h"
 #import "RootViewController.h"
-#import "InitialScene.h"

 @implementation AppDelegate

@@ -111,7 +110,7 @@
        [self removeStartupFlicker];

        // Run the intro Scene
-       [[CCDirector sharedDirector] runWithScene: [InitialScene scene]];
+       [[CCDirector sharedDirector] runWithScene: [MultiLayerScene scene]];
 }

12.01.21 Blender で地下鉄を作る（途中）

Create an Underground Subway Scene in Blender – Part 1 of 2 | Blender Guru を見ながら今度は地下鉄…

Blender で地下鉄を作る（完成）

前回の続きからで Create an Underground Subway Scene in Blender – Part 2 of 2 | Blender Guru を見ながら作成。前回まででモデリングは全て終わったので今回からマテリアルの設定をしたり、ぼかしたりなど。…

08.11.20 AS3.0:XMLの読み込み

as3.0でXML読み込みしてみました。as2.0に比べると格段に便利～。ステキです。as2.0のXMLオブジェクトは「XMLNode」として別扱いであるそう。…

cap deploy で “rake: command not found” というエラーが発生した場合

pochy — Wed, 29 Feb 2012 03:03:35 +0000

cap deploy したら bundle install の最中に failed: "sh -c 'cd /deploy/releases/20120229025926 && rake RAILS_ENV=production RAILS_GROUPS=assets assets:precompile'" on example.com というエラーが発生して途中で止まったしまった。

.ssh/environment に以下を追記したら解決した

PATH=/usr/local/ruby-1.9.2/bin:/usr/local/bin:/bin:/usr/bin

12.02.29 cap deploy で “invalid byte sequence in US-ASCII” というエラーが発生した場合

ap deploy したら bundle install の最中に “invalid byte sequence in US-ASCII” というエラーが発生して…

12.02.27 Rails で Bootstrap を使う

Rails で Carrierwave を使う

Gemfile に追加する Gemfile に追加したらインストールアップローダークラスの作成…

cap deploy で “invalid byte sequence in US-ASCII” というエラーが発生した場合

pochy — Wed, 29 Feb 2012 02:52:31 +0000

cap deploy したら bundle install の最中に "invalid byte sequence in US-ASCII" というエラーが発生して途中で止まったしまった。

.ssh/environment に以下を追記したら解決した

LC_CTYPE=ja_JP.utf8
LANG=ja_JP.utf8

12.02.29 cap deploy で “rake: command not found” というエラーが発生した場合

cap deploy したら bundle install の最中に failed: “sh -c ‘cd /deploy/releases/20120229025926…

12.02.27 Rails で Bootstrap を使う

Rails で Carrierwave を使う

Gemfile に追加する Gemfile に追加したらインストールアップローダークラスの作成…

Rails で Carrierwave を使う

pochy — Mon, 27 Feb 2012 06:19:45 +0000

Gemfile に追加する

gem 'carrierwave', :git => 'https://github.com/jnicklas/carrierwave.git'

Gemfile に追加したらインストール

$ bundle install

アップローダークラスの作成

$ rails generate uploader image
      create  app/uploaders/image_uploader.rb

12.02.27 Rails で Bootstrap を使う

Rails で simple_form を使う

12.03.09 Rails で PDFKit を使う

ThinReports を使いたかったんだけど、テーブルの作成をするのにエディターではなくソースを編集する必要があったので諦めて PDFKit を使うことにした。ただこの PDFKit もなかなかの癖ものだった。今回は…

Rails で simple_form を使う

pochy — Mon, 27 Feb 2012 04:05:15 +0000

Gemfile に追加する

gem 'simple_form'

Gemfile に追加したらインストール

$ bundle install

simple_form の導入。 Bpotstrap を使うのでオプションをつける

$ rails generate simple_form:install --bootstrap
       exist  config
      create  config/initializers/simple_form.rb
      create  config/locales/simple_form.en.yml
      create  lib/templates/erb/scaffold/_form.html.erb
===============================================================================

  Be sure to have a copy of the Bootstrap stylesheet available on your
  application, you can get it on http://twitter.github.com/bootstrap.

  Inside your views, use the 'simple_form_for' with one of the Bootstrap form
  classes, '.form-horizontal', '.form-inline', '.form-search' or
  '.form-vertical', as the following:

    = simple_form_for(@user, :html => {:class => 'form-horizontal' }) do |form|

===============================================================================

デフォルトのフォームを hml5対応にして、 horizontal に変更

diff --git a/config/initializers/simple_form.rb b/config/initializers/simple_form.rb
index 2ebb17b..c568fb1 100644
--- a/config/initializers/simple_form.rb
+++ b/config/initializers/simple_form.rb
@@ -46,8 +46,13 @@ SimpleForm.setup do |config|
   end

   config.wrappers :bootstrap, :tag => 'div', :class => 'control-group', :error_class => 'error' do |b|
+    b.use :html5
     b.use :placeholder
     b.use :label
+    b.optional :maxlength
+    b.optional :pattern
+    b.optional :min_max
+    b.optional :readonly
     b.wrapper :tag => 'div', :class => 'controls' do |ba|
       ba.use :input
       ba.use :error, :wrap_with => { :tag => 'span', :class => 'help-inline' }
@@ -133,7 +138,7 @@ SimpleForm.setup do |config|
   config.label_class = 'control-label'

   # You can define the class to use on all forms. Default is simple_form.
-  # config.form_class = :simple_form
+  config.form_class = 'form-horizontal'

   # You can define which elements should obtain additional classes
   # config.generate_additional_classes_for = [:wrapper, :label, :input]

参考

Rails で Bootstrap を使う

12.03.09 Rails で PDFKit を使う

12.02.27 Rails で Carrierwave を使う

Gemfile に追加する Gemfile に追加したらインストールアップローダークラスの作成…

SyntaxHighlighter Evolved の使い方を忘れた時

pochy — Mon, 27 Feb 2012 03:09:50 +0000

対応しているソースコードについてははなし半分なマトメ。 – SyntaxHighlighter Evolved 導入
使い方についてはまとめ：SyntaxHighlighter Evolved の使い方 (設定＆記述例) | attosoft.info Blog

11.01.05 links for 2011-01-04

webdev.stephband.info (tags: jquery javascript effects plugins) Cufonの使い方 – Netch (tags: javascript font jquery typography tutorial) webdev.stephband.info (tags: jquery javascript plugin [...]…

10.10.09 links for 2010-10-08

TextFieldにフォーカスイベントを実装するには | 5ive.blog (tags: flash as3 tips actionscript3)…

10.07.11 WordPress:Deliciousブックマークを自動投稿

よく色んな方のブログやRSSを読んでいて気になっていた「Links for 2010-00-00 [del.icio.us]」という記事…

Rails で Bootstrap を使う

pochy — Mon, 27 Feb 2012 03:07:24 +0000

Gemfile の group :assets do ... end の中に追加する

gem 'twitter-bootstrap-rails', :git => 'http://github.com/seyhunak/twitter-bootstrap-rails.git'

Gemfile に追加したらインストール

$ bundle install

Bootstrap の導入

$ rails generate bootstrap:install
      insert  app/assets/javascripts/application.js
      create  app/assets/javascripts/bootstrap.js.coffee
      create  app/assets/stylesheets/bootstrap_and_overrides.css.less
        gsub  app/assets/stylesheets/application.css
        gsub  app/assets/stylesheets/application.css

レイアウトの作成

$ rails generate bootstrap:layout application ﬂuid
    conflict  app/views/layouts/application.html.erb
Overwrite /home/nakajima/Documents/Work/warehouse/app/views/layouts/application.html.erb? (enter "h" for help) [Ynaqdh] y
       force  app/views/layouts/application.html.erb

確認してみる

$ rails generate scaffold Product title:string
$ rake db:migrate

generate で作成したレイアウトは Bootstrap の Example などを参考にして調整したほうがいい。

12.02.27 Rails で simple_form を使う

Rails で Carrierwave を使う

Gemfile に追加する Gemfile に追加したらインストールアップローダークラスの作成…

12.03.09 Rails で PDFKit を使う

Blender で吊り橋を作る（失敗）

pochy — Wed, 01 Feb 2012 12:09:45 +0000

前回の続きから

明らかに鉄骨のつなぎ目の部分が黒ずんでるし、吊ってるポールも色がおかしいから失敗。

Blender で吊り橋を作る（途中2）

pochy — Sun, 29 Jan 2012 16:05:48 +0000

前回の続きから

mooco | webdesign

Rails で PDFKit を使う

Related Posts

コピペではじめるiPhoneゲームプログラミング 2-5-3 背景の配置

Related Posts

cap deploy で “rake: command not found” というエラーが発生した場合

Related Posts

cap deploy で “invalid byte sequence in US-ASCII” というエラーが発生した場合

Related Posts

Rails で Carrierwave を使う

Related Posts

Rails で simple_form を使う

Related Posts

SyntaxHighlighter Evolved の使い方を忘れた時

Related Posts

Rails で Bootstrap を使う

Related Posts

Blender で吊り橋を作る（失敗）

Related Posts

Blender で吊り橋を作る（途中2）

Related Posts