========================================
RubyistのためのDjango入門
========================================

自己紹介
-------------------------

岡野真也(tokibito/nullpobug)

- プログラミング歴6年ぐらい
- Delphi/Python信者
- Ruby/PHPを仕事で使う

Djangoって何だ
-------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade'
    });

Django
--------------------------

- 発音は「じゃんご」
- Pythonで書かれたオープンソースのWebフレームワーク
- djangoproject.com_

.. _djangoproject.com: http://www.djangoproject.com/

Python？
-------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade'
    });

Python
-------------------------

- オブジェクト指向
- スクリプト言語
- マルチプラットフォーム
- 作者Guido van Rossum

FizzBuzz
-------------------------

.. sourcecode:: python

    for i in range(1, 100):
        if i % 15 == 0:
            print "FizzBuzz"
        elif i % 3 == 0:
            print "Fizz"
        elif i % 5 == 0:
            print "Buzz"
        else:
            print i

リスト
-------------------------

.. sourcecode:: python

    >>> a = [1, 2, 3, 4, 5]
    >>> a[0]
    1
    >>> a[2:]
    [3, 4, 5]
    >>> a[-1]
    5
    >>> b = [1, [2, 3], 4, 5]
    >>> b[1][0]
    2
    >>> b[1:3]
    [[2, 3], 4]

辞書
-------------------------

.. sourcecode:: python

    >>> a = {'hoge': 1, 'fuga': 'ruby'}
    >>> a['hoge']
    1
    >>> a['fuga']
    'ruby'

クラス
---------------------------

.. sourcecode:: python

    class MyClass(object):
        def __init__(self):
            self.hoge = 'fuga'
        def say_foo(self):
            print 'foo'
    
    myinst = MyClass()
    print myinst.hoge
    myinst.say_foo()

ところで
---------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade'
    });

Rubyistのための？
---------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade'
    });

Rubyistのための？
---------------------------

- Ruby以外の言語
- Rails以外のフレームワーク
- Ruby vs Python

RubyistにPythonを知ってほしい！

では、特徴を説明する前に
---------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade'
    });

実績を見てもらおうかと
---------------------------

.. s6.page({
        styleBase: 'takahashi'
    });

Djangoの実績
---------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade',
        styles: {
            'h2[0]': { display: 'none' }
        },
        actions: [
            [
                 ['h2[0]', 'move', 0.4, [8, 45], [0, 45]],
                 ['h2[0]', 'fade in', 0.4]
            ]
        ]
    });

LJWorld.com
---------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade'
    });

LJWorld.com
--------------------------------------------

http://www2.ljworld.com/

.. s6.page({
        backgroundImage: 'http://tkhp.tokibito.wsgiapp.com/static/img/presentation/page_ljworld.png',
        styles: {
            'h2[0]': { display: 'none' },
            'p[0]': { background: '#1b610c', margin: '65% 0 0 0' }
        }
    });

ReviewBoard
---------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade'
    });

ReviewBoard
--------------------------------------------

http://review-board.org/

.. s6.page({
        backgroundImage: 'http://tkhp.tokibito.wsgiapp.com/static/img/presentation/page_reviewboard.png',
        styles: {
            'h2[0]': { display: 'none' },
            'p[0]': { background: '#1b610c', margin: '65% 0 0 0' }
        }
    });

Google App Engine
---------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade'
    });

Google App Engine
--------------------------------------------

http://code.google.com/appengine/

.. s6.page({
        backgroundImage: 'http://tkhp.tokibito.wsgiapp.com/static/img/presentation/page_googleappengine.png',
        styles: {
            'h2[0]': { display: 'none' },
            'p[0]': { background: '#1b610c', margin: '65% 0 0 0', fontSize: '70%' }
        }
    });

どう書く？.org
---------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade'
    });

どう書く？.org
--------------------------------------------

http://ja.doukaku.org/

.. s6.page({
        backgroundImage: 'http://tkhp.tokibito.wsgiapp.com/static/img/presentation/page_doukaku.png',
        styles: {
            'h2[0]': { display: 'none' },
            'p[0]': { background: '#1b610c', margin: '65% 0 0 0' }
        }
    });

gumi
---------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade'
    });

gumi
--------------------------------------------

http://gu3.jp/

.. s6.page({
        backgroundImage: 'http://tkhp.tokibito.wsgiapp.com/static/img/presentation/page_gumi.png',
        styles: {
            'h2[0]': { display: 'none' },
            'p[0]': { background: '#1b610c', margin: '65% 0 0 0' }
        }
    });

monologista
---------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade'
    });

monologista
--------------------------------------------

http://monologista.jp/

.. s6.page({
        backgroundImage: 'http://tkhp.tokibito.wsgiapp.com/static/img/presentation/page_monologista.png',
        styles: {
            'h2[0]': { display: 'none' },
            'p[0]': { background: '#1b610c', margin: '65% 0 0 0' }
        }
    });

Djangoの特徴
---------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade',
        styles: {
            'h2[0]': { display: 'none' }
        },
        actions: [
            [
                 ['h2[0]', 'move', 0.4, [8, 45], [0, 45]],
                 ['h2[0]', 'fade in', 0.4]
            ]
        ]
    });

特徴
---------------------------

- Model-Template-View
- O/Rマッパー
- 正規表現を用いたURL設計
- 強力なテンプレートエンジン
- ビュー関数

特徴
---------------------------

- 汎用ビュー
- カッコいい管理画面
- フォーム生成とバリデーション
- 開発用サーバ
- 動作が高速

特徴
---------------------------

- 国際化対応(i18n)
- 再利用性の高いプロジェクト構造

Model-Template-View
---------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade'
    });

Model-View-Template
---------------------------

DjangoのMVCモデルの解釈

- Model -> Model
- Template -> View
- View -> Controller

O/Rマッパー
---------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade'
    });

テーブルの作成
---------------------------

- モデルを書く
- manage.py syncdbを実行

モデル
---------------------------

.. sourcecode:: python

    from django.db import models
    from datetime import datetime 

    class Tag(models.Model):
        name = models.CharField(max_length=50)

    class Entry(models.Model):
        title = models.CharField(max_length=100)
        content = models.TextField()
        pub_date = models.DateTimeField(default=datetime.now)
        tags = models.ManyToManyField(Tag, blank=True)

モデル
--------------------------

.. sourcecode:: python

    from models import Entry
    entry = Entry() # Entryオブジェクトを作成
    entry.title = u"Ruby勉強会"
    entry.content = u"Django入門"
    entry.save() # データベースに保存
    
    entry = Entry.objects.get(pk=1) # プライマリキー指定
    entries = Entry.objects.all() # Entryすべて
    
    # 条件指定
    entries = Entry.objects.filter(title__startswith=u'Ruby')

正規表現を用いたURL設計
---------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade'
    });

URL設計
---------------------------

.. sourcecode:: python

    from blog.views import index, detail
    urlpatterns = patterns('',
        # '/'にマッチ
        (r'^$', index),
        
        # '/1234/'などにマッチ
        (r'^(?P<object_id>\d+)/$', detail),
        
        # '/admin/'にマッチ
        (r'^admin/', include('django.contrib.admin.urls')),
    )

強力なテンプレートエンジン
---------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade'
    });

テンプレートエンジン
---------------------------

- テキストベースのテンプレート
- テンプレートの継承ができる
- ファイルの拡張子に指定はない
- テンプレートフィルタとタグ

テンプレートエンジン
---------------------------

.. sourcecode:: django

    <html>
    <head>
      <title>{% block title %}ほげ{% endblock %}</title>
    </head>
    <body>
      {% block main %}{% endblock %}
    </body>
    </html>

テンプレートエンジン
---------------------------

.. sourcecode:: django

    {% extends "base.html" %}
  
    {% block title %}ブログ{% endblock %}
  
    {% block main %}
      {% for entry in object_list %}
        <h2>{{ entry.title }}</h2>
        <p>{{ entry.content|urlize|linebreaksbr }}</p>
      {% endfor %}
    {% endblock %}

ビュー関数
---------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade'
    });

ビュー関数
---------------------------

- HttpRequestオブジェクト
- HttpResponseオブジェクト
- テンプレートローダー
- コンテキスト

ビュー関数
---------------------------

.. sourcecode:: python

    from django.template import Context, loader
    from django.http import HttpResponse
    from blog.models import Entry
    def index(request):
        object_list = Entry.objects.all()
        t = loader.get_template('index.html')
        c = Context({
            'object_list': object_list,
        })
        return HttpResponse(t.render(c))

汎用ビュー
---------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade'
    });

汎用ビュー
---------------------------

- ビュー関数をDRYに
- ``django.views.generic``
- urlsでも使える

汎用ビュー
---------------------------

.. sourcecode:: python

    from django.views.generic.simple import direct_to_template
    from blog.models import Entry
    def index(request):
        return direct_to_template(request,
                extra_context={'object_list': Entry.objects.all()})

汎用ビュー
---------------------------

.. sourcecode:: python

    from django.conf.urls.defaults import *
    from blog.models import Entry
    urlpatterns = patterns('django.views.generic.simple',
        (r'^$', 'direct_to_template',
                {'queryset': Entry.objects.all()}),
    )

カッコいい管理画面
---------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade'
    });

管理画面
---------------------------

.. s6.page({
        backgroundImage: 'http://tkhp.tokibito.wsgiapp.com/static/img/presentation/page_django_admin.png',
        styles: {
            'h2[0]': { display: 'none' }
        }
    });

管理画面
---------------------------

.. s6.page({
        backgroundImage: 'http://tkhp.tokibito.wsgiapp.com/static/img/presentation/page_django_admin2.png',
        styles: {
            'h2[0]': { display: 'none' }
        }
    });

フォーム生成とバリデーション
---------------------------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade'
    });

フォームクラス
---------------------------

- フォームとモデルは別
- 2つのバリデーション
- フィールドでバリデーション
- ウィジェットでタグ生成

フォームクラス
---------------------------

.. sourcecode:: python

    from django import newforms as forms
    from blog.models import Tag
    class EntryForm(forms.Form):
        title = forms.CharField(max_length=30,
            widget=forms.TextInput, label='Title')
        content = forms.CharField(
            widget=forms.Textarea, label='Content')

出力されるタグ
--------------------------

.. sourcecode:: python

    >>> form = EntryForm()
    >>> print form.as_p()
    <p><label for="id_title">Title:</label> <input id="id_title"
     type="text" name="title" maxlength="30" /></p>
    <p><label for="id_content">Content:</label> <textarea id="id_content"
     rows="10" cols="40" name="content"></textarea></p>

モデルからフォームを生成
---------------------------

ModelFormクラス(開発版)

.. sourcecode:: python

    from django import newforms as forms
    from blog.models import Entry
    class EntryForm(forms.ModelForm):
        class Meta:
            model = Entry
            fields = ('title', 'content',)

バリデーション
---------------------------

.. sourcecode:: python

    form = EntryForm(request.POST)
    if form.is_valid():
        form.save()

開発用サーバ
---------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade'
    });

開発用サーバ
---------------------------

- manage.py runserver

動作が高速
---------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade'
    });

動作
---------------------------

- CGI動作でもそこそこ動くとか
- 遅延評価

国際化対応(i18n)
---------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade'
    });

国際化
---------------------------

- settingsでロケールを変更
- gettextに対応
- テンプレートタグ
- localflavorアドオン

プロジェクトの構造
--------------------------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade'
    });

プロジェクトの構造(一例)
------------------------------------------------

.. sourcecode:: text

    - myproject
      __init__.py    .. Pythonのモジュールに必要
      settings.py    .. 設定ファイル
      manage.py
      urls.py
      - blog       　.. Blogアプリケーション
        __init__.py
        models.py
        views.py
      - wiki       　.. Wikiアプリケーション
        __init__.py
        models.py
        views.py
      - static       .. 静的ファイル
        - img
      - templates    .. テンプレートディレクトリ
        base.html
        - blog
          entry_list.html
          entry_detail.html
        - wiki
          page_list.html

.. s6.page({
        styles: {
            'h2[0]': { display: 'none' },
            'div[0]': { fontSize: '90%' }
        }
    });

初めてのDjango
---------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade',
        styles: {
            'h2[0]': { display: 'none' }
        },
        actions: [
            [
                 ['h2[0]', 'move', 0.4, [8, 45], [0, 45]],
                 ['h2[0]', 'fade in', 0.4]
            ]
        ]
    });

事前に必要なもの
---------------------------

- Python 2.3～2.5
- MacOSX10.5はPython2.5.1がインストール済
- Subversion(開発版を使う場合)

Djangoのバージョン
---------------------------

- 0.96.1
- 開発版(SVN版)

開発版はインストールで注意

国内のDjango事情
---------------------------------

- オンラインドキュメント和訳_
- djangoproject.jp_
- `django-ja (at Lingr)`_
- `django-ja (GoogleGroup)`_

.. _オンラインドキュメント和訳: http://ymasuda.jp/python/django/index.html#id3
.. _djangoproject.jp: http://www.djangoproject.jp/
.. _`django-ja (at Lingr)`: http://www.lingr.com/room/django-ja
.. _`django-ja (GoogleGroup)`: http://groups.google.com/group/django-ja/

Djangoの情報
---------------------------------

- 常山日記_
- UeblogWiki_
- `Django snippets`_

.. _常山日記: http://d.hatena.ne.jp/johzan/
.. _UeblogWiki: http://www.ueblog.org/mediawiki/index.php?title=Django
.. _`Django snippets`: http://www.djangosnippets.org/

時間があれば何か作る
---------------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade'
    });

おまけ
---------------------------------

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade'
    });

このプレゼンツールでもDjangoを使ってます！
---------------------------------------------------------------------------

.. s6.page({
        styles: {
            'h2[0]': { margin: '25% 0 0 0' }
        }
    });

おしまい
---------------------------------

ご清聴ありがとうございました

.. s6.page({
        styleBase: 'takahashi',
        separator: 'fade',
        styles: {
            'h2[0]': { display: 'none' },
            'p[0]': { fontSize: '80%' }
        }
    });