{"id":2909,"date":"2021-11-21T15:12:39","date_gmt":"2021-11-21T06:12:39","guid":{"rendered":"https:\/\/suzutukiblog.com\/?p=2909"},"modified":"2022-01-22T08:09:43","modified_gmt":"2022-01-21T23:09:43","slug":"rails-tutorial-7","status":"publish","type":"post","link":"https:\/\/suzutukiblog.com\/index.php\/2021\/11\/21\/rails-tutorial-7\/","title":{"rendered":"Rails-tutorial\u81ea\u5206\u7528\u307e\u3068\u3081(\u7b2c7\u7ae0\u30e6\u30fc\u30b6\u30fc\u767b\u9332 \u4e3b\u306b\u6f14\u7fd2\u3068\u305d\u306e\u56de\u7b54)"},"content":{"rendered":"

\u305d\u306e6\u304b\u3089\u7d9a\u304d\u307e\u3059<\/a><\/p>\n

7.1.1\u00a0<\/span>\u30c7\u30d0\u30c3\u30b0\u3068Rails\u74b0\u5883<\/h3>\n
\u30b5\u30a4\u30c8\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u306b\u30c7\u30d0\u30c3\u30b0\u60c5\u5831\u3092\u8ffd\u52a0\u3059\u308bapp\/views\/layouts\/application.html.erb<\/code><\/strong><\/span><\/div>\n
\n
\n
<!DOCTYPE html><\/span>\r\n<<\/span>html<\/span>><\/span>\r\n  .\r\n  .\r\n  .\r\n  <<\/span>body<\/span>><\/span>\r\n    <%=<\/span> render<\/span> 'layouts\/header'<\/span> %><\/span>\r\n    <<\/span>div<\/span> class<\/span>=<\/span>\"container\"<\/span>><\/span>\r\n      <%=<\/span> yield<\/span> %><\/span>\r\n      <%=<\/span> render<\/span> 'layouts\/footer'<\/span> %><\/span>\r\n      <%=<\/span> debug<\/span>(<\/span>params<\/span>)<\/span> if<\/span> Rails<\/span>.<\/span>env<\/span>.<\/span>development?<\/span> %><\/span>\r\n<\/span>    <\/<\/span>div<\/span>><\/span>\r\n  <\/<\/span>body<\/span>><\/span><\/strong><\/pre>\n<\/div>\n<\/div>\n
\u00a0\u30c7\u30d0\u30c3\u30b0\u8868\u793a\u3092\u6574\u5f62\u3059\u308b\u305f\u3081\u306e\u8ffd\u52a0\u3068\u3001Sass\u306e\u30df\u30c3\u30af\u30b9\u30a4\u30f3.<\/span><\/div>\n
app\/assets\/stylesheets\/custom.scss<\/code><\/strong><\/span><\/div>\n
\n
\n
@import<\/span> \"bootstrap-sprockets\"<\/span>;<\/span>\r\n@import<\/span> \"bootstrap\"<\/span>;<\/span>\r\n\r\n\/* mixins, variables, etc. *\/<\/span>\r\n\r\n$gray-medium-light<\/span>:<\/span> #eaeaea<\/span>;<\/span>\r\n\r\n@mixin<\/span> box_sizing<\/span> {<\/span><\/span>-moz-box-sizing<\/span>:<\/span>    border-box<\/span>;<\/span><\/span>-webkit-box-sizing<\/span>:<\/span> border-box<\/span>;<\/span><\/span>box-sizing<\/span>:<\/span>         border-box<\/span>;<\/span><\/span>}<\/span><\/span>.<\/span>\r\n.<\/span>\r\n.<\/span>\r\n\/*<\/span> miscellaneous<\/span> *\/<\/span><\/span>\r\n.debug_dump<\/span> {<\/span><\/span>clear<\/span>:<\/span> both<\/span>;<\/span><\/span>float<\/span>:<\/span> left<\/span>;<\/span><\/span>width<\/span>:<\/span> 100<\/span>%<\/span>;<\/span><\/span>margin-top<\/span>:<\/span> 45px<\/span>;<\/span><\/span><\/strong> -moz-box-sizing<\/span>:<\/span>    border-box<\/span>;<\/span>\r\n  -webkit-box-sizing<\/span>:<\/span> border-box<\/span>;<\/span>\r\n  box-sizing<\/span>:<\/span>         border-box<\/span>;\r\n<\/span><\/strong>}<\/span><\/span><\/strong><\/pre>\n<\/div>\n
\u6f14\u7fd2<\/h2>\n
1:\u30d6\u30e9\u30a6\u30b6\u304b\u3089 \/about \u306b\u30a2\u30af\u30bb\u30b9\u3057\u3001\u30c7\u30d0\u30c3\u30b0\u60c5\u5831\u304c\u8868\u793a\u3055\u308c\u3066\u3044\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/h3>\n
\u3053\u306e\u30da\u30fc\u30b8\u3092\u8868\u793a\u3059\u308b\u3068\u304d\u3001\u3069\u306e\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u3068\u30a2\u30af\u30b7\u30e7\u30f3\u304c\u4f7f\u308f\u308c
\n\u3066\u3044\u305f\u3067\u3057\u3087\u3046\u304b? params\u306e\u5185\u5bb9\u304b\u3089\u78ba\u8a8d\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/p>\n
controller: static_pages<\/strong>\r\naction: about<\/strong><\/pre>\n
2:Rails\u30b3\u30f3\u30bd\u30fc\u30eb\u3092\u958b\u304d\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u304b\u3089\u6700\u521d\u306e\u30e6\u30fc\u30b6\u30fc\u60c5\u5831\u3092\u53d6\u5f97\u3057\u3001\u5909\u6570user\u306b\u683c\u7d0d\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/h3>\n
\u305d\u306e\u5f8c\u3001puts user.attributes.to_yaml\u3092\u5b9f\u884c\u3059\u308b\u3068\u4f55\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u304b?
\n\u3053\u3053\u3067\u8868\u793a\u3055\u308c\u305f\u7d50\u679c\u3068\u3001y\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u3063\u305fy user.attributes\u306e\u5b9f\u884c\u7d50\u679c\u3092\u6bd4\u8f03\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/p>\n
user = User.first<\/strong><\/pre>\n
\u8868\u793a\u306f\u540c\u3058<\/p>\n
HTTP   \u30ea\u30af\u30a8\u30b9\u30c8URL  \u30a2\u30af\u30b7\u30e7\u30f3 \u540d\u524d\u4ed8\u304d\u30eb\u30fc\u30c8        \u7528\u9014<\/strong>\r\nGET    \/users       index   users_path     \u3059\u3079\u3066\u306e\u30e6\u30fc\u30b6\u30fc\u3092\u4e00\u89a7\u3059\u308b\u30da\u30fc\u30b8<\/strong>\r\nGET    \/users\/1     show    user_path(user) \u7279\u5b9a\u306e\u30e6\u30fc\u30b6\u30fc\u3092\u8868\u793a\u3059\u308b\u30da\u30fc\u30b8<\/strong>\r\nGET    \/users\/new   new     new_user_path  \u30e6\u30fc\u30b6\u30fc\u3092\u65b0\u898f\u4f5c\u6210\u3059\u308b\u30da\u30fc\u30b8 (\u30e6\u30fc\u30b6\u30fc\u767b\u9332)<\/strong>\r\nPOST   \/users       create  users_path     \u30e6\u30fc\u30b6\u30fc\u3092\u4f5c\u6210\u3059\u308b\u30a2\u30af\u30b7\u30e7\u30f3<\/strong>\r\nGET    \/users\/1\/    edit    edit edit_user_path(user) id=1\u306e\u30e6\u30fc\u30b6\u30fc\u3092\u7de8\u96c6\u3059\u308b\u30da\u30fc\u30b8<\/strong>\r\nPATCH  \/users\/1     update  user_path(user) \u30e6\u30fc\u30b6\u30fc\u3092\u66f4\u65b0\u3059\u308b\u30a2\u30af\u30b7\u30e7\u30f3<\/strong>\r\nDELETE \/users\/1     destroy user_path(user) \u30e6\u30fc\u30b6\u30fc\u3092\u524a\u9664\u3059\u308b\u30a2\u30af\u30b7\u30e7\u30f3<\/strong>\r\nUsers\u30ea\u30bd\u30fc\u30b9\u304c\u63d0\u4f9b\u3059\u308bRESTful\u306a\u30eb\u30fc\u30c8<\/strong><\/pre>\n
\u6f14\u7fd2<\/h3>\n
\u57cb\u3081\u8fbc\u307fRuby\u3092\u4f7f\u3063\u3066\u3001\u30de\u30b8\u30c3\u30af\u30ab\u30e9\u30e0 (created_at\u3068updated_at)
\n\u306e\u5024\u3092show\u30da\u30fc\u30b8\u306b\u8868\u793a\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u57cb\u3081\u8fbc\u307fRuby\u3092\u4f7f\u3063\u3066\u3001
\nTime.now\u306e\u7d50\u679c\u3092show\u30da\u30fc\u30b8\u306b\u8868\u793a\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002
\n\u30da\u30fc\u30b8\u3092\u66f4\u65b0\u3059\u308b\u3068\u3001\u305d\u306e\u7d50\u679c\u306f\u3069\u3046\u5909\u308f\u3063\u3066\u3044\u307e\u3059\u304b? \u78ba\u8a8d\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n
<%= @user.name %>, <%= @user.email %>,<\/strong>\r\n<%= @user.updated_at %>, <%= @user.created_at %>,<\/strong>\r\n<%= Time.now %><\/strong><\/pre>\n
<\/h3>\n
\u6f14\u7fd2<\/h2>\n
1:show\u30a2\u30af\u30b7\u30e7\u30f3\u306e\u4e2d\u306bdebugger\u3092\u5dee\u3057\u8fbc\u307f\u30d6\u30e9\u30a6\u30b6\u304b\u3089\/users\/1
\n\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/h3>\n
\u305d\u306e\u5f8c\u30b3\u30f3\u30bd\u30fc\u30eb\u306b\u79fb\u308a\u3001puts\u30e1\u30bd\u30c3\u30c9\u3092
\n\u4f7f\u3063\u3066params\u30cf\u30c3\u30b7\u30e5\u306e\u4e2d\u8eab\u3092YAML\u5f62\u5f0f\u3067\u8868\u793a\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/p>\n
a = params<\/strong>\r\n<ActionController::Parameters {\"controller\"=>\"users\", \"action\"=>\"show\", \"id\"=>\"1\"} permitted: false><\/strong>\r\n(byebug) puts a.to_yaml<\/strong>\r\n--- !ruby\/object:ActionController::Parameters<\/strong>\r\nparameters: !ruby\/hash:ActiveSupport::HashWithIndifferentAccess<\/strong>\r\ncontroller: users<\/strong>\r\naction: show<\/strong>\r\nid: '1'<\/strong>\r\npermitted: false<\/strong>\r\nnil<\/strong><\/pre>\n
2:new\u30a2\u30af\u30b7\u30e7\u30f3\u306e\u4e2d\u306bdebugger\u3092\u5dee\u3057\u8fbc\u307f\u3001\/users\/new \u306b\u30a2\u30af\u30bb\u30b9\u3057
\n\u3066\u307f\u307e\u3057\u3087\u3046\u3002@user\u306e\u5185\u5bb9\u306f\u3069\u306e\u3088\u3046\u306b\u306a\u3063\u3066\u3044\u308b\u3067\u3057\u3087\u3046\u304b?<\/h3>\n
@user<\/strong>\r\nnil<\/strong><\/pre>\n
Digest\u30e9\u30a4\u30d6\u30e9\u30ea\u306ehexdigest\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u3046\u3068\u3001
\nMD5\u306e\u30cf\u30c3\u30b7\u30e5\u5316\u304c\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002<\/p>\n
>> <\/span>email<\/span> =<\/span> \"MHARTL@example.COM\"<\/span>\r\n>> <\/span>Digest<\/span>::<\/span>MD5<\/span>::<\/span>hexdigest<\/span><\/strong>(<\/span>email<\/span>.<\/span>downcase<\/span>)<\/span>\r\n<\/span>=> \"1fda4469bcbec3badf5418269ffc5968\"<\/span><\/pre>\n
gravatar_for<\/code>\u30d8\u30eb\u30d1\u30fc\u30e1\u30bd\u30c3\u30c9\u3092\u5b9a\u7fa9\u3059\u308b<\/span><\/div>\n
app\/helpers\/users_helper.rb<\/code><\/strong><\/span><\/div>\n
\n
\n
module<\/span> UsersHelper<\/span>\r\n\r\n<\/strong>  # \u5f15\u6570\u3067\u4e0e\u3048\u3089\u308c\u305f\u30e6\u30fc\u30b6\u30fc\u306eGravatar\u753b\u50cf\u3092\u8fd4\u3059\r\n<\/span>  def<\/span> gravatar_for<\/span>(<\/span>user<\/span>)<\/span>\r\n    gravatar_id<\/span> =<\/span> Digest<\/span>::<\/span>MD5<\/span>::<\/span>hexdigest<\/span>(<\/span>user<\/span>.<\/span>email<\/span>.<\/span>downcase<\/span>)<\/span>\r\n    gravatar_url<\/span> =<\/span> \"https:\/\/secure.gravatar.com\/avatar\/<\/span>#{<\/span>gravatar_id<\/span>}<\/span>\"<\/span>\r\n    image_tag<\/span>(<\/span>gravatar_url<\/span>,<\/span> alt<\/span>:<\/span> user<\/span>.<\/span>name<\/span>,<\/span> class<\/span>:<\/span> \"gravatar\"<\/span>)<\/span>\r\n  end<\/span>\r\nend<\/span><\/strong><\/pre>\n<\/div>\n<\/div>\n
\u30e6\u30fc\u30b6\u30fc\u306e\u30b5\u30a4\u30c9\u30d0\u30fc\u306e\u6700\u521d\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u3092\u4f5c\u308a\u307e\u3057\u3087\u3046\u3002\u3053\u3053\u3067\u306faside\u30bf\u30b0\u3092\u4f7f\u3063\u3066\u5b9f\u88c5\u3057\u307e\u3059\u3002\u3053\u306e\u30bf\u30b0\u306f\u30b5\u30a4\u30c9\u30d0\u30fc\u306a\u3069\u306e\u88dc\u5b8c\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u8868\u793a\u306b\u4f7f\u308f\u308c\u307e\u3059\u304c\u3001\u5358\u72ec\u3067\u8868\u793a\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002row\u30af\u30e9\u30b9\u3068col-md-4\u30af\u30e9\u30b9\u3082\u8ffd\u52a0\u3057\u3066\u304a\u304d\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u30af\u30e9\u30b9\u306fBootstrap\u306e\u4e00\u90e8\u3067\u3059\u3002\u30e6\u30fc\u30b6\u30fc\u8868\u793a\u30da\u30fc\u30b8\u3092\u5909\u66f4\u3057\u305f\u7d50\u679c\u3092\u30ea\u30b9\u30c8 7.10\u306b\u793a\u3057\u307e\u3059\u3002<\/p>\n
show<\/code>\u30d3\u30e5\u30fc\u306b\u30b5\u30a4\u30c9\u30d0\u30fc\u3092\u8ffd\u52a0\u3059\u308bapp\/views\/users\/show.html.erb<\/code><\/strong><\/span><\/div>\n
\n
\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>aside<\/span>><\/span>\r\n<\/<\/span>div<\/span>><\/span><\/strong><\/pre>\n<\/div>\n<\/div>\n
SCSS\u3092\u4f7f\u3063\u3066\u30b5\u30a4\u30c9\u30d0\u30fc\u306a\u3069\u306e\u30e6\u30fc\u30b6\u30fc\u8868\u793a\u30da\u30fc\u30b8\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u4e0e\u3048\u308bapp\/assets\/stylesheets\/custom.scss<\/code><\/strong><\/span><\/div>\n
\n
\n
.<\/span>\r\n.<\/span>\r\n.<\/span>\r\n\/*<\/span> sidebar<\/span> *\/<\/span>\r\n\r\naside<\/span> {<\/span>\r\n  section<\/span>.user_info<\/span> {<\/span>\r\n    margin-top<\/span>:<\/span> 20px<\/span>;<\/span>\r\n  }<\/span>\r\n  section<\/span> {<\/span>\r\n    padding<\/span>:<\/span> 10px<\/span> 0<\/span>;<\/span>\r\n    margin-top<\/span>:<\/span> 20px<\/span>;<\/span>\r\n    &<\/span>:first-child<\/span> {<\/span>\r\n      border<\/span>:<\/span> 0<\/span>;<\/span>\r\n      padding-top<\/span>:<\/span> 0<\/span>;<\/span>\r\n    }<\/span>\r\n    span<\/span> {<\/span>\r\n      display<\/span>:<\/span> block<\/span>;<\/span>\r\n      margin-bottom<\/span>:<\/span> 3px<\/span>;<\/span>\r\n      line-height<\/span>:<\/span> 1<\/span>;<\/span>\r\n    }<\/span>\r\n    h1<\/span> {<\/span>\r\n      font-size<\/span>:<\/span> 1<\/span>.4em<\/span>;<\/span>\r\n      text-align<\/span>:<\/span> left<\/span>;<\/span>\r\n      letter-spacing<\/span>:<\/span> -1px<\/span>;<\/span>\r\n      margin-bottom<\/span>:<\/span> 3px<\/span>;<\/span>\r\n      margin-top<\/span>:<\/span> 0px<\/span>;<\/span>\r\n    }<\/span>\r\n  }<\/span>\r\n}<\/span>\r\n\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><\/strong><\/pre>\n<\/div>\n<\/div>\n
\u6f14\u7fd2<\/h3>\n
\u5b9a\u7fa9\u3057\u305fgravatar_for\u30d8\u30eb\u30d1\u30fc\u3092\u5909\u66f4\u3057\u3066\u3001
\nsize\u3092\u30aa\u30d7\u30b7\u30e7\u30f3\u5f15\u6570\u3068\u3057\u3066\u53d7\u3051\u53d6\u308c\u308b\u3088\u3046\u306b\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002
\n\u3046\u307e\u304f\u5909\u66f4\u3067\u304d\u308b\u3068\u3001gravatar_for user, size: 50\u3068\u3044\u3063\u305f\u547c\u3073\u51fa\u3057\u65b9\u304c\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002
\n\u91cd\u8981:\u3053\u306e\u6539\u5584\u3057\u305f\u30d8\u30eb\u30d1\u30fc\u306f10.3.1\u3067\u5b9f\u969b\u306b\u4f7f\u3044\u307e\u3059\u3002\u5fd8\u308c\u305a\u306b\u5b9f\u88c5\u3057\u3066\u304a\u304d\u307e\u3057\u3087\u3046<\/p>\n
gravatar_for<\/code>\u30d8\u30eb\u30d1\u30fc\u306b\u30aa\u30d7\u30b7\u30e7\u30f3\u5f15\u6570\u3092\u8ffd\u52a0\u3059\u308bapp\/helpers\/users_helper.rb<\/code><\/strong><\/span><\/div>\n
\n
\n
module<\/span> UsersHelper<\/span>\r\n\r\n<\/strong>  # \u5f15\u6570\u3067\u4e0e\u3048\u3089\u308c\u305f\u30e6\u30fc\u30b6\u30fc\u306eGravatar\u753b\u50cf\u3092\u8fd4\u3059\r\n<\/span>def<\/span> gravatar_for<\/span>(<\/span>user<\/span>,<\/span> options<\/span> =<\/span> {<\/span> size<\/span>:<\/span> 80<\/span> })<\/span><\/span> \r\n   gravatar_id<\/span> =<\/span> Digest<\/span>::<\/span>MD5<\/span>::<\/span>hexdigest<\/span>(<\/span>user<\/span>.<\/span>email<\/span>.<\/span>downcase<\/span>)<\/span>\r\nsize<\/span> =<\/span> options<\/span>[<\/span>:size<\/span>]\r\n<\/span><\/span>gravatar_url<\/span> =<\/span> \"https:\/\/secure.gravatar.com\/avatar\/<\/span>#{<\/span>gravatar_id<\/span>}<\/span>?s=<\/span>#{<\/span>size<\/span>}<\/span>\"<\/span><\/span> \r\n   image_tag<\/span>(<\/span>gravatar_url<\/span>,<\/span> alt<\/span>:<\/span> user<\/span>.<\/span>name<\/span>,<\/span> class<\/span>:<\/span> \"gravatar\"<\/span>)<\/span>\r\n  end<\/span>\r\nend<\/span><\/strong><\/pre>\n<\/div>\n<\/div>\n
3:\u30aa\u30d7\u30b7\u30e7\u30f3\u5f15\u6570\u306f\u4eca\u3067\u3082Ruby\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u3067\u4e00\u822c\u7684\u306b\u4f7f\u308f\u308c\u3066\u3044\u307e\u3059\u304c\u3001Ruby 2.0\u304b\u3089\u5c0e\u5165\u3055\u308c\u305f\u65b0\u6a5f\u80fd\u300c\u30ad\u30fc\u30ef\u30fc\u30c9\u5f15\u6570 (Keyword Arguments)<\/strong>\u300d\u3067\u3082\u5b9f\u73fe\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u5148\u307b\u3069\u5909\u66f4\u3057\u305f\u30ea\u30b9\u30c8\u3092\u7f6e\u304d\u63db\u3048\u3066\u3082\u3046\u307e\u304f\u52d5\u304f\u3053\u3068\u3092\u78ba\u8a8d\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002\u3053\u306e\uff12\u3064\u306e\u5b9f\u88c5\u65b9\u6cd5\u306f\u3069\u3046\u3044\u3063\u305f\u9055\u3044\u304c\u3042\u308b\u306e\u3067\u3057\u3087\u3046\u304b? \u8003\u3048\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n
gravatar_for<\/code>\u30d8\u30eb\u30d1\u30fc\u306b\u30ad\u30fc\u30ef\u30fc\u30c9\u5f15\u6570\u3092\u8ffd\u52a0\u3059\u308b<\/span><\/div>\n
app\/helpers\/users_helper.rb<\/strong><\/code><\/span><\/div>\n
\n
\n
module<\/span> UsersHelper<\/span>\r\n\r\n<\/strong>  # \u5f15\u6570\u3067\u4e0e\u3048\u3089\u308c\u305f\u30e6\u30fc\u30b6\u30fc\u306eGravatar\u753b\u50cf\u3092\u8fd4\u3059\r\n<\/span>  def<\/span> gravatar_for<\/span>(<\/span>user<\/span>,<\/span> size<\/span>:<\/span> 80<\/span>)\r\n<\/span><\/span>    gravatar_id<\/span> =<\/span> Digest<\/span>::<\/span>MD5<\/span>::<\/span>hexdigest<\/span>(<\/span>user<\/span>.<\/span>email<\/span>.<\/span>downcase<\/span>)<\/span>\r\n    gravatar_url<\/span> =<\/span> \"https:\/\/secure.gravatar.com\/avatar\/<\/span>#{<\/span>gravatar_id<\/span>}<\/span>?s=<\/span>#{<\/span>size<\/span>}<\/span>\"<\/span>\r\n    image_tag<\/span>(<\/span>gravatar_url<\/span>,<\/span> alt<\/span>:<\/span> user<\/span>.<\/span>name<\/span>,<\/span> class<\/span>:<\/span> \"gravatar\"<\/span>)<\/span>\r\n  end<\/span>\r\nend<\/span><\/strong><\/pre>\n<\/div>\n<\/div>\n
7.2.1\u00a0<\/span>form_for<\/code><\/strong>\u3092\u4f7f\u7528\u3059\u308b<\/h3>\n
new<\/code>\u30a2\u30af\u30b7\u30e7\u30f3\u306b@user<\/code>\u5909\u6570\u3092\u8ffd\u52a0\u3059\u308b<\/span><\/div>\n
app\/controllers\/users_controller.rb<\/strong><\/code><\/span><\/div>\n
\n
\n
class<\/span> UsersController<\/span> <<\/span> ApplicationController<\/span>\r\n\r\n  def<\/span> show<\/span>\r\n    @user<\/span> =<\/span> User<\/span>.<\/span>find<\/span>(<\/span>params<\/span>[<\/span>:id<\/span>]<\/span>)<\/span>\r\n  end<\/span>\r\n\r\n  def<\/span> new<\/span>\r\n    @user<\/span> =<\/span> User<\/span>.<\/span>new<\/span>\r\n<\/span>  end<\/span>\r\nend<\/span><\/strong><\/pre>\n<\/div>\n<\/div>\n
\u65b0\u898f\u30e6\u30fc\u30b6\u30fc\u306e\u305f\u3081\u306e\u30e6\u30fc\u30b6\u30fc\u767b\u9332\u30d5\u30a9\u30fc\u30e0<\/span><\/div>\n
app\/views\/users\/new.html.erb<\/code><\/strong><\/span><\/div>\n
\n
\n
<%<\/span> provide<\/span>(<\/span>:title<\/span>,<\/span> 'Sign up'<\/span>)<\/span> %><\/span>\r\n<<\/span>h1<\/span>><\/span>Sign up<\/<\/span>h1<\/span>><\/span>\r\n\r\n<<\/span>div<\/span> class<\/span>=<\/span>\"row\"<\/span>><\/span>\r\n  <<\/span>div<\/span> class<\/span>=<\/span>\"col-md-6 col-md-offset-3\"<\/span>><\/span>\r\n    <%=<\/span> form_for<\/span>(<\/span>@user<\/span>)<\/span> do<\/span> |<\/span>f<\/span>|<\/span> %><\/span>\r\n      <%=<\/span> f<\/span>.<\/span>label<\/span> :name<\/span> %><\/span>\r\n      <%=<\/span> f<\/span>.<\/span>text_field<\/span> :name<\/span> %><\/span>\r\n\r\n      <%=<\/span> f<\/span>.<\/span>label<\/span> :email<\/span> %><\/span>\r\n      <%=<\/span> f<\/span>.<\/span>email_field<\/span> :email<\/span> %><\/span>\r\n\r\n      <%=<\/span> f<\/span>.<\/span>label<\/span> :password<\/span> %><\/span>\r\n      <%=<\/span> f<\/span>.<\/span>password_field<\/span> :password<\/span> %><\/span>\r\n\r\n      <%=<\/span> f<\/span>.<\/span>label<\/span> :password_confirmation<\/span>,<\/span> \"Confirmation\"<\/span> %><\/span>\r\n      <%=<\/span> f<\/span>.<\/span>password_field<\/span> :password_confirmation<\/span> %><\/span>\r\n\r\n      <%=<\/span> f<\/span>.<\/span>submit<\/span> \"Create my account\"<\/span>,<\/span> class<\/span>:<\/span> \"btn btn-primary\"<\/span> %><\/span>\r\n    <%<\/span> end<\/span> %><\/span>\r\n  <\/<\/span>div<\/span>><\/span>\r\n<\/<\/span>div<\/span>><\/span><\/strong><\/pre>\n<\/div>\n<\/div>\n
\u30e6\u30fc\u30b6\u30fc\u767b\u9332\u30d5\u30a9\u30fc\u30e0\u306eCSS<\/span><\/div>\n
app\/assets\/stylesheets\/custom.scss<\/code><\/strong><\/span><\/div>\n
\n
\n
.<\/span>\r\n.<\/span>\r\n.<\/span>\r\n\/*<\/span> forms<\/span> *\/<\/span>\r\n\r\ninput<\/span>,<\/span> textarea<\/span>,<\/span> select<\/span>,<\/span> .uneditable-input<\/span> {<\/span>\r\n  border<\/span>:<\/span> 1px<\/span> solid<\/span> #bbb<\/span>;<\/span>\r\n  width<\/span>:<\/span> 100<\/span>%<\/span>;<\/span>\r\n  margin-bottom<\/span>:<\/span> 15px<\/span>;<\/span>\r\n  @<\/span>include<\/span> box_sizing<\/span>;<\/span>\r\n}<\/span>\r\n\r\ninput<\/span> {<\/span>\r\n  height<\/span>:<\/span> auto<\/span> !<\/span>important<\/span>;<\/span>\r\n}<\/span><\/strong><\/pre>\n<\/div>\n<\/div>\n
\u6f14\u7fd2<\/h3>\n
\u8a66\u3057\u306b\u3001\u30ea\u30b9\u30c8\u00a07.15<\/span><\/a>\u306b\u3042\u308b:name<\/code>\u3092:nome<\/code>\u306b\u7f6e\u304d\u63db\u3048\u3066\u307f\u307e\u3057\u3087\u3046\u3002\u3069\u3093\u306a\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u304c\u8868\u793a\u3055\u308c\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u304b?<\/span><\/p>\n
undefined method `nome'<\/strong><\/pre>\n
\u8a66\u3057\u306b\u3001\u30d6\u30ed\u30c3\u30af\u306e\u5909\u6570f<\/code>\u3092\u3059\u3079\u3066foobar<\/code>\u306b\u7f6e\u304d\u63db\u3048\u3066\u307f\u3066\u3001\u7d50\u679c\u304c\u5909\u308f\u3089\u306a\u3044\u3053\u3068\u3092\u78ba\u8a8d\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002\u78ba\u304b\u306b\u7d50\u679c\u306f\u5909\u308f\u308a\u307e\u305b\u3093\u304c\u3001\u5909\u6570\u540d\u3092foobar<\/code>\u3068\u3059\u308b\u306e\u306f\u3042\u307e\u308a\u826f\u3044\u5909\u66f4\u3067\u306f\u306a\u3055\u305d\u3046\u3067\u3059\u306d\u3002\u305d\u306e\u7406\u7531\u306b\u3064\u3044\u3066\u8003\u3048\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n
\u5909\u6570f\u306f \u201cform\u201d \u306ef\u3092\u4f7f\u7528\u3057\u3066\u3044\u308b\u3002”f.label”\u7b49\u304cHTML\u30d5\u30a9\u30fc\u30e0\u8981\u7d20\u306b\u5bfe\u5fdc\u3059\u308b\u3053\u3068\u304c\u308f\u304b\u308b\u3088\u3046\u306b\u3059\u308b\u3002”foobar”\u306f\u30e1\u30bf\u69cb\u6587\u5909\u6570\uff08\u610f\u5473\u3092\u6301\u305f\u306a\u3044\u540d\u524d\uff09\u3068\u3057\u3066\u8a8d\u8b58\u3055\u308c\u308b\u305f\u3081\u9069\u3055\u306a\u3044\u3002\u307b\u304b\u306fhoge\u3068\u304bhuga\u3068\u304b<\/p>\n
7.2.2\u00a0<\/span>\u30d5\u30a9\u30fc\u30e0HTML<\/h3>\n
\u3053\u308c\u307e\u3067\u898b\u3066\u304d\u305f\u6b21\u306e\u3088\u3046\u306a\u30b3\u30fc\u30c9 (\u30de\u30b9\u30a2\u30b5\u30a4\u30f3\u30e1\u30f3\u30c8\u3068\u547c\u3073\u307e\u3059) \u306f\u3001<\/p>\n
@user = User.new(params[:user])<\/strong><\/pre>\n
\u5b9f\u969b\u306b\u306f\u3053\u306e\u3088\u3046\u306a\u30b3\u30fc\u30c9\u3068\u307b\u307c\u540c\u3058\u3067\u3042\u308b\u3001\u3068\u3044\u3046\u3053\u3068\u3067\u3059\u3002<\/p>\n
@user = User.new(name: \"Foo Bar\", email: \"foo@invalid\",<\/strong>\r\npassword: \"foo\", password_confirmation: \"bar\")<\/strong><\/pre>\n
\u6f14\u7fd2<\/h3>\n
\/signup?admin=1 \u306b\u30a2\u30af\u30bb\u30b9\u3057\u3001params\u306e\u4e2d\u306badmin\u5c5e\u6027\u304c\u542b\u307e\u308c\u3066\u3044\u308b\u3053\u3068\u3092\u30c7\u30d0\u30c3\u30b0\u60c5\u5831\u304b\u3089\u78ba\u8a8d\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/p>\n
Sass\u306e@extend\u95a2\u6570\u3092\u4f7f\u3063\u3066Bootstrap\u306ehas-error\u3068\u3044\u3046CSS\u30af\u30e9\u30b9\u3092\u9069\u7528\u3057\u3066\u307f\u307e\u3059\u3002<\/p>\n
#error_explanation {<\/strong>\r\n  color: red;<\/strong>\r\n\r\n  ul {<\/strong>\r\n    color: red;<\/strong>\r\n    margin: 0 0 30px 0;<\/strong>\r\n  }<\/strong>\r\n }<\/strong>\r\n\r\n.field_with_errors {<\/strong>\r\n   @extend .has-error;\r\n<\/strong>\r\n .form-control {<\/strong>\r\n    color: $state-danger-text;<\/strong>\r\n  }<\/strong>\r\n}<\/strong><\/pre>\n
\u6f14\u7fd2<\/strong><\/p>\n
1:\u30ea\u30b9\u30c8 7.20\u3067\u5b9f\u88c5\u3057\u305f\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u306b\u5bfe\u3059\u308b\u30c6\u30b9\u30c8\u3092\u66f8\u3044\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002\u3069\u306e\u304f\u3089\u3044\u7d30\u304b\u304f\u30c6\u30b9\u30c8\u3059\u308b\u304b\u306f\u304a\u4efb\u305b\u3057\u307e\u3059\u3002\u30ea\u30b9\u30c8 7.25\u306b\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u7528\u610f\u3057\u3066\u304a\u3044\u305f\u306e\u3067\u3001\u53c2\u8003\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n
users_signup_test.rb\r\n\r\nrequire<\/span> '<\/span>test_helper<\/span>'<\/span>\r\n\r\nclass<\/span> UsersSignupTest<\/span> < ActionDispatch<\/span>::IntegrationTest<\/span>\r\n\r\n  test \"<\/span>invalid signup information<\/span>\"<\/span> do<\/span>\r\n    get signup_path\r\n\r\n\uff08\u4e2d\u7565\uff09\r\n\r\n    assert_template '<\/span>users\/new<\/span>'<\/span>\r\n    assert_select '<\/span>div#error_explanation<\/span>'<\/span>\r\n    assert_select '<\/span>div.alert<\/span>'<\/span>   \r\n  end<\/span>\r\nend<\/span><\/strong><\/pre>\n
2:\u30e6\u30fc\u30b6\u30fc\u767b\u9332\u30d5\u30a9\u30fc\u30e0\u306eURL\u306f \/signup \u3067\u3059\u304c\u3001\u7121\u52b9\u306a\u30e6\u30fc\u30b6\u30fc\u767b\u9332\u30c7\u30fc\u30bf\u3092\u9001\u4ed8\u3059\u308b\u3068URL\u304c \/users \u306b\u5909\u308f\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3002\u3053\u308c\u306f\u30ea\u30b9\u30c8 5.43\u3067\u8ffd\u52a0\u3057\u305f\u540d\u524d\u4ed8\u304d\u30eb\u30fc\u30c8 (\/signup) \u3068\u3001RESTful\u306a\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0 (\u30ea\u30b9\u30c8 7.3) \u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u8a2d\u5b9a\u3068\u306e\u5dee\u7570\u306b\u3088\u3063\u3066\u751f\u3058\u305f\u7d50\u679c\u3067\u3059\u3002\u30ea\u30b9\u30c8 7.26\u3068\u30ea\u30b9\u30c8 7.27\u306e\u5185\u5bb9\u3092\u53c2\u8003\u306b\u3001\u3053\u306e\u554f\u984c\u3092\u89e3\u6c7a\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002\u3046\u307e\u304f\u3044\u3051\u3070\u3069\u3061\u3089\u306eURL\u3082 \/signup \u306b\u306a\u308b\u306f\u305a\u3067\u3059\u3002\u3042\u308c\u3001\u3067\u3082\u30c6\u30b9\u30c8\u306f green\u306e\u307e\u307e\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u306d…\u3001\u306a\u305c\u3067\u3057\u3087\u3046\u304b? (\u8003\u3048\u3066\u307f\u3066\u304f\u3060\u3055\u3044)<\/p>\n
\u30e6\u30fc\u30b6\u30fc\u767b\u9332\u306e\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306bPOST<\/code>\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u8ffd\u52a0\u3059\u308bconfig\/routes.rb<\/code><\/strong><\/p>\n
  post<\/span> '\/signup'<\/span>,<\/span>  to<\/span>:<\/span> 'users#create'<\/span><\/span><\/strong><\/pre>\n
\u00a0\/signup \u306b\u5bfe\u3057\u3066\u9001\u4fe1\u3059\u308bapp\/views\/users\/new.html.erb<\/code><\/span><\/div>\n
\n
\n
<%<\/span> provide<\/span>(<\/span>:title<\/span>,<\/span> 'Sign up'<\/span>)<\/span> %><\/span>\r\n<<\/span>h1<\/span>><\/span>Sign up<\/<\/span>h1<\/span>><\/span>\r\n\r\n<<\/span>div<\/span> class<\/span>=<\/span>\"row\"<\/span>><\/span>\r\n  <<\/span>div<\/span> class<\/span>=<\/span>\"col-md-6 col-md-offset-3\"<\/span>><\/span>\r\n    <%=<\/span> form_for<\/span>(<\/span>@user<\/span>,<\/span> url<\/span>:<\/span> signup_path<\/span>)<\/span> do<\/span> |<\/span>f<\/span>|<\/span> %><\/span>\r\n<\/span>      <%=<\/span> render<\/span> 'shared\/error_messages'<\/span> %><\/span>\r\n\r\n      <%=<\/span> f<\/span>.<\/span>label<\/span> :name<\/span> %><\/span>\r\n      <%=<\/span> f<\/span>.<\/span>text_field<\/span> :name<\/span>,<\/span> class<\/span>:<\/span> 'form-control'<\/span> %><\/span>\r\n\r\n      <%=<\/span> f<\/span>.<\/span>label<\/span> :email<\/span> %><\/span>\r\n      <%=<\/span> f<\/span>.<\/span>email_field<\/span> :email<\/span>,<\/span> class<\/span>:<\/span> 'form-control'<\/span> %><\/span>\r\n\r\n      <%=<\/span> f<\/span>.<\/span>label<\/span> :password<\/span> %><\/span>\r\n      <%=<\/span> f<\/span>.<\/span>password_field<\/span> :password<\/span>,<\/span> class<\/span>:<\/span> 'form-control'<\/span> %><\/span>\r\n\r\n      <%=<\/span> f<\/span>.<\/span>label<\/span> :password_confirmation<\/span>,<\/span> \"Confirmation\"<\/span> %><\/span>\r\n      <%=<\/span> f<\/span>.<\/span>password_field<\/span> :password_confirmation<\/span>,<\/span> class<\/span>:<\/span> 'form-control'<\/span> %><\/span>\r\n\r\n      <%=<\/span> f<\/span>.<\/span>submit<\/span> \"Create my account\"<\/span>,<\/span> class<\/span>:<\/span> \"btn btn-primary\"<\/span> %><\/span>\r\n    <%<\/span> end<\/span> %><\/span>\r\n  <\/<\/span>div<\/span>><\/span>\r\n<\/<\/span>div<\/span>><\/span><\/strong><\/pre>\n<\/div>\n<\/div>\n
\u3044\u305a\u308c\u306eURL\u3082 \/signup \u3068\u306a\u308b\u3002<\/p>\n
3:\u30ea\u30b9\u30c8 7.25\u306epost\u90e8\u5206\u3092\u5909\u66f4\u3057\u3066\u3001\u5148\u307b\u3069\u306e\u6f14\u7fd2\u8ab2\u984c\u3067\u4f5c\u3063\u305f\u65b0\u3057\u3044URL (\/signup) \u306b\u5408\u308f\u305b\u3066\u307f\u307e\u3057\u3087\u3046\u3002\u307e\u305f\u3001\u30c6\u30b9\u30c8\u304c green\u306e\u307e\u307e\u306b\u306a\u3063\u3066\u3044\u308b\u70b9\u3082\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n
users_signup_test.rb\r\n\r\nrequire<\/span> '<\/span>test_helper<\/span>'<\/span>\r\n\r\nclass<\/span> UsersSignupTest<\/span> < ActionDispatch<\/span>::IntegrationTest<\/span>\r\n\r\n  test \"<\/span>invalid signup information<\/span>\"<\/span> do<\/span>\r\n    get signup_path\r\n    assert_no_difference '<\/span>User.count<\/span>'<\/span> do<\/span>\r\n      post signup_path, params<\/span>: { user<\/span>: { name<\/span>:  \"\"<\/span>,\r\n\uff08\u5f8c\u7565\uff09<\/strong><\/pre>\n
4:\u30ea\u30b9\u30c8 7.27\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4ee5\u524d\u306e\u72b6\u614b\u306b\u623b\u3057\u3066\u307f\u3066\u3001\u30c6\u30b9\u30c8\u304c\u3084\u306f\u308a green\u306b\u306a\u3063\u3066\u3044\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u3053\u308c\u306f\u554f\u984c\u3067\u3059! \u306a\u305c\u306a\u3089\u3001\u73fe\u5728post\u304c\u9001\u4fe1\u3055\u308c\u3066\u3044\u308bURL\u306f\u6b63\u3057\u304f\u306a\u3044\u306e\u3067\u3059\u304b\u3089\u3002assert_select\u3092\u4f7f\u3063\u305f\u30c6\u30b9\u30c8\u3092\u30ea\u30b9\u30c8 7.25\u306b\u8ffd\u52a0\u3057\u3001\u3053\u306e\u30d0\u30b0\u3092\u691c\u77e5\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u3066\u307f\u307e\u3057\u3087\u3046 (\u30c6\u30b9\u30c8\u3092\u8ffd\u52a0\u3057\u3066 red\u306b\u306a\u308c\u3070\u6210\u529f\u3067\u3059)\u3002\u305d\u306e\u5f8c\u3001\u5909\u66f4\u5f8c\u306e\u30d5\u30a9\u30fc\u30e0 (\u30ea\u30b9\u30c8 7.27) \u306b\u623b\u3057\u3066\u307f\u3066\u3001\u30c6\u30b9\u30c8\u304c green \u306b\u306a\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002\u30d2\u30f3\u30c8: \u30d5\u30a9\u30fc\u30e0\u304b\u3089\u9001\u4fe1\u3057\u3066\u30c6\u30b9\u30c8\u3059\u308b\u306e\u3067\u306f\u306a\u304f\u3001’form[action=”\/signup”]’\u3068\u3044\u3046\u90e8\u5206\u304c\u5b58\u5728\u3059\u308b\u304b\u3069\u3046\u304b\u306b\u7740\u76ee\u3057\u3066\u30c6\u30b9\u30c8\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/p>\n
\u30ea\u30b9\u30c8 7.27\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4ee5\u524d\u306e\u72b6\u614b (\u30ea\u30b9\u30c8 7.20) \u306b\u623b\u3057\u3066\u3082\u30c6\u30b9\u30c8\u306fGREEN\u3002<\/p>\n
7.4.2\u00a0<\/span>flash<\/h3>\n
flash\u3068\u3044\u3046\u7279\u6b8a\u306a\u5909\u6570\u3092\u4f7f\u3044\u307e\u3059\u3002\u3053\u306e\u5909\u6570\u306f\u30cf\u30c3\u30b7\u30e5\u306e\u3088\u3046\u306b\u6271\u3044\u307e\u3059\u3002Rails\u306e\u4e00\u822c\u7684\u306a\u6163\u7fd2\u306b\u5023\u3063\u3066\u3001:success\u3068\u3044\u3046\u30ad\u30fc\u306b\u306f\u6210\u529f\u6642\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u4ee3\u5165\u3059\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/p>\n
\u6f14\u7fd2<\/h3>\n
1:\u30b3\u30f3\u30bd\u30fc\u30eb\u306b\u79fb\u308a\u3001\u6587\u5b57\u5217\u5185\u306e\u5f0f\u5c55\u958b (4.2.2) \u3067\u30b7\u30f3\u30dc\u30eb\u3092\u547c\u3073\u51fa\u3057\u3066\u307f\u307e\u3057\u3087\u3046
\n\u4f8b\u3048\u3070”#{:success}”\u3068\u3044\u3063\u305f\u30b3\u30fc\u30c9\u3092\u5b9f\u884c\u3059\u308b\u3068\u3001\u3069\u3093\u306a\u5024\u304c\u8fd4\u3063\u3066\u304d\u307e\u3059\u304b?<\/p>\n
\"#{:success}\"<\/strong>\r\n=> \"success\"<\/strong><\/pre>\n
2:\u5148\u307b\u3069\u306e\u6f14\u7fd2\u3067\u8a66\u3057\u305f\u7d50\u679c\u3092\u53c2\u8003\u306b\u3001\u30ea\u30b9\u30c8 7.30\u306eflash\u306f\u3069\u306e\u3088\u3046\u306a\u7d50\u679c\u306b\u306a\u308b\u304b\u8003\u3048\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n
flash = { success: \"It worked!\", danger: \"It failed.\" }<\/strong>\r\n\"#{flash[:success]}\"<\/strong>\r\n=> \"It worked!\"<\/strong>\r\n>> \"#{flash[:danger]}\"<\/strong>\r\n=> \"It failed.\"<\/strong><\/pre>\n
\u6f14\u7fd2<\/h2>\n
1:Rails\u30b3\u30f3\u30bd\u30fc\u30eb\u3092\u4f7f\u3063\u3066\u3001\u65b0\u3057\u3044\u30e6\u30fc\u30b6\u30fc\u304c\u672c\u5f53\u306b\u4f5c\u6210\u3055\u308c\u305f\u306e\u304b\u3082\u3046\u4e00\u5ea6\u30c1\u30a7\u30c3\u30af\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002\u7d50\u679c\u306f\u3001\u30ea\u30b9\u30c8 7.32\u306e\u3088\u3046\u306b\u306a\u308b\u306f\u305a\u3067\u3059\u3002<\/h3>\n
\u52d5\u4f5c\u78ba\u8a8d\u3059\u308b\u3060\u3051<\/p>\n
2:\u81ea\u5206\u306e\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3067\u30e6\u30fc\u30b6\u30fc\u767b\u9332\u3092\u8a66\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002\u65e2\u306bGravatar\u306b\u767b\u9332\u3057\u3066\u3044\u308b\u5834\u5408\u3001\u9069\u5207\u306a\u753b\u50cf\u304c\u8868\u793a\u3055\u308c\u3066\u3044\u308b\u304b\u78ba\u8a8d\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<\/h3>\n
\u52d5\u4f5c\u78ba\u8a8d\u3059\u308b\u3060\u3051<\/p>\n
\u6f14\u7fd2<\/h3>\n
1:\u5b9f\u88c5\u3057\u305fflash\u306b\u5bfe\u3059\u308b\u30c6\u30b9\u30c8\u3092\u66f8\u3044\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002\u3069\u306e\u304f\u3089\u3044\u7d30\u304b\u304f\u30c6\u30b9\u30c8\u3059\u308b
\n\u304b\u306f\u304a\u4efb\u305b\u3002\u30ea\u30b9\u30c8 7.34\u306b\u6700\u5c0f\u9650\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u7528\u610f\u3057\u3066\u304a\u3044\u305f\u306e\u3067\u3001\u53c2\u8003\u306b\u3057\u3066\u304f\u3060\u3055\u3044 (FILL_IN\u306e\u90e8\u5206\u3092\u9069\u5207\u306a\u30b3\u30fc\u30c9\u306b\u7f6e\u304d\u63db\u3048\u308b\u3068\u5b8c\u6210\u3057\u307e\u3059)\u3002
\n\u30c6\u30ad\u30b9\u30c8\u306b\u5bfe\u3059\u308b\u30c6\u30b9\u30c8\u306f\u58ca\u308c\u3084\u3059\u3044\u3067\u3059\u3002\u6587\u91cf\u306e\u5c11\u306a\u3044flash\u306e\u30ad\u30fc\u3067\u3042\u3063\u3066\u3082\u3001\u305d\u308c\u306f\u540c\u3058\u3067\u3059\u3002\u7b46\u8005\u306e\u5834\u5408\u3001flash\u304c\u7a7a\u3067\u306a\u3044\u304b\u3092\u30c6\u30b9\u30c8\u3059\u308b\u3060\u3051\u306e\u5834\u5408\u304c\u591a\u3044\u3067\u3059\u3002<\/p>\n
users_signup_test.rb\r\n\r\nrequire<\/span> '<\/span>test_helper<\/span>'<\/span>\r\nclass<\/span> UsersSignupTest<\/span> < ActionDispatch<\/span>::IntegrationTest<\/span>\r\n\uff08\u4e2d\u7565\uff09\r\n  test \"<\/span>valid signup information<\/span>\"<\/span> do<\/span>\r\n\uff08\u4e2d\u7565\uff09\r\n    assert_not flash.empty?    \r\n  end<\/span>  \r\nend<\/span><\/strong><\/pre>\n
2:\u672c\u6587\u4e2d\u3067\u3082\u6307\u6458\u3057\u307e\u3057\u305f\u304c\u3001flash\u7528\u306eHTML\u306f\u8aad\u307f\u306b\u304f\u3044\u3067\u3059\u3002\u3088\u308a\u8aad\u307f\u3084\u3059\u304f\u3057\u305f\u30ea\u30b9\u30c8 7.35\u306e\u30b3\u30fc\u30c9\u306b\u5909\u66f4\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002\u5909\u66f4\u304c\u7d42\u308f\u3063\u305f\u3089\u30c6\u30b9\u30c8\u30b9\u30a4\u30fc\u30c8\u3092\u5b9f\u884c\u3057\u3001\u6b63\u5e38\u306b\u52d5\u4f5c\u3059\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u306a\u304a\u3001\u3053\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001Rails\u306econtent_tag\u3068\u3044\u3046\u30d8\u30eb\u30d1\u30fc\u3092\u4f7f\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n
app\/views\/layouts\/application.html.erb<\/code><\/span><\/strong><\/div>\n
\n
\n
<!DOCTYPE html><\/span>\r\n<<\/span>html<\/span>><\/span>\r\n      .\r\n      .\r\n      .\r\n      <%<\/span> flash<\/span>.<\/span>each<\/span> do<\/span> |<\/span>message_type<\/span>,<\/span> message<\/span>|<\/span> %><\/span>\r\n        <%=<\/span> content_tag<\/span>(<\/span>:div<\/span>,<\/span> message<\/span>,<\/span> class<\/span>:<\/span> \"alert alert-<\/span>#{<\/span>message_type<\/span>}<\/span>\"<\/span>)<\/span> %><\/span>\r\n<\/span>      <%<\/span> end<\/span> %><\/span>\r\n      .\r\n      .\r\n      .\r\n<\/<\/span>html<\/span>><\/span><\/strong><\/pre>\n<\/div>\n<\/div>\n
3:\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u306e\u884c\u3092\u30b3\u30e1\u30f3\u30c8\u30a2\u30a6\u30c8\u3059\u308b\u3068\u3001\u30c6\u30b9\u30c8\u304c\u5931\u6557\u3059\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/p>\n
\u4fdd\u5b58\u3068\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u3092\u884c\u3046\u3001user\u306ecreate<\/code>\u30a2\u30af\u30b7\u30e7\u30f3app\/controllers\/users_controller.rb<\/code><\/strong><\/span><\/div>\n
\n
\n
class<\/span> UsersController<\/span> <<\/span> ApplicationController<\/span>\r\n  .<\/span>\r\n  .<\/span>\r\n  .<\/span>\r\n  def<\/span> create<\/span>\r\n    @user<\/span> =<\/span> User<\/span>.<\/span>new<\/span>(<\/span>user_params<\/span>)<\/span>\r\n    if<\/span> @user<\/span>.<\/span>save<\/span>\r\n      #redirect_to<\/span> @user<\/span>\r\n<\/span>    else<\/span>\r\n      render<\/span> 'new'<\/span>\r\n    end<\/span>\r\n  end<\/span><\/strong><\/pre>\n<\/div>\n<\/div>\n
4:\u30ea\u30b9\u30c8 7.28\u3067\u3001@user.save\u306e\u90e8\u5206\u3092false\u306b\u7f6e\u304d\u63db\u3048\u305f\u3068\u3057\u307e\u3057\u3087\u3046 (\u30d0\u30b0\u3092\u57cb\u3081\u8fbc\u3093\u3067\u3057\u307e\u3063\u305f\u3068\u4eee\u5b9a\u3057\u3066\u304f\u3060\u3055\u3044)\u3002\u3053\u306e\u3068\u304d\u3001assert_difference\u306e\u30c6\u30b9\u30c8\u3067\u306f\u3069\u306e\u3088\u3046\u306b\u3057\u3066\u3053\u306e\u30d0\u30b0\u3092\u691c\u77e5\u3059\u308b\u3067\u3057\u3087\u3046\u304b? \u30c6\u30b9\u30c8\u30b3\u30fc\u30c9\u3092\u8ffd\u3063\u3066\u8003\u3048\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n
\u4fdd\u5b58\u3068\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u3092\u884c\u3046\u3001user\u306ecreate<\/code>\u30a2\u30af\u30b7\u30e7\u30f3app\/controllers\/users_controller.rb<\/code><\/strong><\/span><\/div>\n
\n
\n
class<\/span> UsersController<\/span> <<\/span> ApplicationController<\/span>\r\n  .<\/span>\r\n  .<\/span>\r\n  .<\/span>\r\n  def<\/span> create<\/span>\r\n    @user<\/span> =<\/span> User<\/span>.<\/span>new<\/span>(<\/span>user_params<\/span>)<\/span>\r\n    if<\/span> @user<\/span>.false\r\n<\/span>\u00a0     redirect_to<\/span> @user<\/span>\r\n<\/span>    else<\/span>\r\n      render<\/span> 'new'<\/span>\r\n    end<\/span>\r\n  end<\/span>\r\n\r\n  private<\/span>\r\n\r\n    def<\/span> user_params<\/span>\r\n      params<\/span>.<\/span>require<\/span>(<\/span>:user<\/span>)<\/span>.<\/span>permit<\/span>(<\/span>:name<\/span>,<\/span> :email<\/span>,<\/span> :password<\/span>,<\/span>\r\n                                   :password_confirmation<\/span>)<\/span>\r\n    end<\/span>\r\nend<\/span><\/strong><\/pre>\n<\/div>\n<\/div>\n
7\u7ae0\u306e\u307e\u3068\u3081<\/h3>\n
1\uff1adebug\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u3046\u3053\u3068\u3067\u3001\u5f79\u7acb\u3064\u30c7\u30d0\u30c3\u30b0\u60c5\u5831\u3092\u8868\u793a\u3067\u304d\u308b<\/h4>\n
2\uff1aSass\u306emixin\u6a5f\u80fd\u3092\u4f7f\u3046\u3068\u3001CSS\u306e\u30eb\u30fc\u30eb\u3092\u307e\u3068\u3081\u305f\u308a\u4ed6\u306e\u5834\u6240\u3067\u518d\u5229\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308b<\/h4>\n
3\uff1aRails\u306b\u306f\u6a19\u6e96\u30673\u3064\u74b0\u5883\u304c\u5099\u308f\u3063\u3066\u304a\u308a\u3001\u305d\u308c\u305e\u308c\u958b\u767a\u74b0\u5883 (development)\u3001\u30c6\u30b9\u30c8\u74b0\u5883 (test)\u3001\u672c\u756a\u74b0\u5883 (production)\u3068\u547c\u3076<\/h4>\n
4\uff1a\u6a19\u6e96\u7684\u306aRESTful\u306aURL\u3092\u901a\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u60c5\u5831\u3092\u30ea\u30bd\u30fc\u30b9\u3068\u3057\u3066\u6271\u3048\u308b\u3088\u3046\u306b\u306a\u3063\u305f<\/h4>\n
5\uff1aGravatar\u3092\u4f7f\u3046\u3068\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u753b\u50cf\u3092\u7c21\u5358\u306b\u8868\u793a\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308b<\/h4>\n
6\uff1a\u30e6\u30fc\u30b6\u30fc\u767b\u9332\u306b\u5931\u6557\u3057\u305f\u5834\u5408\u306fnew\u30d3\u30e5\u30fc\u3092\u518d\u63cf\u753b\u3059\u308b\u3088\u3046\u306b\u3057\u305f\u3002\u305d\u306e\u969b\u3001Active Record\u304c\u81ea\u52d5\u7684\u306b\u691c\u77e5\u3057\u305f\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u8868\u793a\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u305f<\/h4>\n
7\uff1aflash\u5909\u6570\u3092\u4f7f\u3046\u3068\u3001\u4e00\u6642\u7684\u306a\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u8868\u793a\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308b<\/h4>\n
8\uff1a\u30e6\u30fc\u30b6\u30fc\u767b\u9332\u306b\u6210\u529f\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u4e0a\u306b\u30e6\u30fc\u30b6\u30fc\u304c\u8ffd\u52a0\u3001\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u30da\u30fc\u30b8\u306b\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u3001\u30a6\u30a7\u30eb\u30ab\u30e0\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u8868\u793a\u3068\u3044\u3063\u305f\u9806\u3067\u51e6\u7406\u304c\u9032\u3080<\/h4>\n
9\uff1a\u7d71\u5408\u30c6\u30b9\u30c8\u3092\u4f7f\u3046\u3053\u3068\u3067\u9001\u4fe1\u30d5\u30a9\u30fc\u30e0\u306e\u632f\u308b\u821e\u3044\u3092\u691c\u8a3c\u3057\u305f\u308a\u3001\u30d0\u30b0\u306e\u767a\u751f\u3092\u691c\u77e5\u3057\u305f\u308a\u3067\u304d\u308b<\/h4>\n
10\uff1a\u30bb\u30ad\u30e5\u30a2\u306a\u901a\u4fe1\u3068\u9ad8\u3044\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u78ba\u4fdd\u3059\u308b\u305f\u3081\u306b\u3001\u672c\u756a\u74b0\u5883\u3067\u306fSSL\u3068Puma\u3092\u5c0e\u5165\u3057\u305f<\/h4>\n
\u305d\u306e8\u306b\u7d9a\u304f<\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
\u305d\u306e6\u304b\u3089\u7d9a\u304d\u307e\u3059 7.1.1\u00a0\u30c7\u30d0\u30c3\u30b0\u3068Rails\u74b0\u5883 \u30b5\u30a4\u30c8\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u306b\u30c7\u30d0\u30c3\u30b0\u60c5\u5831\u3092\u8ffd\u52a0\u3059\u308bapp\/views\/layouts\/application.html.erb <!DOCTYPE html> […]<\/p>\n","protected":false},"author":1,"featured_media":2764,"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-2909","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programming-note","category-rails"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/posts\/2909","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=2909"}],"version-history":[{"count":11,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/posts\/2909\/revisions"}],"predecessor-version":[{"id":4533,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/posts\/2909\/revisions\/4533"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/media\/2764"}],"wp:attachment":[{"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/media?parent=2909"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/categories?post=2909"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/tags?post=2909"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}