第6回：プラグインでさらに生産性アップ (3/4)

TOP＞システム開発＞実装

Ruby on Rails入門

第６回：プラグインでさらに生産性アップ
著者：DTS 五座淳一 2006/6/28

前のページ 1 2 3 4 次のページ

実装

File Columnプラグインを使ってアプリケーション「アドレス帳」に写真を追加する手順を表2に示します。

contactsテーブルに画像ファイル名を格納するカラムを追加する
ContactモデルにFile Columnプラグインを関連付ける
アドレスカード情報を入力するためのフォームに写真を指定するためのフィールドを追加する
ビューに写真を表示するためのタグを追加する

表2：写真を追加する手順

まずcontactsテーブルに、画像ファイル名を保存するためのカラムimageを追加します。コマンドプロンプトを開いて、リスト3のように入力してください。またmysqlコマンドのパスは環境にあわせて読み替えてください。

リスト3：カラムimageを追加する


		C:\> C:\InstantRails\mysql\bin\mysql -u root

		mysql> USE AddressBook_development

		mysql> ALTER TABLE `addressbook_development`.`contacts` ADD COLUMN `image` VARCHAR(255) NOT NULL DEFAULT '' AFTER `email`;

		mysql> exit

		C:\> exit

ソースコードの修正

残りはソースコードの修正になります。まず1つ目の修正はモデルです。ContactモデルにFile Columnプラグインを関連付けます。第1引数に画像ファイル名を格納するカラム名を指定し、第2引数には64×48サイズと160×120サイズにリサイズした画像を格納することを示しています。

file_columnというメソッドを呼び出していますが、これはFile Columnプラグインを導入したことによってRails提供クラスに動的に追加されたメソッドの1つです。

リスト4：app/models/contact.rb


		class Contact < ActiveRecord::Base

		   file_column :image, :magick => { 

		      :versions => { :thumb => "64x48", :medium => "160x120" }}

		end

次にアドレスカード情報を入力するためのフォームに写真を指定するためのフィールドを「app/view/contacts/_form.rhtml」の最後に追加します（リスト5）。

リスト5：app/view/contacts/_form.rhtml


		<p><label for="contact_image">Image</label><br/>

		<%= file_column_field 'contact', 'image' %></p>

Scaffoldで生成した新規作成画面、編集画面のフォームは共通化されており、このファイルを修正するだけで、新規作成画面、編集画面のフォームに写真を指定するためのフィールドを追加することが可能です。

あわせて写真をアップロードするため、両画面の「start_form_tag」にmaultipartを指定します（リスト6、リスト7）。

リスト6：app/view/contacts/new.rhtml


		<%= start_form_tag({:action => 'create'}, {:multipart => true}) %>

リスト7：app/view/contacts/edit.rhtml


		<%= start_form_tag({:action => 'update', :id => @contact}, {:multipart => true}) %>

前のページ 1 2 3 4 次のページ

著者プロフィール
株式会社DTS 五座淳一
技術部所属。入社以来、交換機や携帯電話、Webシステムなど様々な開発を担当する。Ruby on Rails上に構築したオープンソースのCMS「Rubricks」（http://rubricks.org/）のコミッタ。

INDEX
第6回：プラグインでさらに生産性アップ
	プラグインとは
	アプリケーション「アドレス帳」に写真を追加する
	実装
	写真の表示

Ruby on Rails入門
第1回	Railsが注目されている理由
第2回	すぐできるアプリケーション作成
第3回	アーキテクチャと検索機能の追加
第4回	Railsでテストをしてみよう
第5回	Ajaxアプリケーションの作成
第6回	プラグインでさらに生産性アップ
第7回	Linux環境で動作させよう

徹底比較!!Ruby on Rails vs Javaフレームワーク
第1回	O/Rマッピング
第2回	JSFとRailsで比較（前編）
第3回	JSFとRailsで比較（後編）
第4回	DIコンテナとの比較
第5回	テストフレームワーク
第6回	RailsとGrailsの比較（前編）
第7回	RailsとGrailsの比較（後編）

タイプ

連載

特集

第6回：プラグインでさらに生産性アップ (3/4)

新着記事

人気記事トップ10

企画広告も役立つ情報バッチリ！ Sponsored