80
14 #Rails http://railstutorial.jp/ Rails by YassLab

Rails解説セミナー 第14章

Embed Size (px)

Citation preview

Page 1: Rails解説セミナー 第14章

14 #Rails

http://railstutorial.jp/

Rails

by YassLab

Page 2: Rails解説セミナー 第14章
Page 3: Rails解説セミナー 第14章

Slideshare

http://www.slideshare.net/yasulab/presentations

Page 4: Rails解説セミナー 第14章

Cloud9

1. 2. URL 3.

Page 5: Rails解説セミナー 第14章

https://ide.c9.io/yasulab/rails-tutorial

Page 6: Rails解説セミナー 第14章

https://rails-tutorial-yasulab.c9users.io/

Page 7: Rails解説セミナー 第14章

URL “Collaborate” → “Group Chat”

Page 8: Rails解説セミナー 第14章

! :)

Page 9: Rails解説セミナー 第14章

Ready?

Page 10: Rails解説セミナー 第14章

!

Page 11: Rails解説セミナー 第14章

14 #Rails

http://railstutorial.jp/

Rails

by YassLab

Page 12: Rails解説セミナー 第14章

1. Micropost (cf. 2, 4, 6 ) User Micropost − User has_many Microposts − Micropost belongs_to User

2. Micropost (cf. 7, 8, 9 )

3. Micropost (cf. 10 )

4. Micropost

Page 13: Rails解説セミナー 第14章

✅ 11 📨 🔒

✅ 12 📨 🔓

✅ 13 📮 🐤

14 👤 👤

Page 14: Rails解説セミナー 第14章

: http://bit.ly/sample_app_4e

Page 15: Rails解説セミナー 第14章

1. Relationship

• User

• Relationship followed/follower

• follow

2. Ajax follow/unfollow UI

3. follow feed

4. / /

Page 16: Rails解説セミナー 第14章
Page 17: Rails解説セミナー 第14章
Page 18: Rails解説セミナー 第14章
Page 19: Rails解説セミナー 第14章

[Follow]

Page 20: Rails解説セミナー 第14章

[Unfollow] followers ++

Page 21: Rails解説セミナー 第14章

following ++

Page 22: Rails解説セミナー 第14章

14 Relationship

http://railstutorial.jp/

Rails

by YassLab

Page 23: Rails解説セミナー 第14章
Page 24: Rails解説セミナー 第14章
Page 25: Rails解説セミナー 第14章

1. ? 2. ? 3. ?

Micropost ?

: !

Page 26: Rails解説セミナー 第14章

(relationship)

Page 27: Rails解説セミナー 第14章

“#{ }_id”

Page 28: Rails解説セミナー 第14章

Relationship• Relationship

$ rails generate model Relationship follower_id:integer followed_id:integer

👇

👇

Page 29: Rails解説セミナー 第14章

( )

Page 30: Rails解説セミナー 第14章

User/Relationship

• User/Relationship

( ) 👆

👇

Page 31: Rails解説セミナー 第14章

TDD

• ID

• has_many through

• has_many belongs_to

• (TDD)

• (RED → GREEN) follow unfollow following?

Page 32: Rails解説セミナー 第14章
Page 33: Rails解説セミナー 第14章

“#{ }s”

Page 34: Rails解説セミナー 第14章

( )

Page 35: Rails解説セミナー 第14章

• has_many through ( )

• passive_relationships ( : ) vs. active_relationships ( : )

• has_many belongs_to

• ✅

Page 36: Rails解説セミナー 第14章

14 [Follow] Web

http://railstutorial.jp/

Rails

by YassLab

Page 37: Rails解説セミナー 第14章

[Follow] Web

• 🌱 follow

• 🔧 following/followers

• 🔧 Follow/Unfollow

Page 38: Rails解説セミナー 第14章

(root_url)

👈

shared/ stats

Page 39: Rails解説セミナー 第14章

/users/:id

👈

shared/ stats

Page 40: Rails解説セミナー 第14章

• Follow

• / (form)

[Follow] /users/:id

👆 users/follow

👆 users/unfollow

👇 users/follow_form

Page 41: Rails解説セミナー 第14章

👥 [Following] [Followers]

• 🔍

• ✅ TDD

• 🔧

Page 42: Rails解説セミナー 第14章

/users/:id/following

Page 43: Rails解説セミナー 第14章

/users/:id/followers

Page 44: Rails解説セミナー 第14章

: ? 🤔 /users/:id/following

Page 45: Rails解説セミナー 第14章

: ? 🤔 /users/:id/followers

Page 46: Rails解説セミナー 第14章

👥 [Following] [Followers]

• 🔍

• ✅ TDD

• 🔧

Page 47: Rails解説セミナー 第14章

• create/destroy ( )

• form (Ajax)

[Follow] ( ) /users/:id

Page 48: Rails解説セミナー 第14章

[Follow] ( ) /users/:id

Page 49: Rails解説セミナー 第14章

14

http://railstutorial.jp/

Rails

by YassLab

Page 50: Rails解説セミナー 第14章

+

following

Page 51: Rails解説セミナー 第14章

+

current_user following

microposts

Page 52: Rails解説セミナー 第14章

+

current_user.microposts + current_user.following …

microposts

microposts

Page 53: Rails解説セミナー 第14章

+

current_user.microposts + current_user.following .map do {|u| u.microposts }

microposts

Page 54: Rails解説セミナー 第14章

+

current_user.microposts + current_user.following .map(&:microposts)

microposts

Page 55: Rails解説セミナー 第14章
Page 56: Rails解説セミナー 第14章
Page 57: Rails解説セミナー 第14章

+

current_user.microposts + current_user.following .map(&:microposts)

microposts

1 ( )

Page 58: Rails解説セミナー 第14章

( )

Page 59: Rails解説セミナー 第14章

• :

1. followed_users .

2. .

3. follow .

• SQL

Page 60: Rails解説セミナー 第14章
Page 61: Rails解説セミナー 第14章

1. Relationship

• User

• Relationship followed/follower

• follow

2. Ajax follow/unfollow UI

3. follow feed

4. / /

Page 62: Rails解説セミナー 第14章

Rails! ( )

Page 63: Rails解説セミナー 第14章

Page 65: Rails解説セミナー 第14章

: Iriguti (“ ” )

Page 66: Rails解説セミナー 第14章

: SharePla ( )

Page 67: Rails解説セミナー 第14章

: ( )

Page 68: Rails解説セミナー 第14章
Page 69: Rails解説セミナー 第14章

Rails JavaScript http://railsguides.jp/working_with_javascript_in_rails.html

Page 70: Rails解説セミナー 第14章

Active Support http://railsguides.jp/active_support_core_extensions.html

Page 71: Rails解説セミナー 第14章

Rails (I18n) APIhttp://railsguides.jp/i18n.html

Page 72: Rails解説セミナー 第14章

Rails http://railsguides.jp/debugging_rails_applications.html

Page 73: Rails解説セミナー 第14章

Ruby on Rails http://railsguides.jp/contributing_to_ruby_on_rails.html

Page 74: Rails解説セミナー 第14章
Page 75: Rails解説セミナー 第14章

!( !)

!

Page 76: Rails解説セミナー 第14章

Rails !: 2016 11 ( 30 ) : Ruby on Rails (Rails 5.0 )http://railstutorial.jp/seminars#record

Page 77: Rails解説セミナー 第14章

RoR http://coedo-rails.doorkeeper.jp/

Page 78: Rails解説セミナー 第14章

‘ ’※

Page 79: Rails解説セミナー 第14章

• :) :

http://railstutorial.jp/seminars

• , !

• ! && …!! ㊗ 👏✨

Page 80: Rails解説セミナー 第14章

14 #Rails

http://railstutorial.jp/

Rails

by YassLab