{"id":3108,"date":"2021-12-09T02:29:24","date_gmt":"2021-12-08T17:29:24","guid":{"rendered":"https:\/\/suzutukiblog.com\/?p=3108"},"modified":"2022-01-23T07:53:53","modified_gmt":"2022-01-22T22:53:53","slug":"rails-tutorial14-2","status":"publish","type":"post","link":"https:\/\/suzutukiblog.com\/index.php\/2021\/12\/09\/rails-tutorial14-2\/","title":{"rendered":"Rails-tutorial\u306e\u307e\u3068\u308114.2(Follow\u306eWeb\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9)"},"content":{"rendered":"

\u305d\u306e14\u304b\u3089\u7d9a\u304f<\/a><\/p>\n

14.2 Follow\u306eWeb\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9<\/strong><\/p>\n

\u30d5\u30a9\u30ed\u30fc\/\u30d5\u30a9\u30ed\u30fc\u89e3\u9664\u306e\u57fa\u672c\u7684\u306a\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u5b9f\u88c5\u3057\u307e\u3059\u3002\u307e\u305f\u3001
\n\u30d5\u30a9\u30ed\u30fc\u3057\u3066\u3044\u308b\u30e6\u30fc\u30b6\u30fc\u3068\u3001\u30d5\u30a9\u30ed\u30ef\u30fc\u306b\u305d\u308c\u305e\u308c\u8868\u793a\u7528\u306e\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002
\n\u30e6\u30fc\u30b6\u30fc\u306e\u30b9\u30c6\u30fc\u30bf\u30b9\u30d5\u30a3\u30fc\u30c9\u3092\u8ffd\u52a0\u3057\u3066\u3001\u30b5\u30f3\u30d7\u30eb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u5b8c\u6210\u3055\u305b\u307e\u3059\u3002<\/p>\n

14.2.1 \u30d5\u30a9\u30ed\u30fc\u306e\u30b5\u30f3\u30d7\u30eb\u30c7\u30fc\u30bf<\/h3>\n

\u30b5\u30f3\u30d7\u30eb\u30c7\u30fc\u30bf\u3092\u81ea\u52d5\u4f5c\u6210\u3059\u308brails db:seed<\/strong>\u3092\u4f7f\u3063\u3066\u3001
\n\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u30b5\u30f3\u30d7\u30eb\u30c7\u30fc\u30bf\u3092\u767b\u9332\u3067\u304d\u308b\u3068\u3084\u306f\u308a\u4fbf\u5229\u3067\u3059\u3002
\n\u5148\u306b\u30b5\u30f3\u30d7\u30eb\u30c7\u30fc\u30bf\u3092\u81ea\u52d5\u4f5c\u6210\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u3066\u304a\u3051\u3070\u3001
\nWeb\u30da\u30fc\u30b8\u306e\u898b\u305f\u76ee\u306e\u30c7\u30b6\u30a4\u30f3\u304b\u3089\u5148\u306b\u3068\u308a\u304b\u304b\u308b\u3053\u3068\u304c\u3067\u304d\u3001
\n\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u6a5f\u80fd\u306e\u5b9f\u88c5\u3092\u5f8c\u306b\u56de\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n

\u6700\u521d\u306e\u30e6\u30fc\u30b6\u30fc\u306b\u30e6\u30fc\u30b6\u30fc3\u304b\u3089\u30e6\u30fc\u30b6\u30fc51\u307e\u3067\u3092\u30d5\u30a9\u30ed\u30fc\u3055\u305b\u3001
\n\u305d\u308c\u304b\u3089\u9006\u306b\u30e6\u30fc\u30b6\u30fc4\u304b\u3089\u30e6\u30fc\u30b6\u30fc41\u306b\u6700\u521d\u306e\u30e6\u30fc\u30b6\u30fc\u3092\u30d5\u30a9\u30ed\u30fc\u3055\u305b\u307e\u3059\u3002<\/p>\n

\u30bd\u30fc\u30b9\u3092\u898b\u308b\u3068\u308f\u304b\u308b\u3088\u3046\u306b\u3001\u3053\u306e\u3088\u3046\u306a\u8a2d\u5b9a\u3092\u81ea\u7531\u306b\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3053\u3046\u3057\u3066\u30ea\u30ec\u30fc\u30b7\u30e7\u30f3\u30b7\u30c3\u30d7\u3092\u4f5c\u6210\u3057\u3066\u304a\u3051\u3070\u3001
\n\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u958b\u767a\u3059\u308b\u306b\u306f\u5341\u5206\u3067\u3059\u3002<\/p>\n

\u30b5\u30f3\u30d7\u30eb\u30c7\u30fc\u30bf\u306bfollowing\/follower\u306e\u95a2\u4fc2\u6027\u3092\u8ffd\u52a0\u3059\u308b
\ndb\/seeds.rb<\/strong><\/p>\n

# \u30e6\u30fc\u30b6\u30fc<\/span>\r\nUser<\/span>.<\/span>create!<\/span>(<\/span>name<\/span>:<\/span>  \"Example User\"<\/span>,<\/span>\r\n             email<\/span>:<\/span> \"example@railstutorial.org\"<\/span>,<\/span>\r\n             password<\/span>:<\/span>              \"foobar\"<\/span>,<\/span>\r\n             password_confirmation<\/span>:<\/span> \"foobar\"<\/span>,<\/span>\r\n             admin<\/span>:<\/span>     true<\/span>,<\/span>\r\n             activated<\/span>:<\/span> true<\/span>,<\/span>\r\n             activated_at<\/span>:<\/span> Time<\/span>.<\/span>zone<\/span>.<\/span>now<\/span>)<\/span>\r\n\r\n99<\/span>.<\/span>times<\/span> do<\/span> |<\/span>n<\/span>|<\/span>\r\n  name<\/span>  =<\/span> Faker<\/span>::<\/span>Name<\/span>.<\/span>name<\/span>\r\n  email<\/span> =<\/span> \"example-<\/span>#{<\/span>n<\/span>+<\/span>1<\/span>}<\/span>@railstutorial.org\"<\/span>\r\n  password<\/span> =<\/span> \"password\"<\/span>\r\n  User<\/span>.<\/span>create!<\/span>(<\/span>name<\/span>:<\/span>  name<\/span>,<\/span>\r\n               email<\/span>:<\/span> email<\/span>,<\/span>\r\n               password<\/span>:<\/span>              password<\/span>,<\/span>\r\n               password_confirmation<\/span>:<\/span> password<\/span>,<\/span>\r\n               activated<\/span>:<\/span> true<\/span>,<\/span>\r\n               activated_at<\/span>:<\/span> Time<\/span>.<\/span>zone<\/span>.<\/span>now<\/span>)<\/span>\r\nend<\/span>\r\n\r\n# \u30de\u30a4\u30af\u30ed\u30dd\u30b9\u30c8<\/span>\r\nusers<\/span> =<\/span> User<\/span>.<\/span>order<\/span>(<\/span>:created_at<\/span>)<\/span>.<\/span>take<\/span>(<\/span>6<\/span>)<\/span>\r\n50<\/span>.<\/span>times<\/span> do<\/span>\r\n  content<\/span> =<\/span> Faker<\/span>::<\/span>Lorem<\/span>.<\/span>sentence<\/span>(<\/span>5<\/span>)<\/span>\r\n  users<\/span>.<\/span>each<\/span> {<\/span> |<\/span>user<\/span>|<\/span> user<\/span>.<\/span>microposts<\/span>.<\/span>create!<\/span>(<\/span>content<\/span>:<\/span> content<\/span>)<\/span> }<\/span>\r\nend<\/span>\r\n\r\n# \u30ea\u30ec\u30fc\u30b7\u30e7\u30f3\u30b7\u30c3\u30d7<\/span>\r\n<\/span>users<\/span> =<\/span> User<\/span>.<\/span>all<\/span>\r\n<\/span>user<\/span>  =<\/span> users<\/span>.<\/span>first<\/span>\r\n<\/span>following<\/span> =<\/span> users<\/span>[<\/span>2<\/span>..<\/span>50<\/span>]<\/span>\r\n<\/span>followers<\/span> =<\/span> users<\/span>[<\/span>3<\/span>..<\/span>40<\/span>]<\/span>\r\n<\/span>following<\/span>.<\/span>each<\/span> {<\/span> |<\/span>followed<\/span>|<\/span> user<\/span>.<\/span>follow<\/span>(<\/span>followed<\/span>)<\/span> }<\/span>\r\n<\/span>followers<\/span>.<\/span>each<\/span> {<\/span> |<\/span>follower<\/span>|<\/span> follower<\/span>.<\/span>follow<\/span>(<\/span>user<\/span>)<\/span> }<\/span><\/span><\/strong><\/pre>\n
rails db:migrate:reset\r\nrails db:seed<\/strong><\/pre>\n
\u6f14\u7fd2<\/h2>\n
1:\u30b3\u30f3\u30bd\u30fc\u30eb\u3092\u958b\u304d\u3001User.first.followers.count\u306e\u7d50\u679c\u304c
\n\u671f\u5f85\u3057\u3066\u3044\u308b\u7d50\u679c\u3068\u5408\u81f4\u3057\u3066\u3044\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/h3>\n
User.first.followers.count<\/strong>\r\nUser Load (0.2ms) SELECT \"users\".* FROM \"users\" ORDER BY \"users\".\"id\" ASC LIMIT ? [[\"LIMIT\", 1]]<\/strong>\r\n(0.4ms) SELECT COUNT(*) FROM \"users\" INNER JOIN \"relationships\" ON \"users\".\"id\" = \"relationships\".\"follower_id\" WHERE \"relationships\".\"followed_id\" = ? [[\"followed_id\", 1]]<\/strong>\r\n=> 38<\/strong><\/pre>\n
2:\u5148\u307b\u3069\u306e\u6f14\u7fd2\u3068\u540c\u69d8\u306b\u3001User.first.following.count\u306e\u7d50\u679c\u3082\u5408\u81f4\u3057\u3066\u3044\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/h3>\n
User.first.following.count<\/strong>\r\nUser Load (0.2ms) SELECT \"users\".* FROM \"users\" ORDER BY \"users\".\"id\" ASC LIMIT ? [[\"LIMIT\", 1]]<\/strong>\r\n(0.2ms) SELECT COUNT(*) FROM \"users\" INNER JOIN \"relationships\" ON \"users\".\"id\" = \"relationships\".\"followed_id\" WHERE \"relationships\".\"follower_id\" = ? [[\"follower_id\", 1]]<\/strong>\r\n=> 49<\/strong><\/pre>\n
14.2.2 \u7d71\u8a08\u3068Follow\u30d5\u30a9\u30fc\u30e0<\/h3>\n
\u3053\u308c\u3067\u30b5\u30f3\u30d7\u30eb\u30e6\u30fc\u30b6\u30fc\u306b\u3001\u30d5\u30a9\u30ed\u30fc\u3057\u3066\u3044\u308b\u30e6\u30fc\u30b6\u30fc\u3068\u30d5\u30a9\u30ed\u30ef\u30fc\u304c\u3067\u304d\u307e\u3057\u305f\u3002\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u30da\u30fc\u30b8\u3068Home\u30da\u30fc\u30b8\u3092\u66f4\u65b0\u3057\u3066\u3001
\n\u3053\u308c\u3092\u53cd\u6620\u3057\u307e\u3057\u3087\u3046\u3002
\n\u6700\u521d\u306b\u3001\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u30da\u30fc\u30b8\u3068Home\u30da\u30fc\u30b8\u306b\u3001
\n\u30d5\u30a9\u30ed\u30fc\u3057\u3066\u3044\u308b\u30e6\u30fc\u30b6\u30fc\u3068\u30d5\u30a9\u30ed\u30ef\u30fc\u306e\u7d71\u8a08\u60c5\u5831\u3092\u8868\u793a\u3059\u308b\u305f\u3081\u306e
\n\u30d1\u30fc\u30b7\u30e3\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\u6b21\u306b\u3001\u30d5\u30a9\u30ed\u30fc\u7528\u3068\u30d5\u30a9\u30ed\u30fc\u89e3\u9664\u7528\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002
\n\u305d\u308c\u304b\u3089\u3001\u30d5\u30a9\u30ed\u30fc\u3057\u3066\u3044\u308b\u30e6\u30fc\u30b6\u30fc\u306e\u4e00\u89a7 (“following”)\u3068
\n\u30d5\u30a9\u30ed\u30ef\u30fc\u306e\u4e00\u89a7 (“followers”) \u3092\u8868\u793a\u3059\u308b\u5c02\u7528\u306e\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n
resources\u30d6\u30ed\u30c3\u30af\u306e\u5185\u5074\u3067:member\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u3063\u3066\u3044\u307e\u3059\u3002
\n\u3053\u308c\u306f\u521d\u767b\u5834\u306e\u30e1\u30bd\u30c3\u30c9\u3067\u3059\u304c\u3001\u307e\u305a\u306f\u3069\u3093\u306a\u52d5\u4f5c\u3092\u3059\u308b\u306e\u304b\u63a8\u6e2c\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044<\/p>\n
Users\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u306bfollowing\u30a2\u30af\u30b7\u30e7\u30f3\u3068followers\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u8ffd\u52a0\u3059\u308b
\nconfig\/routes.rb<\/strong><\/p>\n
Rails<\/span>.<\/span>application<\/span>.<\/span>routes<\/span>.<\/span>draw<\/span> do<\/span>\r\n  root<\/span>   'static_pages#home'<\/span>\r\n  get<\/span>    '\/help'<\/span>,<\/span>    to<\/span>:<\/span> 'static_pages#help'<\/span>\r\n  get<\/span>    '\/about'<\/span>,<\/span>   to<\/span>:<\/span> 'static_pages#about'<\/span>\r\n  get<\/span>    '\/contact'<\/span>,<\/span> to<\/span>:<\/span> 'static_pages#contact'<\/span>\r\n  get<\/span>    '\/signup'<\/span>,<\/span>  to<\/span>:<\/span> 'users#new'<\/span>\r\n  get<\/span>    '\/login'<\/span>,<\/span>   to<\/span>:<\/span> 'sessions#new'<\/span>\r\n  post<\/span>   '\/login'<\/span>,<\/span>   to<\/span>:<\/span> 'sessions#create'<\/span>\r\n  delete<\/span> '\/logout'<\/span>,<\/span>  to<\/span>:<\/span> 'sessions#destroy'<\/span>\r\n  resources<\/span> :users<\/span> do<\/span>\r\n<\/span>    member<\/span> do<\/span>\r\n<\/span>      get<\/span> :following<\/span>,<\/span> :followers<\/span>\r\n<\/span>    end<\/span>\r\n<\/span>  end<\/span>\r\n<\/span>  resources<\/span> :account_activations<\/span>,<\/span> only<\/span>:<\/span> [<\/span>:edit<\/span>]<\/span>\r\n  resources<\/span> :password_resets<\/span>,<\/span>     only<\/span>:<\/span> [<\/span>:new<\/span>,<\/span> :create<\/span>,<\/span> :edit<\/span>,<\/span> :update<\/span>]<\/span>\r\n  resources<\/span> :microposts<\/span>,<\/span>          only<\/span>:<\/span> [<\/span>:create<\/span>,<\/span> :destroy<\/span>]<\/span>\r\nend<\/span><\/strong><\/pre>\n
\u3069\u3061\u3089\u3082\u30c7\u30fc\u30bf\u3092\u8868\u793a\u3059\u308b\u30da\u30fc\u30b8\u306a\u306e\u3067\u3001
\n\u9069\u5207\u306aHTTP\u30e1\u30bd\u30c3\u30c9\u306fGET\u30ea\u30af\u30a8\u30b9\u30c8\u306b\u306a\u308a\u307e\u3059\u3002
\n\u3057\u305f\u304c\u3063\u3066\u3001get\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u3063\u3066\u9069\u5207\u306a\u30ec\u30b9\u30dd\u30f3\u30b9\u3092\u8fd4\u3059\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/p>\n
<\/p>\n
\u3061\u306a\u307f\u306b\u3001member\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u3046\u3068\u30e6\u30fc\u30b6\u30fcid\u304c\u542b\u307e\u308c\u3066\u3044\u308bURL\u3092\u6271\u3046\u3088\u3046\u306b
\n\u306a\u308a\u307e\u3059\u304c\u3001 id\u3092\u6307\u5b9a\u305b\u305a\u306b\u3059\u3079\u3066\u306e\u30e1\u30f3\u30d0\u30fc\u3092\u8868\u793a\u3059\u308b\u306b\u306f\u3001
\n\u6b21\u306e\u3088\u3046\u306bcollection\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u3044\u307e\u3059\u3002<\/p>\n
resources :users do<\/strong>\r\n collection do<\/strong>\r\n  get :tigers<\/strong>\r\n end<\/strong>\r\nend<\/strong><\/pre>\n
\u3053\u306e\u30b3\u30fc\u30c9\u306f \/users\/tigers \u3068\u3044\u3046URL\u306b\u5fdc\u7b54\u3057\u307e\u3059
\n(\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u3042\u308b\u3059\u3079\u3066\u306etiger\u306e\u30ea\u30b9\u30c8\u3092\u8868\u793a\u3057\u307e\u3059)\u3002<\/p>\n
HTTP\u30ea\u30af\u30a8\u30b9\u30c8\u3000 URL\u3000\u3000\u3000 \u30a2\u30af\u30b7\u30e7\u30f3 \u3000\u540d\u524d\u4ed8\u304d\u30eb\u30fc\u30c8<\/strong>\r\nGET \/users\/1\/following following following_user_path(1)<\/strong>\r\nGET \/users\/1\/followers followers followers_user_path(1)<\/strong><\/pre>\n
\u3053\u306e\u8868\u3067\u793a\u3057\u305f\u30d5\u30a9\u30ed\u30fc\u7528\u3068\u30d5\u30a9\u30ed\u30ef\u30fc\u7528\u306e\u540d\u524d\u4ed8\u304d\u30eb\u30fc\u30c8\u3092\u3001\u4eca\u5f8c\u306e\u5b9f\u88c5\u3067\u4f7f\u3063\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n
\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u3092\u5b9a\u7fa9\u3057\u305f\u306e\u3067\u3001\u7d71\u8a08\u60c5\u5831\u306e\u30d1\u30fc\u30b7\u30e3\u30eb\u3092\u5b9f\u88c5\u3059\u308b\u6e96\u5099\u304c\u6574\u3044\u307e\u3057\u305f\u3002\u3053\u306e\u30d1\u30fc\u30b7\u30e3\u30eb\u3067\u306f\u3001div\u30bf\u30b0\u306e\u4e2d\u306b2\u3064\u306e\u30ea\u30f3\u30af\u3092\u542b\u3081\u308b\u3088\u3046\u306b\u3057\u307e\u3059<\/p>\n
<\/p>\n
\u30d5\u30a9\u30ed\u30ef\u30fc\u306e\u7d71\u8a08\u60c5\u5831\u3092\u8868\u793a\u3059\u308b\u30d1\u30fc\u30b7\u30e3\u30eb
\napp\/views\/shared\/_stats.html.erb<\/strong><\/p>\n
<% @user ||= current_user %><\/strong>\r\n <div class=\"stats\"><\/strong>\r\n  <a href=\"<%= following_user_path(@user) %>\"><\/strong>\r\n   <strong id=\"following\" class=\"stat\"><\/strong>\r\n    <%= @user.following.count %><\/strong>\r\n   <\/strong><\/strong>\r\n   following<\/strong>\r\n  <\/a><\/strong>\r\n <a href=\"<%= followers_user_path(@user) %>\"><\/strong>\r\n  <strong id=\"followers\" class=\"stat\"><\/strong>\r\n   <%= @user.followers.count %><\/strong>\r\n  <\/strong><\/strong>\r\n   followers<\/strong>\r\n <\/a><\/strong>\r\n<\/div><\/strong><\/pre>\n
\u6b21\u306e\u30b3\u30fc\u30c9\u3067\u73fe\u5728\u306e\u30e6\u30fc\u30b6\u30fc\u3092\u53d6\u5f97\u3057\u307e\u3059\u3002<\/p>\n
<% @user ||= current_user %><\/strong><\/pre>\n
\u3053\u308c\u306f\u524d\u8aac\u660e\u3057\u305f\u3068\u304a\u308a\u3001@user\u304cnil\u3067\u306a\u3044\u5834\u5408
\n(\u3064\u307e\u308a\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u30da\u30fc\u30b8\u306e\u5834\u5408)\u306f\u4f55\u3082\u305b\u305a\u3001nil\u306e\u5834\u5408
\n(\u3064\u307e\u308aHome\u30da\u30fc\u30b8\u306e\u5834\u5408)\u306b\u306f@user\u306bcurrent_user\u3092\u4ee3\u5165\u3059\u308b\u30b3\u30fc\u30c9\u3067\u3059\u3002
\n\u305d\u306e\u5f8c\u3001\u30d5\u30a9\u30ed\u30fc\u3057\u3066\u3044\u308b\u30e6\u30fc\u30b6\u30fc\u306e\u4eba\u6570\u3092\u3001\u95a2\u9023\u4ed8\u3051\u3092\u4f7f\u3063\u3066\u8a08\u7b97\u3057\u307e\u3059\u3002<\/p>\n
@user.following.count<\/strong><\/pre>\n
\u3053\u308c\u306f\u30d5\u30a9\u30ed\u30ef\u30fc\u306b\u3064\u3044\u3066\u3082\u540c\u69d8\u3067\u3059\u3002<\/p>\n
@user.followers.count<\/strong><\/pre>\n
\u6b21\u306e\u3088\u3046\u306bCSS id\u3092\u6307\u5b9a\u3057\u3066\u3044\u308b\u3053\u3068\u306b\u3082\u305c\u3072\u6ce8\u76ee\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n
<strong id=\"following\" class=\"stat\"><\/strong>\r\n...<\/strong>\r\n<\/strong><\/strong><\/pre>\n
\u3053\u3046\u3057\u3066\u304a\u304f\u3068\u3001Ajax\u3092\u5b9f\u88c5\u3059\u308b\u3068\u304d\u306b\u4fbf\u5229\u3067\u3059\u3002
\n\u305d\u3053\u3067\u306f\u3001\u4e00\u610f\u306eid\u3092\u6307\u5b9a\u3057\u3066\u30da\u30fc\u30b8\u8981\u7d20\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n
Home\u30da\u30fc\u30b8\u306b\u3053\u306e\u7d71\u8a08\u60c5\u5831\u3092\u8868\u793a\u3059\u308b\u306b\u306f\u3001\u30ea\u30b9\u30c8 14.17\u306e\u3088\u3046\u306b\u3059\u308b\u3068\u7c21\u5358\u3067\u3059\u3002
\nHome\u30da\u30fc\u30b8\u306b\u30d5\u30a9\u30ed\u30ef\u30fc\u306e\u7d71\u8a08\u60c5\u5831\u3092\u8ffd\u52a0\u3059\u308b
\napp\/views\/static_pages\/home.html.erb<\/strong><\/p>\n
<% if logged_in? %><\/strong>\r\n <div class=\"row\"><\/strong>\r\n  <aside class=\"col-md-4\"><\/strong>\r\n   <section class=\"user_info\"><\/strong>\r\n    <%= render 'shared\/user_info' %><\/strong>\r\n   <\/section><\/strong>\r\n   <section class=\"stats\"><\/strong>\r\n    <%= render 'shared\/stats' %><\/strong>\r\n   <\/section><\/strong>\r\n  <section class=\"micropost_form\"><\/strong>\r\n   <%= render 'shared\/micropost_form' %><\/strong>\r\n  <\/section><\/strong>\r\n   <\/aside><\/strong>\r\n <div class=\"col-md-8\"><\/strong>\r\n  <h3>Micropost Feed<\/h3><\/strong>\r\n   <%= render 'shared\/feed' %><\/strong>\r\n <\/div><\/strong>\r\n<\/div><\/strong>\r\n<% else %><\/strong>\r\n.<\/strong>\r\n.<\/strong>\r\n.<\/strong>\r\n<% end %><\/strong><\/pre>\n
\u7d71\u8a08\u60c5\u5831\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u4e0e\u3048\u308b\u305f\u3081\u306b\u3001SCSS\u3092\u8ffd\u52a0\u3057\u307e\u3057\u3087\u3046
\n(\u306a\u304a\u3001\u3053\u306eSCSS\u306b\u306f\u3053\u306e\u7ae0\u3067\u4f7f\u3046\u3059\u3079\u3066\u306e\u30b9\u30bf\u30a4\u30eb\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u3059)\u3002\u5909\u66f4\u306e\u7d50\u679c\u3001Home\u30da\u30fc\u30b8\u306f\u2193\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n
Home\u30da\u30fc\u30b8\u306e\u30b5\u30a4\u30c9\u30d0\u30fc\u7528\u306eSCSS
\napp\/assets\/stylesheets\/custom.scss<\/strong><\/p>\n
\n
\n
\n
.<\/span>\r\n.<\/span>\r\n.<\/span>\r\n\/*<\/span> sidebar<\/span> *\/<\/span>\r\n.<\/span>\r\n.<\/span>\r\n.<\/span>\r\n.gravatar<\/span> {<\/span>\r\n  float<\/span>:<\/span> left<\/span>;<\/span>\r\n  margin-right<\/span>:<\/span> 10px<\/span>;<\/span>\r\n}<\/span>\r\n\r\n.gravatar_edit<\/span> {<\/span>\r\n  margin-top<\/span>:<\/span> 15px<\/span>;<\/span>\r\n}<\/span>\r\n\r\n.stats<\/span> {<\/span>\r\n<\/span>  overflow<\/span>:<\/span> auto<\/span>;<\/span>\r\n  margin-top<\/span>:<\/span> 0<\/span>;<\/span>\r\n  padding<\/span>:<\/span> 0<\/span>;<\/span>\r\n  a<\/span> {<\/span>\r\n    float<\/span>:<\/span> left<\/span>;<\/span>\r\n    padding<\/span>:<\/span> 0<\/span> 10px<\/span>;<\/span>\r\n    border-left<\/span>:<\/span> 1px<\/span> solid<\/span> $<\/span>gray-lighter<\/span>;<\/span>\r\n    color<\/span>:<\/span> gray<\/span>;<\/span>\r\n    &<\/span>:first-child<\/span> {<\/span>\r\n      padding-left<\/span>:<\/span> 0<\/span>;<\/span>\r\n      border<\/span>:<\/span> 0<\/span>;<\/span>\r\n    }<\/span>\r\n    &<\/span>:hover<\/span> {<\/span>\r\n      text-decoration<\/span>:<\/span> none<\/span>;<\/span>\r\n      color<\/span>:<\/span> blue<\/span>;<\/span>\r\n    }<\/span>\r\n  }<\/span>\r\n  strong<\/span> {<\/span>\r\n    display<\/span>:<\/span> block<\/span>;<\/span>\r\n  }<\/span>\r\n}<\/span>\r\n\r\n.user_avatars<\/span> {<\/span>\r\n<\/span>  overflow<\/span>:<\/span> auto<\/span>;<\/span>\r\n  margin-top<\/span>:<\/span> 10px<\/span>;<\/span>\r\n  .gravatar<\/span> {<\/span>\r\n    margin<\/span>:<\/span> 1px<\/span> 1px<\/span>;<\/span>\r\n  }<\/span>\r\n  a<\/span> {<\/span>\r\n    padding<\/span>:<\/span> 0<\/span>;<\/span>\r\n  }<\/span>\r\n}<\/span>\r\n\r\n.users.follow<\/span> {<\/span>\r\n<\/span>  padding<\/span>:<\/span> 0<\/span>;<\/span>\r\n}<\/span>\r\n\r\n\/* forms *\/<\/span>\r\n.<\/span>\r\n.<\/span>\r\n.<\/span>\r\n<\/strong><\/pre>\n<\/div>\n<\/div>\n<\/div>\n
<\/div>\n
\u3053\u306e\u5f8c\u3059\u3050\u3001\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u306b\u3082\u7d71\u8a08\u60c5\u5831\u30d1\u30fc\u30b7\u30e3\u30eb\u3092\u8868\u793a\u3057\u307e\u3059\u304c\u3001
\n\u4eca\u306e\u3046\u3061\u306b\u30ea\u30b9\u30c8 [Follow] \/ [Unfollow] \u30dc\u30bf\u30f3\u7528\u306e\u30d1\u30fc\u30b7\u30e3\u30eb\u3082
\n\u4f5c\u6210\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n
\u30d5\u30a9\u30ed\u30fc\/\u30d5\u30a9\u30ed\u30fc\u89e3\u9664\u30d5\u30a9\u30fc\u30e0\u306e\u30d1\u30fc\u30b7\u30e3\u30eb
\napp\/views\/users\/_follow_form.html.erb<\/strong><\/p>\n
<% unless current_user?(@user) %><\/strong>\r\n <div id=\"follow_form\"><\/strong>\r\n  <% if current_user.following?(@user) %><\/strong>\r\n   <%= render 'unfollow' %><\/strong>\r\n  <% else %><\/strong>\r\n   <%= render 'follow' %><\/strong>\r\n  <% end %><\/strong>\r\n <\/div><\/strong>\r\n<% end %><\/strong><\/pre>\n
follow\u3068unfollow\u306e\u30d1\u30fc\u30b7\u30e3\u30eb\u306b\u4f5c\u696d\u3092\u632f\u3063\u3066\u3044\u308b\u3060\u3051\u3067\u3059\u3002
\n\u30d1\u30fc\u30b7\u30e3\u30eb\u3067\u306f\u3001Relationships\u30ea\u30bd\u30fc\u30b9\u7528\u306e\u65b0\u3057\u3044\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u304c\u5fc5\u8981\u3067\u3059\u3002
\n\u3053\u308c\u3092\u3001Microposts\u30ea\u30bd\u30fc\u30b9\u306e\u4f8b\u306b\u5f93\u3063\u3066\u4f5c\u6210\u3057\u307e\u3057\u3087\u3046<\/p>\n
Relationship\u30ea\u30bd\u30fc\u30b9\u7528\u306e\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u3092\u8ffd\u52a0\u3059\u308b
\nconfig\/routes.rb<\/strong><\/p>\n
Rails.application.routes.draw do<\/strong>\r\n root 'static_pages#home'<\/strong>\r\n get 'help' => 'static_pages#help'<\/strong>\r\n get 'about' => 'static_pages#about'<\/strong>\r\n get 'contact' => 'static_pages#contact'<\/strong>\r\n get 'signup' => 'users#new'<\/strong>\r\n get 'login' => 'sessions#new'<\/strong>\r\n post 'login' => 'sessions#create'<\/strong>\r\n delete 'logout' => 'sessions#destroy'<\/strong>\r\n  resources :users do<\/strong>\r\n   member do<\/strong>\r\n    get :following, :followers<\/strong>\r\n   end<\/strong>\r\n end<\/strong>\r\n resources :account_activations, only: [:edit]<\/strong>\r\n resources :password_resets, only: [:new, :create, :edit, :update]<\/strong>\r\n resources :microposts, only: [:create, :destroy]<\/strong>\r\n resources :relationships, only: [:create, :destroy]<\/strong>\r\nend<\/strong><\/pre>\n
\u30d5\u30a9\u30ed\u30fc\/\u30d5\u30a9\u30ed\u30fc\u89e3\u9664\u7528\u306e\u30d1\u30fc\u30b7\u30e3\u30eb\u81ea\u4f53\u306f\u3001\u2193\u306b\u793a\u3057\u307e\u3059\u3002<\/p>\n
\u30e6\u30fc\u30b6\u30fc\u3092\u30d5\u30a9\u30ed\u30fc\u3059\u308b\u30d5\u30a9\u30fc\u30e0
\napp\/views\/users\/_follow.html.erb<\/strong><\/p>\n
<%= form_for(current_user.active_relationships.build) do |f| %><\/strong>\r\n<div><%= hidden_field_tag :followed_id, @user.id %><\/div><\/strong>\r\n<%= f.submit \"Follow\", class: \"btn btn-primary\" %><\/strong>\r\n<% end %><\/strong><\/pre>\n
\u30e6\u30fc\u30b6\u30fc\u3092\u30d5\u30a9\u30ed\u30fc\u89e3\u9664\u3059\u308b\u30d5\u30a9\u30fc\u30e0
\napp\/views\/users\/_unfollow.html.erb<\/strong><\/p>\n
<%= form_for(current_user.active_relationships.find_by(followed_id: @user.id),<\/strong>\r\n       html: { method: :delete }) do |f| %><\/strong>\r\n <%= f.submit \"Unfollow\", class: \"btn\" %><\/strong>\r\n<% end %><\/strong><\/pre>\n
\u3053\u308c\u3089\u306e2\u3064\u306e\u30d5\u30a9\u30fc\u30e0\u3067\u306f\u3001\u3044\u305a\u308c\u3082form_for\u3092\u4f7f\u3063\u3066
\nRelationship\u30e2\u30c7\u30eb\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u64cd\u4f5c\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n
2\u3064\u306e\u30d5\u30a9\u30fc\u30e0\u306e\u4e3b\u306a\u9055\u3044\u306f\u3001\u524d\u8005\u306f\u65b0\u3057\u3044\u30ea\u30ec\u30fc\u30b7\u30e7\u30f3\u30b7\u30c3\u30d7\u3092\u4f5c\u6210\u3059\u308b\u306e\u306b\u5bfe\u3057\u3001\u5f8c\u8005\u306f\u65e2\u5b58\u306e\u30ea\u30ec\u30fc\u30b7\u30e7\u30f3\u30b7\u30c3\u30d7\u3092\u898b\u3064\u3051\u51fa\u3059\u3068\u3044\u3046\u70b9\u3067\u3059\u3002
\n\u3064\u307e\u308a\u3001\u524d\u8005\u306fPOST\u30ea\u30af\u30a8\u30b9\u30c8\u3092Relationships\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u306b\u9001\u4fe1\u3057\u3066\u30ea\u30ec\u30fc\u30b7\u30e7\u30f3\u30b7\u30c3\u30d7\u3092create (\u4f5c\u6210) \u3057\u3001
\n\u5f8c\u8005\u306fDELETE\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u9001\u4fe1\u3057\u3066\u30ea\u30ec\u30fc\u30b7\u30e7\u30f3\u30b7\u30c3\u30d7\u3092destroy(\u524a\u9664)\u3059\u308b\u3068\u3044\u3046\u3053\u3068\u3067\u3059\u3002<\/p>\n
\u6700\u7d42\u7684\u306b\u3001\u3053\u306e\u30d5\u30a9\u30ed\u30fc\/\u30d5\u30a9\u30ed\u30fc\u89e3\u9664\u30d5\u30a9\u30fc\u30e0\u306b\u306f\u30dc\u30bf\u30f3\u3057\u304b\u306a\u3044\u3053\u3068\u3092\u7406\u89e3\u3057\u3066\u3044\u305f\u3060\u3051\u305f\u3068\u601d\u3044\u307e\u3059\u3002
\n\u3057\u304b\u3057\u3001\u305d\u308c\u3067\u3082\u3053\u306e\u30d5\u30a9\u30fc\u30e0\u306ffollowed_id\u3092\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u306b\u9001\u4fe1\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002
\n\u3053\u308c\u3092\u884c\u3046\u305f\u3081\u306b\u3001hidden_field_tag\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u3044\u307e\u3059\u3002
\n\u3053\u306e\u30e1\u30bd\u30c3\u30c9\u306f\u3001\u6b21\u306e\u30d5\u30a9\u30fc\u30e0\u7528HTML\u3092\u751f\u6210\u3057\u307e\u3059<\/p>\n
<input id=\"followed_id\" name=\"followed_id\" <\/strong>type=\"hidden\" value=\"3\" \/><\/strong><\/pre>\n
\u96a0\u3057\u30d5\u30a3\u30fc\u30eb\u30c9\u306einput\u30bf\u30b0\u3092\u4f7f\u3046\u3053\u3068\u3067\u3001
\n\u30d6\u30e9\u30a6\u30b6\u4e0a\u306b\u8868\u793a\u3055\u305b\u305a\u306b\u9069\u5207\u306a\u60c5\u5831\u3092\u542b\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n
\u3053\u306e\u30c6\u30af\u30cb\u30c3\u30af\u3092\u4f7f\u3063\u3066\u30d5\u30a9\u30ed\u30fc\u7528\u30d5\u30a9\u30fc\u30e0\u3092\u30d1\u30fc\u30b7\u30e3\u30eb\u3068\u3057\u3066\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u753b\u9762\u306b\u8868\u793a\u3057\u305f\u7d50\u679c\u304c\u2193\u306b\u306a\u308a\u307e\u3059\u3002
\n\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u753b\u9762\u306b [Follow] \u30dc\u30bf\u30f3\u3068[Unfollow] \u30dc\u30bf\u30f3\u304c\u305d\u308c\u305e\u308c\u8868\u793a\u3055\u308c\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/p>\n
\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u30da\u30fc\u30b8\u306b\u30d5\u30a9\u30ed\u30fc\u7528\u30d5\u30a9\u30fc\u30e0\u3068\u30d5\u30a9\u30ed\u30ef\u30fc\u306e\u7d71\u8a08\u60c5\u5831\u3092\u8ffd\u52a0\u3059\u308b
\napp\/views\/users\/show.html.erb<\/strong><\/p>\n
<%<\/span> provide<\/span>(<\/span>:title<\/span>,<\/span> @user<\/span>.<\/span>name<\/span>)<\/span> %><\/span>\r\n<<\/span>div<\/span> class<\/span>=<\/span>\"row\"<\/span>><\/span>\r\n  <<\/span>aside<\/span> class<\/span>=<\/span>\"col-md-4\"<\/span>><\/span>\r\n    <<\/span>section<\/span> class<\/span>=<\/span>\"user_info\"<\/span>><\/span>\r\n      <<\/span>h1<\/span>><\/span>\r\n        <%=<\/span> gravatar_for<\/span> @user<\/span> %><\/span>\r\n        <%=<\/span> @user<\/span>.<\/span>name<\/span> %><\/span>\r\n      <\/<\/span>h1<\/span>><\/span>\r\n    <\/<\/span>section<\/span>><\/span>\r\n    <<\/span>section<\/span> class<\/span>=<\/span>\"stats\"<\/span>><\/span>\r\n<\/span>      <%=<\/span> render<\/span> 'shared\/stats'<\/span> %><\/span>\r\n<\/span>    <\/<\/span>section<\/span>><\/span>\r\n<\/span>  <\/<\/span>aside<\/span>><\/span>\r\n  <<\/span>div<\/span> class<\/span>=<\/span>\"col-md-8\"<\/span>><\/span>\r\n    <%=<\/span> render<\/span> 'follow_form'<\/span> if<\/span> logged_in?<\/span> %><\/span>\r\n<\/span>    <%<\/span> if<\/span> @user<\/span>.<\/span>microposts<\/span>.<\/span>any?<\/span> %><\/span>\r\n      <<\/span>h3<\/span>><\/span>Microposts (<%=<\/span> @user<\/span>.<\/span>microposts<\/span>.<\/span>count<\/span> %><\/span>)<\/<\/span>h3<\/span>><\/span>\r\n      <<\/span>ol<\/span> class<\/span>=<\/span>\"microposts\"<\/span>><\/span>\r\n        <%=<\/span> render<\/span> @microposts<\/span> %><\/span>\r\n      <\/<\/span>ol<\/span>><\/span>\r\n      <%=<\/span> will_paginate<\/span> @microposts<\/span> %><\/span>\r\n    <%<\/span> end<\/span> %><\/span>\r\n  <\/<\/span>div<\/span>><\/span>\r\n<\/<\/span>div<\/span>><\/span><\/strong><\/pre>\n
\u5b9f\u306f\u3053\u306e\u30dc\u30bf\u30f3\u306e\u5b9f\u88c5\u306b\u306f\uff12\u901a\u308a\u306e\u65b9\u6cd5\u304c\u3042\u308a\u307e\u3059\u3002\uff11\u3064\u306f\u6a19\u6e96\u7684\u306a\u65b9\u6cd5\u3001\u3082\u3046\uff11\u3064\u306fAjax\u3092\u4f7f\u3046\u65b9\u6cd5\u3067\u3059\u3002
\n\u3067\u3082\u305d\u306e\u524d\u306b\u3001\u30d5\u30a9\u30ed\u30fc\u3057\u3066\u3044\u308b\u30e6\u30fc\u30b6\u30fc\u3068\u30d5\u30a9\u30ed\u30ef\u30fc\u3092\u8868\u793a\u3059\u308b\u30da\u30fc\u30b8\u3092\u305d\u308c\u305e\u308c\u4f5c\u6210\u3057\u3066HTML\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u5b8c\u6210\u3055\u305b\u3066\u3057\u307e\u3044\u307e\u3057\u3087\u3046\u3002<\/p>\n
\u6f14\u7fd2<\/h3>\n
1:\u30d6\u30e9\u30a6\u30b6\u304b\u3089 \/users\/2 \u306b\u30a2\u30af\u30bb\u30b9\u3057\u3001\u30d5\u30a9\u30ed\u30fc\u30dc\u30bf\u30f3\u304c\u8868\u793a\u3055\u308c\u3066\u3044\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002
\n\u540c\u69d8\u306b\u3001\/users\/5 \u3067\u306f [Unfollow] \u30dc\u30bf\u30f3\u304c\u8868\u793a\u3055\u308c\u3066\u3044\u308b\u306f\u305a\u3067\u3059\u3002
\n\u3055\u3066\u3001\/users\/1 \u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u3068\u3001\u3069\u306e\u3088\u3046\u306a\u7d50\u679c\u304c\u8868\u793a\u3055\u308c\u308b\u3067\u3057\u3087\u3046\u304b?<\/h3>\n
follow\u3082Unfollow\u3082\u8868\u793a\u3055\u308c\u306a\u3044<\/p>\n
2:\u30d6\u30e9\u30a6\u30b6\u304b\u3089Home\u30da\u30fc\u30b8\u3068\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u30da\u30fc\u30b8\u3092\u8868\u793a\u3057\u3066\u307f\u3066\u3001
\n\u7d71\u8a08\u60c5\u5831\u304c\u6b63\u3057\u304f\u8868\u793a\u3055\u308c\u3066\u3044\u308b\u304b\u78ba\u8a8d\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/h3>\n
\u6b63\u3057\u304f\u8868\u793a\u3055\u308c\u3066\u3044\u308b<\/p>\n
3:Home\u30da\u30fc\u30b8\u306b\u8868\u793a\u3055\u308c\u3066\u3044\u308b\u7d71\u8a08\u60c5\u5831\u306b\u5bfe\u3057\u3066\u30c6\u30b9\u30c8\u3092\u66f8\u3044\u3066\u307f\u307e\u3057\u3087\u3046\u3002\u540c\u69d8\u306b\u3057\u3066\u3001\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u30da\u30fc\u30b8\u306b\u3082\u30c6\u30b9\u30c8\u3092\u8ffd\u52a0\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/h3>\n
\n
site_layout_test.rb<\/span><\/div>\n
<\/div>\n
\n
  test<\/span> \"count relationships\"<\/span> do<\/span>\r\n    log_in_as<\/span>(<\/span>@user<\/span>)<\/span>\r\n    get<\/span> root_path<\/span>\r\n    assert_match<\/span> @user<\/span>.<\/span>active_relationships<\/span>.<\/span>count<\/span>.<\/span>to_s<\/span>,<\/span> response<\/span>.<\/span>body<\/span>\r\n    assert_match<\/span> @user<\/span>.<\/span>passive_relationships<\/span>.<\/span>count<\/span>.<\/span>to_s<\/span>,<\/span> response<\/span>.<\/span>body<\/span>\r\n  end<\/span>\r\n<\/code><\/pre>\n<\/div>\n<\/div>\n
\n
users_profile_test.rb<\/span><\/div>\n
<\/div>\n<\/div>\n
\n
    end<\/span>\r\n    assert_select<\/span> @user<\/span>.<\/span>microposts<\/span>.<\/span>count<\/span>\r\n    assert_match<\/span> @user<\/span>.<\/span>active_relationships<\/span>.<\/span>to_s<\/span>,<\/span> response<\/span>.<\/span>body<\/span>\r\n    assert_match<\/span> @user<\/span>.<\/span>passive_relationships<\/span>.<\/span>to_s<\/span>,<\/span> response<\/span>.<\/span>body<\/span>\r\n  end<\/span><\/code><\/pre>\n<\/div>\n
\u30c6\u30b9\u30c8\u3092\u884c\u3046<\/p>\n
14.25\u306b\u7d9a\u304f<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
\u305d\u306e14\u304b\u3089\u7d9a\u304f 14.2 Follow\u306eWeb\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9 \u30d5\u30a9\u30ed\u30fc\/\u30d5\u30a9\u30ed\u30fc\u89e3\u9664\u306e\u57fa\u672c\u7684\u306a\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u5b9f\u88c5\u3057\u307e\u3059\u3002\u307e\u305f\u3001 \u30d5\u30a9\u30ed\u30fc\u3057\u3066\u3044\u308b\u30e6\u30fc\u30b6\u30fc\u3068\u3001\u30d5\u30a9\u30ed\u30ef\u30fc\u306b\u305d\u308c\u305e\u308c\u8868\u793a\u7528\u306e\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002 \u30e6\u30fc\u30b6 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[27,13],"tags":[],"class_list":["post-3108","post","type-post","status-publish","format-standard","hentry","category-programming-note","category-rails"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/posts\/3108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/comments?post=3108"}],"version-history":[{"count":11,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/posts\/3108\/revisions"}],"predecessor-version":[{"id":4589,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/posts\/3108\/revisions\/4589"}],"wp:attachment":[{"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/media?parent=3108"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/categories?post=3108"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/tags?post=3108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}