Into my web

2013年6月15日土曜日

[Rails3] サイドバーの実装には Cells が便利

RailsでViewを作りこんでいくと、ifやeach、さらに変数を代入するだけの行とか出てきてしまってあまり綺麗なViewではなくなっていくとこがよくある。
ifとか文字列の連結を省略したいだけなら ActiveDecorator とかが便利

↑こうゆうやつ

でもブログのサイドバーみたいにサイト全体で使うViewがあったりすると、

データはControllerで用意するの？ => before_filter使うとか
Viewから直接Modelは呼び出したくないよね。。
そもそもViewファイルはどこに置けばいいんだろ？ => views/layouts/_sidebar.html.erbとか？
SidebarControllerを実装してサイドバーだけajaxでhtmlを取得するとか？

いろいろモヤモヤするとこがあって、あんまり最適解じゃない気がする。

でも Cells というgemを使うとViewの部品を小さなコントローラのような形で実装できるようになるのでスッキリ綺麗に書けて凄くイイネ！

インストール

Gemfileに以下を書いてbundle installするだけ

Gemfile

+ gem 'cells'

$ bundle install

ジェネレート

インストールするとジェネレータが追加されているので、cellの名前とアクション名を渡して作成出来る

$ bundle exec rails g cell sidebar show

ERB以外のテンプレートを使う場合は -e オプションを指定すればOK

$ bundle exec rails g cell sidebar show -e haml

生成したCellは app/cells にある

app
├── cells
│   ├── sidebar
│   │   └── show.html.haml
│   └── sidebar_cell.rb

	class SidebarCell < Cell::Rails
	def show
	render
	end
	end

view raw sidebar_cell.rb hosted with ❤ by GitHub

使ってみる

Cellを埋め込みたいViewの部分に render_cell を使うとレンダリングされる。引数は Cell名, アクション名

	= render_cell :sidebar, :show

	#main
	article
	%h1= @article.title
	%div= @article.body

view raw show.html.haml hosted with ❤ by GitHub

Cellの中では普通にModelが呼べるので

	class SidebarCell < Cell::Rails
	def show
	@recent_articles = Article.recents
	render
	end
	end

view raw sidebar_cell.rb hosted with ❤ by GitHub

こんなかんじでModelからデータを受け取ってインスタンス変数に入れておけばCellのViewで使えるようになる

	%ul
	- @recent_articles.each do \|article\|
	%li= link_to article.title, article

view raw show.html.haml hosted with ❤ by GitHub

render_cellには3番目の引数があって、ここに渡したものはCellのアクションメソッドの引数に入るようになる

	= render_cell :sidebar, :show, { hoge: 'this is hoge' }

	#main
	%article
	%h1= @article.title
	%div= @article.body

view raw show.html.haml hosted with ❤ by GitHub

	class SidebarCell < Cell::Rails
	def show(arg)
	@hoge = arg[:hoge]
	render
	end
	end

view raw sidebar_cell.rb hosted with ❤ by GitHub

もう少し便利に

このままだと通常のViewで使えるヘルパーメソッドは一切呼べないので、ApplicationCell を作って継承するようにしてる。

	class ApplicationCell < Cell::Rails
	helper ApplicationHelper
	end

view raw application_cell.rb hosted with ❤ by GitHub

helperというメソッドに使いたいヘルパーのモジュールを渡すと使えるようになる

また helper_method というメソッドも用意されていて、個別にヘルパーを追加できるようにもなってる。
自分はdeviseの current_user をCellのViewでも使いたかったので以下のようにしてみた

	class ApplicationCell < Cell::Rails
	helper ApplicationHelper
	helper_method :c

	def c
	parent_controller
	end
	end

view raw sidebar_cell.rb hosted with ❤ by GitHub

これで c.current_user とすれば呼び出せて、ログインしてたら編集ボタンを表示するようにできた

	%ul
	- @recent_articles.each do \|article\|
	%li
	= link_to article.title, article
	- if c.current_user
	%span= link_to '(編集)', edit_article_path(article)

view raw show.html.haml hosted with ❤ by GitHub

以前はSidebarControllerを実装してサイドバーのhtmlだけajaxで取得とかやってたこともあるけど、そもそもjsがオフってあると使えないし、Controllerはアプリケーションのリソースのためだけに使うようにしたいからこの方法がベストだと思う。
railsに取り込まれてもいいんじゃないかなぁ

2013年6月14日金曜日

[Rails3] has_many through で polymorphic な関連で相互に参照する

Rails3で has_many through でしかも polymorphic な関連を実装していて、polymorphicなモデル側からhas_manyを探せるけど、逆のやり方に苦戦したのでメモ

User モデルは複数の Clubに属すことができて、Clubもまた複数の Userを受け入れられるという感じ。

最初にやってた方法

	class Club < ActiveRecord::Base
	attr_accessible :name

	has_many :memberships,
	as: :membable

	has_many :members,
	source: :user
	end

view raw club.rb hosted with ❤ by GitHub

	class Membership < ActiveRecord::Base
	attr_accessible :membable_id, :membable_type, :user_id

	belongs_to :club, polymorphic: true
	belongs_to :user
	end

view raw memberships.rb hosted with ❤ by GitHub

	class User < ActiveRecord::Base
	attr_accessible :name

	has_many :memberships,
	dependent: :destroy

	has_many :membered_clubs,
	through: :memberships,
	source: :membable,
	source_type: 'Club'
	end

view raw user.rb hosted with ❤ by GitHub

Membership はpolymorphicなモデルにしていて、例えばClub以外にもFamilyとか他のグループでも同じモデルを使いまわしたかった。

データを作ってみる

rails consoleでデータを作成

user = User.create({ name: 'kozo' })
=> #<User id: 1, name: "kozo", created_at: "2013-06-14 03:14:59", updated_at: "2013-06-14 03:14:59">
club = Club.create({ name: 'football' })
=> #<Club id: 1, name: "football", created_at: "2013-06-14 03:14:50", updated_at: "2013-06-14 03:14:50">

club.memberships.create({ user_id: user.id })
=> #<Membership id: 1, user_id: 1, membable_id: 1, membable_type: "Club", created_at: "2013-06-14 03:15:19", updated_at: "2013-06-14 03:15:19">

Club -> Userの参照はうまくいく

こんな感じにClub側からUserを参照するのは簡単にできちゃう

club = Club.find(1)
club.members
# =>[#<User id: 1, name: "kozo", created_at: "2013-06-14 03:14:59", updated_at: "2013-06-14 03:14:59">]

User -> Clubの参照はできなかった・・・

user = User.find(1)
user.membered_clubs
# => ActiveRecord::HasManyThroughSourceAssociationNotFoundError: 
 Could not find the source association(s) :membable in model Membership.
 Try 'has_many :membered_clubs, :through => :memberships, :source => <name>'. Is it one of :user or :club?

ドキュメントにはsourceとsource_typeを使えばOKって書いてあるっぽい

ruby/rails/RailsGuidesをゆっくり和訳してみたよ/Active Record Associations - 株式会社ウサギィwiki

4.3.2.18 :source

:source オプションは has_many :through アソシエーションの元になるアソシエーション名を指定します。元のアソシエーションの名前が自動的にアソシエーション名から推測できない場合にのみ、このオプションを使用する必要があります。

4.3.2.19 :source_type

:source_type オプションは polymorphic アソシエーションを通じて進める has_many :through アソシエーションの元になる型を指定します。

でもググったらすぐ出てきた

has_many :through - The other side of polymorphic :through associations

MembershipとUserに細かく書いてあげるといいっぽい

	class Membership < ActiveRecord::Base
	attr_accessible :membable_id, :membable_type, :user_id

	belongs_to :user

	belongs_to :membable,
	polymorphic: true

	belongs_to :club,
	class_name: 'Club',
	foreign_key: 'membable_id'
	end

view raw membership.rb hosted with ❤ by GitHub

	class User < ActiveRecord::Base
	attr_accessible :name

	has_many :memberships,
	dependent: :destroy

	has_many :membered_clubs,
	through: :memberships,
	source: :club,
	conditions: "memberships.membable_type = 'Club'"
	end

view raw user.rb hosted with ❤ by GitHub

club = Club.find(1)
=> #<Club id: 1, name: "football", created_at: "2013-06-14 03:14:50", updated_at: "2013-06-14 03:14:50">
club.members
=> [#<User id: 1, name: "kozo", created_at: "2013-06-14 03:14:59", updated_at: "2013-06-14 03:14:59">]

user = User.find(1)
=> #<User id: 1, name: "kozo", created_at: "2013-06-14 03:14:59", updated_at: "2013-06-14 03:14:59">
user.membered_clubs
=> [#<Club id: 1, name: "football", created_at: "2013-06-14 03:14:50", updated_at: "2013-06-14 03:14:50">]

できた！

2012年12月13日木曜日

ヨドバシで予約したiPad miniの状況をMechanizeでチェックする

12/1にiPad mini買いに行ったら全モデル完売したので入荷するまで予約で待てと言われた。
しょうがないので予約したら商品いつ手に入るかわからないし全額払わされるのにポイントが貯まらないし、入荷したかどうかは自分でWebページを見ろという散々な状況です。

気になるけど酷いUI使ってわざわざ見るのもかったるいのでMechanizeにやってもらうことにしました。
herokuにデプロイしてschedulerで毎時0分に実行しています。

	source "https://rubygems.org"

	gem "mechanize"
	gem "get-twitter-oauth-token"
	gem "twitter"

view raw Gemfile hosted with ❤ by GitHub

	# coding: utf-8
	require 'bundler'
	Bundler.require
	require 'nkf'

	FORM_URL = 'https://order.yodobashi.com/ec/order/private_info/index.do'
	ORDER_NO = 'xxxxxxxxx'
	TEL = 'xxxxxxxxxxx'

	CONSUMER_KEY = 'xxxxxxxxxxxxxxxxxxxxxx'
	CONSUMER_SECRET = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'
	ACCESS_TOKEN = 'xxxxxx-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'
	ACCESS_TOKEN_SECRET = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'

	FORM_NAME = 'b0400X0PrivateInfoDto'
	ORDER_NO_NAME = 'orderNo'
	AUTH_TYPE_NAME = 'authType'
	AUTH_TYPE_OPTION = '電話番号（電話番号は"-"をいれずに入力してください）'
	AUTH_KEY_NAME = 'key'

	CHECK_TARGET = /メーカへ手配中です/

	def submit_form
	agent = Mechanize.new
	agent.get(FORM_URL)

	agent.page.form_with(name: FORM_NAME) do \|form\|
	form.field_with(name: ORDER_NO_NAME).value = ORDER_NO
	form.field_with(name: AUTH_TYPE_NAME) do \|auth_type\|
	auth_type.option_with(text: AUTH_TYPE_OPTION).select
	end
	form.field_with(name: AUTH_KEY_NAME).value = TEL
	form.click_button
	end
	NKF.nkf('-w', agent.page.body)
	end

	def client
	@client \|\|= Twitter::Client.new(
	consumer_key: CONSUMER_KEY,
	consumer_secret: CONSUMER_SECRET,
	oauth_token: ACCESS_TOKEN,
	oauth_token_secret: ACCESS_TOKEN_SECRET,
	)
	end

	def notify(text)
	client.direct_message_create(client.verify_credentials.screen_name, "#{ text } #{ Time.now }")
	end

	if submit_form.match CHECK_TARGET
	notify "まだだね"
	else
	notify "きたかも"
	end

view raw yodobashi_watcher.rb hosted with ❤ by GitHub

2012年10月31日水曜日

PHPのスコープのお話についてのお話

こちらの記事をたまたま見て気になったので投稿。
PHPでforeachなどを使う時の注意点。ブロックスコープのお話。

確かにループで一時的に必要な変数にスコープが無いと都合が悪いのはその通りなんだけど、解決策にモヤモヤ…

スコープが欲しいところに無いなら作ればいいわけで

	$fruits = array('banana', 'melon', 'orange');

	function joinFruits($fruits) {
	$result = '';
	foreach ($fruits as $fruit) {
	$result .= $fruit;
	}
	return $result;
	}

	$fruits_str = joinFruits($fruits);

	var_dump($fruit); // => undefined variable error
	var_dump($fruits_str); // => bananamelonorange

view raw fruits.php hosted with ❤ by GitHub

関数に入れればスコープが作れる。

もっと言えばクラスにすればいいと思う。

	class Fruits {
	var $_data;

	public function __construct($data) {
	$this->_data = $data;
	}

	public function join() {
	$result = '';
	foreach ($this->_data as $datum) {
	$result .= $datum;
	}
	return $result;
	}
	}

	$fruits = new Fruits(array('banana', 'melon', 'orange'));
	var_dump($fruits->join()); // => bananamelonorange

view raw fruits.php hosted with ❤ by GitHub

2012年10月23日火曜日

Backboneを学ぶ #0 環境構築

転職して新しい職場ではBackboneを使いそうなのに、今までこれで何も作ったことが無いので勉強することにしました。
ひと通り出来るようになるまで続けたいので連載にしてみます。まずは開発環境の構築など

サーバサイド
- Sinatra (マイクロフレームワーク)
- haml (テンプレートエンジン)
- scss (cssメタ言語)
- CoffeeScript (javascriptメタ言語)
- Shotgun (開発用rackサーバ)
クライアントサイド
- jquery.1.8.2.js
- underscore.js
- backbone.js
リポジトリ
- kozo002/phoga
サーバ
- herokuにしました

2012年8月24日金曜日

TextMate2の新しいタブを開くショートカットを変更した

TextMate2のNew Tabが「option + command + N」で左手が辛いので

以上

2012年8月20日月曜日

Rails3でクエリパラメータでルーティング(Advanced Constraints)

少し前にsendagaya.rbで発表したRails3のAdvanced Constraintsをここでも紹介。

routes.rbの中でURLを定義する時にsubdomainとかを条件に含めるときに使うのがconstraintsというオプションなんですが、これを使ってURLの「?」以降を条件にしたりもできます。

方法はrequestオブジェクトを受け付けるmatches?というメソッドを実装したクラスを定義してインスタンスをconstraintsに渡してあげるだけです。

	class QueryParameterConstraint
	def initialize(*keys)
	@keys = keys
	end

	def matches?(request)
	result = false
	@keys.each do \|key\|
	result = request.query_parameters.has_key?(key)
	break unless result
	end
	result
	end
	end

	MyApp::Application.routes.draw do
	resources :posts do
	get '/', to: :search, as: :search, on: :collection,
	constraints: QueryParameterConstraint.new(:q)
	end
	end

view raw routes.rb hosted with ❤ by GitHub

ここではpostというリソースの集合であるindex、つまり /posts というURLにGETで ?q=hoge 等のパラメータが付いている時に posts_controller#search というアクションに紐付けるということを行なっています。

ただしこのままだと q に対するvalueが空の状態 /posts?q でもsearchアクションに処理が渡るので、コントローラ側で何かしらの対応が必要です。

基本的にはrequestオブジェクトを使って判別できるならどんな条件でもいいので、Accept-languageで振り分けるとかIPアドレスでブラックリストを作るとかもできてしまいます。

今回はindexアクションの中でifで分岐させておくことでも十分対応可能ですが、render以外はほとんど共通処理がないよとかになると、アクションそのものを分けてしまったほうが綺麗なコードになりそうですよね。

Rss:

Top

Into my web

[Rails3] サイドバーの実装には Cells が便利

インストール

ジェネレート

使ってみる

もう少し便利に

[Rails3] has_many through で polymorphic な関連で相互に参照する

最初にやってた方法

データを作ってみる

Club -> Userの参照はうまくいく

User -> Clubの参照はできなかった・・・

ドキュメントにはsourceとsource_typeを使えばOKって書いてあるっぽい

でもググったらすぐ出てきた

ヨドバシで予約したiPad miniの状況をMechanizeでチェックする

PHPのスコープのお話についてのお話

Backboneを学ぶ #0 環境構築

TextMate2の新しいタブを開くショートカットを変更した

Rails3でクエリパラメータでルーティング(Advanced Constraints)

自己紹介

Archivo del blog

Popular Posts

Labels