Rails Tutorial ch1-2

Ruby on Rails 3 TutorialChapter 1 to 3

@yasulab

2011年9月3日土曜日

@yasulab

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

• Web (Free)

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

• 対象は初心者

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

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

本書の特徴• 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

• 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

発表者の開発環境

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

• 「“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 youremail@example.com

• 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日土曜日

• 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 git@github.com:<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 \git@github.com:<username>/demo_app.git

• git push origin master

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日土曜日

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

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

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

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

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を使ってみる

rails generate scaffold Micropost \content:string user_id:integer

これでtwitter-like...?

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

2.3.2 文字数制限の追加

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. ソースコードや図・表で理解しようと試みる

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

Rails Tutorial ch1-2

Technology

ControlLogix System Selection Guide, 1756-SG001U-EN-P · ControlLogix System Logix Controllers Comparison ... CH1 CH1 CH1 CH1 CH1 CH1 CH1 TERMINAL IDENTITY AOTA Dual. CH1 CH1 CH1

RSpec on Rails Tutorial - ihower · RSpec on Rails Tutorial 2016/8. Agenda ... • bundle exec rspec rspec/xxx/xxx. Generators

6.170 Tutorial 3 Ruby Basics - MIT OpenCourseWare · PDF file6.170 Tutorial 3 - Ruby Basics ... Chapter 4 of Ruby on Rails Tutorial ... Ruby can create , it can hold in an array

carmen don.ppt [Read-Only] · CH1:1. CH1:2. CH1:3. CH1:4 DREDGING UFGS SECTION 02325. CH1:5 HOW IT STARTED Corps Spec Steering Committee: Need Suggested Queried Districts Districts:

Ruby on Rails tutorial 3rd 中文版

6.170 Tutorial 7 Rails Security - MIT OpenCourseWare · Authorizing Ownership. Prerequisites. Basic understanding of how websites work. Understanding of how rails implements sessions

Migrating Legacy Rails Apps to Rails 3 - O'Reilly Mediaassets.en.oreilly.com/1/event/59/Upgrading Legacy Rails...Migrating Legacy Rails Apps to Rails 3 A tutorial by Clinton R. Nixon

RESTful Rails Development · highlighted new features of Rails 1.2 is its support of REST. The tutorial starts with a short introduction into the concepts and the background of REST

WordPress.com...Praise for Ruby on Rails™ 3 Tutorial RailsTutorial.org: Michael Hartl’sawesome new Rails Tutorial The Ruby on Rails™ 3 Tutorial: Learn Rails by Example by Michael

Rails API in Rails 5

Ruby on Rails Tutorial Peter Mosca April, 2007. Ruby on Rails Tutorial Ruby History Invented 12 years ago in Japan by Yukihiro Matsumoto Spent first 5

Ruby (on Rails) - Firebase on Rails(2).pdf · Ruby (on Rails) Tutorial Syntax 1. About the Section •Introduce the Ruby programming language •Use Ruby to template web pages •Learn

EUM 2016 TENS-EMS SUPER DUO PLUS Manual ES PATH · 15 ch1 ch2 ch1 ch2 ch1 ch2 ch1 ch2 ch1 ch2 ch1 ch2 ch1 ch2 or

Day 1: 12/April/2012 guidance Setting up Ruby on Rails on ...signalysis.co.jp/hosei/wdae/WDAE-Slides-01.pdfHartl, Michael (2011): Ruby on rails 3 tutorial. ! Boston: Pearson Education

Ruby on Rails Tutorial

Tutorial Ruby on Rails Bagian 2

Tutorial de Cómo Instalar Ruby On Rails

Tutorial - Rails

VB-Series: Build a Box · CH2 CH1 CH2 CH1 CH2 RECLOCKER 1 RECLOCKER 2 CH1 CH2 RECLOCKER 1 RECLOCKER 2 CH1 CH2 RECLOCKER CH1 CH2 RECLOCKER 1 RECLOCKER 2 CH1 CH2 Transmit Receive RECEIVE

About the Tutorial · 2018-01-08 · About the Tutorial Ruby on Rails is an extremely productive web application framework written in Ruby by David Heinemeier Hansson. This tutorial