Hatena::ブログ(Diary)

bojovs blog RSSフィード

2011-01-19

Railsのビューのrenderメソッドにはブロックが渡せるんですね

Railsで作っているウェブアプリの一部ページにサイドバーを載せたいなと思いました。それでいろいろ調べてたら、ビューのrenderメソッドにブロックが渡せることを知ったので、これを使うことにしました。

環境

書き方

まずサイドバーをあらわす_sidebar.html.hamlを用意します。

_sidebar.html.haml

%aside
  = yield

そしてサイドバーを呼び出したいビュー(ここではsomething.html.haml)を以下のように書きます。

something.html.haml

%article
  %h1 Tシャツ
= render :layout => 'sidebar' do
  %ul
    %li ハイテク
    %li NEO

something.html.hamlのページを開くとこんな感じのHTMLになります。

<article> 
  <h1>Tシャツ</h1> 
</article>
<aside> 
  <ul> 
    <li>ハイテク</li> 
    <li>NEO</li> 
  </ul> 
</aside> 

ソースコードを見る限り、ブロックを渡すときは:partialではなく:layoutでないといけないみたいです。

参考

Rails render partial with block - Stack Overflow

2010-11-24

jQueryでAjax on Kay framework

jQueryの$.ajax()から送ったデータをKayで受け取りレスポンスを返すまでのコードをメモしておきます。


index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Top Page - jquery_ajax</title>
</head>
<body>
  <input type="text" id="data">
  <input type="button" value="送信" id="submit">
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  <script type="text/javascript">
    $("#submit").click(function () {
      $.ajax({
        type: "POST",
        url: "/send",
        data: {"data": $("#data").val()},
        success: function (msg) {
          alert("success! : " + msg);
        }
      });
    });
  </script>
</body>
</html>

フォームとボタンを1つずつ用意して、ボタンが押されたらフォームに書いた内容をサーバに送るという内容です。今回はjQueryを使うためにGoogle Libraries APIを使っています。


urls.py

# -*- coding: utf-8 -*-

from kay.routing import (
    ViewGroup, Rule
)

view_groups = [
    ViewGroup(
        Rule('/', endpoint='index', view='jquery_ajax.views.index'),
        Rule('/send', endpoint='send', methods=['POST'], view='jquery_ajax.views.send'),
    )
]

kay.routingのRuleクラスWerkzeugのRuleクラス継承しています。その__init__()にmethodsという引数があったので、それを2つ目のルールで使っています。ここでPOSTメソッドを使うということを書いておけば、Viewでrequest.method == 'POST'とかしなくて済むので、Viewがスッキリします。


views.py

# -*- coding: utf-8 -*-

from werkzeug import Response

from kay.utils import render_to_response


def index(request):
    return render_to_response('jquery_ajax/index.html')

def send(request):
    return Response(request.form['data'] + u'ゲソ')

$.ajax()で送ったデータはrequest.formに格納されています。このrequest.formはWerkzeugのCombinedMultiDictクラスのオブジェクトなので、辞書から要素を取り出すようにキーを指定すれば要素を取得できます。


これで「うまくいった」などとフォームに書いてボタンを押すと、「success! : うまくいったゲソ」とalertされます。

2010-10-11

MacにPython, Distribute, virtualenv(, pip)をインストールしたよ

環境

  • Mac OS X 10.6.4
  • Python 2.6.6
  • Distribute 0.6.14
  • virtualenv 1.5.1
  • pip 0.8.1

Pythonインストールする

$ sudo port install python26
$ sudo port install python_select
$ sudo python_select python26

Distributeをインストールする

Distribute is a fork of the Setuptools project.

http://packages.python.org/distribute

エキスパートPythonプログラミング」を見るまで存在を知りませんでした><

$ curl -O http://python-distribute.org/distribute_setup.py
$ sudo python distribute_setup.py 

virtualenvをインストールする

virtualenv is a tool to create isolated Python environments.

http://virtualenv.openplans.org/
$ sudo easy_install virtualenv

pipはインストールされている

pip installs Python packages.

http://pip.openplans.org/

pipはvirtualenv環境で使えるようになっているので、自分でインストールする必要は(多分)ありません。

$ pip --version
-bash: pip: command not found
$ virtualenv ENV
$ source ENV/bin/activate
(ENV)$ pip --version
pip 0.8.1 from /Users/bojovs/Desktop/ENV/lib/python2.6/site-packages/pip-0.8.1-py2.6.egg (python 2.6)

参考