Rails Tutorial ch1-2

Ruby on Rails 3 TutorialChapter 1 to 3

@yasulab

2011年9月3日土曜日


@yasulab



@yasulab

2


内容• Ruby on Rails 3 Tutorial (Ch. 1to3)

• Web (Free)

• http://ruby.railstutorial.org/ruby-on-rails-tutorial-book

• 対象は初心者

• Ruby/Railsを知らないことが前提。

• 経験者は章末にあるExerciseをやってみるといいかも。


http://ruby.railstutorial.org/ruby-on-rails-tutorial-book




本書の特徴• Rails 3にデフォルトで備わっていないものの、非常によく使われるツールを使った入門書。

• 例：Rspec, Git, GitHub, and Heroku

• Microblogの開発を題材としてRailsを解説。

• Test-Driven Development(TDD)で開発。

• Rspecがredからgreenになるまでテストコードと睨めっこします。


進め方

• コードをひたすら追っていきます。

• 口頭でコードの動きを説明

• タイトルの横にある括弧内はセクション番号

• もしコードの動きがよく理解出来ない場合は、セクション番号から該当する章を読むと良い。


進め方

• コードをひたすら追っていきます。

• 口頭でコードの動きを説明

• タイトルの横にある括弧内はセクション番号

• もしコードの動きがよく理解出来ない場合は、セクション番号から該当する章を読むと良い。

←タイトル


基本方針

• 60minで全部理解するのは無理。諦めましょう。

• 1. 重要そうなところだけカバー

• 2. 放置したところは、あとで調べる

• 3. ただし、質問はいつでもokです。


今日の目標


Railsを知った気になること


“もうRails使えるお！”


モチベーションはとても大事です


堂々と分かった気になりましょう


堂々と分かった気になりましょう

(心の中で)


ではボチボチ始めます


1.1 イントロ• 参考書の紹介（必要に応じて適宜参照する）

• HTML/CSS周りがワカラン：

• Head First HTML

• CSS: The Missing Manual

• Rubyがワカラン：

• The Well-Grounded Rubyist, David A. Black

• The Ruby Way, Hal Fulton

• The Rails 3 Way2011年9月3日土曜日

1.1 イントロ

• 他、使えそうなモノ：

• Railscasts

• PeeoCode, Pragmatic.tv, EnvyCasts

• Rails Guides

• Rails blogs


TIPS

• Ruby Weekly

• 毎週Ruby/Railsな情報を教えてくれるML

• Minituku

• Matzさんが直々に教えてくれるサイト


1.2.1 開発環境• IDE(Cross-platform): RadRails, RubyMine, 3rd Rail

• OS別オススメ環境

• Mac OS X: TextMate, Emacs, MacVim

• Linux: Vim, gedit+GMate, Kate

• Win: Vim, E Text Editor, Komodo Edit, Sublime Text

• Browswers:

• Firefox + Firebug

• Firebug Lite


1.2.2 必要なモノ• Ruby 1.9.x, RubyGems, Rails 3.0.x, Git

• 最近Rails3.1が出たので注意。

• Win: Rails Installerで一発らしい(?)

• http://railsinstaller.org

• Mac&Linux:

• http://ruby.railstutorial.org/ruby-on-rails-tutorial-book#sec:rubygems


http://railsinstaller.org

http://railsinstaller.org

http://ruby.railstutorial.org/ruby-on-rails-tutorial-book#




発表者の開発環境


1.2.3 使ってみよう• mkdir rails_projecs

• cd rails_projects

• rails new first_app



よく使うフォルダ• app: コアな部分。MVCなコードとか

• config: アプリケーション

• db: DB周りをいじるためのコード

• public: CSSやJSとか画像などの置き場

• test: テストコード置き場

• Gemfile: プラグインを書き込むファイル


1.2.4 使ってみよう• Gemfileを書き換え：

• bundle install


1.2.5 使ってみよう• rails server


TIPS

• 「“rails”とか”git”とかよく使いそうなコマンドは　さっさとエイリアス！」

• rails server → rails s → r s

• git → g


1.2.6 MVC

• app/の中の話。

• models/

• どんなデータか

• views/

• どう描画するか

• controllers/

• どう処理するか2011年9月3日土曜日

1.3 Gitの使い方• Git = (Distributed) Version Controll Systems


1.3 Gitの使い方• git config --global user.name “Your Name”

• git config --global user.email [email protected]

• Alias

• git config --global alias.$(エイリアス) コマンド名

• git config --global alias.a add

• git config --global alias.c commit

• git config --global alias.r remote

• エディタの指定: git config --global core.editor “emacs”2011年9月3日土曜日

mailto:[email protected]


• git init

• emacs .gitignore

• 中身はこんな感じ→

1.3.1 Gitを使ってみる


1.3.2 Gitを使ってみる

• git add .

• git status

• git commit -m “Initial commit”

• git log

• “q”をタイプすることで元の画面へ。


1.3.4 GitHubを使ってみる




• git remote add origin [email protected]:<username>/first_app.git

• git push origin master





1.3.5 Gitの他コマンド• Branch

• git checkout -b modify-README

• git branch

• Edit

• git mv README README.markdown

• emacs README.markdown


1.3.5 Gitの他コマンド• Commit

• git status

• git commit -am “Improved the README file”

• Merge

• git checkout master

• git merge modify-README

• Branch delete

• git branch -d modify-README

• Push

• git push2011年9月3日土曜日

1.4 Webにupしよう• Herokuを使う

• sudo gem install heroku

• heroku keys:add

• heroku create

• git push heroku master

• heroku open

• (Option) Heroku上のAppのURLを変更する

• heroku rename okinawarb-railstutorial2011年9月3日土曜日

webにupできた！


夢が広がる！• できるようになったこと• 1. Railsでアプリ作成

• 2. GitHubでソースコードを公開

• 3. アプリをWeb上で公開


ちょっと休憩何か質問あれば


続きRailsをもっと使ってみる


2.1 おさらい• cd ~/Dropbox/rails_projects

• rails new demo_app

• cd demo_app

• emacs Gemfile

• bundle install2011年9月3日土曜日

2.1 おさらい• git init

• git add .

• git commit -m “Initial commit”

• GitHubでレポジトリ作成


2.1 おさらい

• git remote add origin \[email protected]:<username>/demo_app.git

• git push origin master




2.1.1 Modelを考える• ユーザって何？


2.1.1 Modelを考える• ユーザって何？

•


2.1.2 Modelを考える• micropostsって何？

• (i.e. twitterのtweet)


2.1.2 Modelを考える• micropostsって何？

• (i.e. twitterのtweet)

•

•


2.2 Userを作ってみる • rails generate scaffold User name:string email:string

• なんか色々と作られる

• 注）まだdbはいじってない！

• dbをいじるスクリプトを生成しただけ！

• cat db/migrate/<日付>_create_users.rb

• bundle exec rake db:migrate

• これでdbをいじるスクリプトが実行される。2011年9月3日土曜日

TIPS

• “rails generate scaffold” は黒魔法です。

•何が起こっても気にしないこと！


TIPS


•何が起こっても気にしないこと！と、Rails Tutorialの著者が言ってます.


TIPS


•何が起こっても気にしないこと！と、Rails Tutorialの著者が言ってます.

実際、本書ではscaffoldは使いません.


2.2 恐る恐る見てみる• rails s


2.2 恐る恐る見てみる• rails s


2.2 恐る恐る見てみる
























rails generate scaffoldを実行しただけなのに...


┐(´-｀)┌


ただサンプルコードとしては中々の優れもの


ちょっとコードを読んでみる


2.2.2 MVCの動き


2.2.2 MVCの動き例：localhost:3000/users

1. ブラウザからreq.

2. /usersのindexを実行3. indexがUser.allを実行4. Mがdbからusersを取得5. Cにusersを渡す6. @usersにusersを代入7. Vが@usersを描画8. Cが結果を返す2011年9月3日土曜日


+Enter


2. /usersのindexを実行

app/controllers/users_controller.rb


2. /usersのindexを実行



3. indexがUser.allを実行



4. Mがdbからusersを取得5. Cにusersを渡す

app/models/user.rb


4. Mがdbからusersを取得5. Cにusersを渡す

app/models/user.rb

こいつが何かやってるっぽい...


6. @usersにusersを代入



7. Vが@usersを描画app/views/users/index.html.erb






8. Cが結果を返す



2.2.2 MVCの動き例：localhost:3000/users


2. /usersのindexを実行3. indexがUser.allを実行4. Mがdbからusersを取得5. Cにusersを渡す6. @usersにusersを代入7. Vが@usersを描画8. Cが結果を返す2011年9月3日土曜日

ところで...




localhost:3000/users.xml

なん...だと...!?2011年9月3日土曜日

話を戻して


index以外もいろいろ


他にも色々


他にも色々


注目！


同じURLでも


他にも色々


実行内容が違う


他にも色々


URL直打ちだと



showになるっぽい



どうやってdelete/updateをするのか？



何が違うのか？


HTTP methodが違う


同じURLでもHTTP methodが違うと振る舞いも異なる


こんな設計を“RESTfulなリソース設計”

と呼びます


TIPS• RESTfulの恩恵：

• URLが直感的になる

• “GET users/1” = userのNo.1の情報を取得

• “PUT users/1” = userのNo.1を更新する

• “DELETE users/1” = userのNo.1を削除する

• 使いやすいAPIを提供出来る.

• リソースに対してHTTP methodを変えるだけ！

詳細はchapter 12で解説


もっとRESTfulを知りたい！


話を戻して


同様にMicropostsを作ってみる


黒魔法再び

┐(´-｀)┌2011年9月3日土曜日

2.3 Micropostsを作ってみる• rails generate scaffold Micropost \

content:string user_id:integer

• bundle exec rake db:migrate2011年9月3日土曜日

2.3 Micropostsを作ってみる


2.3 Micropostsを作ってみる


2.3 Micropostsを使ってみる







rails generate scaffold Micropost \content:string user_id:integer






これでtwitter-like...?


問題点1. 文字数無制限2. Userが独立


2.3.2 文字数制限の追加


2.3.2 文字数制限の追加


2.3.3 Userを繋ぐ


2.3.3 Userを繋ぐ


2.3.3 Userを繋ぐ


2.3.3 Userを繋ぐ

• rails console

• >> User.first

• => #<User id: 1, name: “...”, email: “...” ...

• >> User.first.microposts

• => [#<Micropost id: 1, content: “...”, ...


2.3.3 Userを繋ぐ

• rails console

• >> User.first





2.3.3 Userを繋ぐ

• rails console

• >> User.first





2.3.3 Userを繋ぐ

• rails console

• >> User.first





2.3.3 Userを繋ぐ

• rails console

• >> User.first





2.3.3 Userを繋ぐ

• rails console

• >> User.first





2.3.5 webにupしてみる(再)• git add .

• git commit -am “Done with the demo app”

• git push

• heroku create

• git push heroku master

• heroku rake db:migrate

• heroku open


まとめ

• 出来るようになったこと

• 1. rails generate scaffoldを使える

• 2. どこに何のコードがあるか分かる

• 3. modelに制限かけたり繋いだり出来る


続きは• Chapter 3 - Mostly static pages

• http://ruby.railstutorial.org/chapters/static-pages#top


Thanks!

@yasulab


英文よむときのポイント• 1. マウスオーバー辞書 + 英辞郎

• MacならLiveDictionary+英辞郎

• 2. 英文の構成を知る (i.e. 5 paragraph essay)

• Intro→body 1→body 2→body 3→cncl.　

• 3. ソースコードや図・表で理解しようと試みる

• “ソースコードは口ほどに物を言う”


Technology

Rails Tutorial ch1-2