{"id":1488,"date":"2025-03-24T08:50:36","date_gmt":"2025-03-23T23:50:36","guid":{"rendered":"https:\/\/dexall.co.jp\/articles\/?p=1488"},"modified":"2025-03-24T08:50:36","modified_gmt":"2025-03-23T23:50:36","slug":"%e3%80%90%e4%bf%9d%e5%ad%98%e7%89%88%e3%80%91rails%e5%88%9d%e5%bf%83%e8%80%85%e3%81%a7%e3%82%823%e6%99%82%e9%96%93%e3%81%a7%e3%81%a7%e3%81%8d%e3%82%8b%ef%bc%81ruby-on-rails%e3%83%81%e3%83%a5%e3%83%bc","status":"publish","type":"post","link":"https:\/\/dexall.co.jp\/articles\/?p=1488","title":{"rendered":"\u3010\u4fdd\u5b58\u7248\u3011Rails\u521d\u5fc3\u8005\u3067\u30823\u6642\u9593\u3067\u3067\u304d\u308b\uff01Ruby on Rails\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u5b8c\u5168\u30ac\u30a4\u30c92024"},"content":{"rendered":"\n<div class=\"toc\"><br \/>\n<b>Warning<\/b>:  Undefined array key \"is_admin\" in <b>\/home\/xs392991\/dexall.co.jp\/public_html\/articles\/wp-content\/themes\/sango-theme\/library\/gutenberg\/dist\/classes\/Toc.php<\/b> on line <b>116<\/b><br \/>\n<br \/>\n<b>Warning<\/b>:  Undefined array key \"is_category_top\" in <b>\/home\/xs392991\/dexall.co.jp\/public_html\/articles\/wp-content\/themes\/sango-theme\/library\/gutenberg\/dist\/classes\/Toc.php<\/b> on line <b>121<\/b><br \/>\n<br \/>\n<b>Warning<\/b>:  Undefined array key \"is_top\" in <b>\/home\/xs392991\/dexall.co.jp\/public_html\/articles\/wp-content\/themes\/sango-theme\/library\/gutenberg\/dist\/classes\/Toc.php<\/b> on line <b>128<\/b><br \/>\n    <div id=\"toc_container\" class=\"sgb-toc--bullets js-smooth-scroll\" data-dialog-title=\"\u76ee\u6b21\">\n      <p class=\"toc_title\">\u76ee\u6b21 <\/p>\n      <ul class=\"toc_list\">  <li class=\"first\">    <a href=\"#i-0\">Ruby on Rails\u3092\u59cb\u3081\u308b\u524d\u306b\u77e5\u3063\u3066\u304a\u304d\u305f\u3044\u57fa\u790e\u77e5\u8b58<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-1\">Ruby on Rails\u3068\u306f\u4f55\u304b\uff1f\u958b\u767a\u73fe\u5834\u3067\u306e\u6d3b\u7528\u4e8b\u4f8b<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-2\">\u5fc5\u8981\u306a\u958b\u767a\u74b0\u5883\u3068\u4e8b\u524d\u6e96\u5099\u306e\u5b8c\u5168\u30c1\u30a7\u30c3\u30af\u30ea\u30b9\u30c8<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-3\">Rails \u74b0\u5883\u69cb\u7bc9\u304b\u3089\u59cb\u3081\u308b\u30cf\u30f3\u30ba\u30aa\u30f3\u5b66\u7fd2<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-4\">Mac\/Windows \u5225\uff01\u74b0\u5883\u69cb\u7bc9\u306e\u5177\u4f53\u7684\u306a\u624b\u9806<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-7\">\u30c8\u30e9\u30d6\u30eb\u767a\u751f\u6642\u306e\u5bfe\u51e6\u6cd5\u3068\u89e3\u6c7a\u306e\u30dd\u30a4\u30f3\u30c8<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-11\">\u306f\u3058\u3081\u3066\u306eRails\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-12\">\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u4f5c\u6210\u304b\u3089\u30c7\u30d7\u30ed\u30a4\u307e\u3067\u306e\u6d41\u308c<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-18\">MVC\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u5b9f\u8df5\u7684\u306a\u7406\u89e3\u65b9\u6cd5<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-24\">\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30aa\u30da\u30ec\u30fc\u30b7\u30e7\u30f3\u306e\u57fa\u672c\u3092\u8eab\u306b\u3064\u3051\u308b<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-25\">ActiveRecord\u3092\u4f7f\u3063\u305fCRUD\u30aa\u30da\u30ec\u30fc\u30b7\u30e7\u30f3\u306e\u5b9f\u88c5<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-29\">\u30a2\u30bd\u30b7\u30a8\u30fc\u30b7\u30e7\u30f3\u3068\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u306e\u8a2d\u5b9a\u65b9\u6cd5<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-34\">\u5b9f\u7528\u7684\u306a\u6a5f\u80fd\u5b9f\u88c5\u306b\u30c1\u30e3\u30ec\u30f3\u30b8<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-35\">\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u30b7\u30b9\u30c6\u30e0\u306e\u4f5c\u308a\u65b9<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-40\">\u753b\u50cf\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u6a5f\u80fd\u306e\u5b9f\u88c5\u624b\u9806<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-46\">\u73fe\u5834\u3067\u4f7f\u3048\u308b\u30c6\u30b9\u30c8\u99c6\u52d5\u958b\u767a\u5165\u9580<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-47\">RSpec\u3092\u4f7f\u3063\u305f\u57fa\u672c\u7684\u306a\u30c6\u30b9\u30c8\u306e\u66f8\u304d\u65b9<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-51\">\u81ea\u52d5\u30c6\u30b9\u30c8\u3067\u54c1\u8cea\u3092\u62c5\u4fdd\u3059\u308b\u65b9\u6cd5<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-56\">\u30c7\u30d7\u30ed\u30a4\u3068\u904b\u7528\u306e\u5b9f\u8df5\u7684\u306a\u30c6\u30af\u30cb\u30c3\u30af<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-57\">Heroku\u3092\u4f7f\u3063\u305f\u7c21\u5358\u30c7\u30d7\u30ed\u30a4\u306e\u65b9\u6cd5<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-62\">\u672c\u756a\u74b0\u5883\u3067\u306e\u6ce8\u610f\u70b9\u3068\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56<\/a>      <\/li>    <\/ul>  <\/li>  <li class=\"last\">    <a href=\"#i-68\">\u6b21\u306e\u30b9\u30c6\u30c3\u30d7\u306b\u9032\u3080\u305f\u3081\u306e\u30ed\u30fc\u30c9\u30de\u30c3\u30d7<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-69\">\u4e2d\u7d1a\u8005\u306e\u305f\u3081\u306b\u5fc5\u8981\u306a\u30b9\u30ad\u30eb\u3068\u5b66\u7fd2\u65b9\u6cd5<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-72\">\u5b9f\u8df5\u3067\u6d3b\u304b\u305b\u308bGem\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u6d3b\u7528\u8853<\/a>      <\/li>    <\/ul>  <\/li><\/ul>\n      <a href=\"#\" class=\"sgb-toc-button js-toc-button\" rel=\"nofollow\" data-open-dialog=\"true\"><i class=\"fa fa-list\"><\/i><span class=\"sgb-toc-button__text\">\u76ee\u6b21\u3078<\/span><\/a>\n    <\/div><\/div><h2 class=\"wp-block-heading\" id=\"i-0\">Ruby on Rails\u3092\u59cb\u3081\u308b\u524d\u306b\u77e5\u3063\u3066\u304a\u304d\u305f\u3044\u57fa\u790e\u77e5\u8b58<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-1\">Ruby on Rails\u3068\u306f\u4f55\u304b\uff1f\u958b\u767a\u73fe\u5834\u3067\u306e\u6d3b\u7528\u4e8b\u4f8b<\/h3>\n\n\n\n<p>Ruby on Rails\uff08\u4ee5\u4e0b\u3001Rails\uff09\u306f\u3001Ruby\u3067\u66f8\u304b\u308c\u305fWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3067\u3059\u30022004\u5e74\u306bDavid Heinemeier Hansson\u306b\u3088\u3063\u3066\u958b\u767a\u3055\u308c\u3001\u300c\u8a2d\u5b9a\u3088\u308a\u898f\u7d04\u300d\uff08CoC\uff09\u3068\u300c\u540c\u3058\u3053\u3068\u3092\u7e70\u308a\u8fd4\u3055\u306a\u3044\u300d\uff08DRY\uff09\u3068\u3044\u30462\u3064\u306e\u91cd\u8981\u306a\u8a2d\u8a08\u601d\u60f3\u306b\u57fa\u3065\u3044\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p>Rails\u304c\u9078\u3070\u308c\u308b\u7406\u7531\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u9ad8\u901f\u306a\u958b\u767a\u304c\u53ef\u80fd\uff1a\u898f\u7d04\u306b\u5f93\u3046\u3053\u3068\u3067\u3001\u6700\u5c0f\u9650\u306e\u30b3\u30fc\u30c9\u3067\u6a5f\u80fd\u7684\u306aWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059<\/li>\n\n\n\n<li>\u8c4a\u5bcc\u306a\u30e9\u30a4\u30d6\u30e9\u30ea\uff08Gem\uff09\uff1a\u4e00\u822c\u7684\u306a\u6a5f\u80fd\u306f\u65e2\u5b58\u306eGem\u3092\u5229\u7528\u3059\u308b\u3053\u3068\u3067\u7c21\u5358\u306b\u5b9f\u88c5\u3067\u304d\u307e\u3059<\/li>\n\n\n\n<li>\u30a2\u30af\u30c6\u30a3\u30d6\u306a\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\uff1a\u4e16\u754c\u4e2d\u306e\u958b\u767a\u8005\u304c\u60c5\u5831\u5171\u6709\u3084\u554f\u984c\u89e3\u6c7a\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u307e\u3059<\/li>\n\n\n\n<li>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56\uff1a\u6a19\u6e96\u3067XSS\u5bfe\u7b56\u3084CSRF\u5bfe\u7b56\u306a\u3069\u304c\u7d44\u307f\u8fbc\u307e\u308c\u3066\u3044\u307e\u3059<\/li>\n<\/ul>\n\n\n\n<p>\u958b\u767a\u73fe\u5834\u3067\u306e\u6d3b\u7528\u4e8b\u4f8b\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30b9\u30bf\u30fc\u30c8\u30a2\u30c3\u30d7\u3067\u306e\u6d3b\u7528<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Airbnb\uff1a\u5bbf\u6cca\u4e88\u7d04\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0<\/li>\n\n\n\n<li>GitHub\uff1a\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u7ba1\u7406\u30b5\u30fc\u30d3\u30b9<\/li>\n\n\n\n<li>Shopify\uff1aEC\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u5927\u898f\u6a21\u30b5\u30fc\u30d3\u30b9\u3067\u306e\u63a1\u7528<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30af\u30c3\u30af\u30d1\u30c3\u30c9\uff1a\u30ec\u30b7\u30d4\u5171\u6709\u30b5\u30fc\u30d3\u30b9<\/li>\n\n\n\n<li>Kickstarter\uff1a\u30af\u30e9\u30a6\u30c9\u30d5\u30a1\u30f3\u30c7\u30a3\u30f3\u30b0\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0<\/li>\n\n\n\n<li>Netflix\uff1a\u52d5\u753b\u30b9\u30c8\u30ea\u30fc\u30df\u30f3\u30b0\u30b5\u30fc\u30d3\u30b9\uff08\u4e00\u90e8\u6a5f\u80fd\uff09<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-2\">\u5fc5\u8981\u306a\u958b\u767a\u74b0\u5883\u3068\u4e8b\u524d\u6e96\u5099\u306e\u5b8c\u5168\u30c1\u30a7\u30c3\u30af\u30ea\u30b9\u30c8<\/h3>\n\n\n\n<p>\u958b\u767a\u3092\u59cb\u3081\u308b\u524d\u306b\u3001\u4ee5\u4e0b\u306e\u74b0\u5883\u3068\u30c4\u30fc\u30eb\u3092\u6e96\u5099\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\uff1a<\/p>\n\n\n\n<p><strong>1. \u57fa\u672c\u7684\u306a\u958b\u767a\u74b0\u5883<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>[ ] Ruby\uff08\u30d0\u30fc\u30b8\u30e7\u30f33.0.0\u4ee5\u4e0a\u63a8\u5968\uff09<\/li>\n\n\n\n<li>[ ] Ruby on Rails\uff08\u30d0\u30fc\u30b8\u30e7\u30f37.0\u4ee5\u4e0a\u63a8\u5968\uff09<\/li>\n\n\n\n<li>[ ] Git\uff08\u30d0\u30fc\u30b8\u30e7\u30f3\u7ba1\u7406\u7528\uff09<\/li>\n\n\n\n<li>[ ] \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\uff08PostgreSQL\u307e\u305f\u306fMySQL\uff09<\/li>\n\n\n\n<li>[ ] \u30c6\u30ad\u30b9\u30c8\u30a8\u30c7\u30a3\u30bf\/IDE\uff08VSCode, RubyMine\u7b49\uff09<\/li>\n<\/ul>\n\n\n\n<p><strong>2. \u5fc5\u9808\u306e\u77e5\u8b58\u30c1\u30a7\u30c3\u30af\u30ea\u30b9\u30c8<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>[ ] Ruby\u306e\u57fa\u672c\u6587\u6cd5<\/li>\n\n\n\n<li>[ ] \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u6307\u5411\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u306e\u57fa\u790e<\/li>\n\n\n\n<li>[ ] HTML\u3068CSS\u306e\u57fa\u790e<\/li>\n\n\n\n<li>[ ] \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u57fa\u672c\u6982\u5ff5<\/li>\n\n\n\n<li>[ ] Git\u306b\u3088\u308b\u30d0\u30fc\u30b8\u30e7\u30f3\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u306e\u3084\u3055\u308f\u308a<\/li>\n<\/ul>\n\n\n\n<p><strong>3. \u63a8\u5968\u30b9\u30ad\u30eb<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>[ ] \u30b3\u30de\u30f3\u30c9\u30e9\u30a4\u30f3\u64cd\u4f5c\u306e\u57fa\u790e<\/li>\n\n\n\n<li>[ ] SQL\u306e\u57fa\u672c\u6587\u6cd5<\/li>\n\n\n\n<li>[ ] JavaScript\u306e\u57fa\u790e<\/li>\n\n\n\n<li>[ ] HTTP\u30d7\u30ed\u30c8\u30b3\u30eb\u306e\u57fa\u790e\u77e5\u8b58<\/li>\n\n\n\n<li>[ ] MVC\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u6982\u5ff5\u7406\u89e3<\/li>\n<\/ul>\n\n\n\n<p><strong>4. \u958b\u767a\u30c4\u30fc\u30eb\u306e\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u30c1\u30a7\u30c3\u30af\u30ea\u30b9\u30c8<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>[ ] rbenv\u307e\u305f\u306fRVM\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\uff08Ruby\u30d0\u30fc\u30b8\u30e7\u30f3\u7ba1\u7406\uff09<\/li>\n\n\n\n<li>[ ] Bundler\uff08Gem\u7ba1\u7406\u30c4\u30fc\u30eb\uff09<\/li>\n\n\n\n<li>[ ] Node.js\uff08JavaScript\u30e9\u30f3\u30bf\u30a4\u30e0\uff09<\/li>\n\n\n\n<li>[ ] Yarn\uff08\u30d1\u30c3\u30b1\u30fc\u30b8\u30de\u30cd\u30fc\u30b8\u30e3\uff09<\/li>\n\n\n\n<li>[ ] \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30af\u30e9\u30a4\u30a2\u30f3\u30c8<\/li>\n<\/ul>\n\n\n\n<p><strong>\u5b66\u7fd2\u306b\u5f79\u7acb\u3064\u30ea\u30bd\u30fc\u30b9<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ruby\u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8<\/li>\n\n\n\n<li>Rails Guides<\/li>\n\n\n\n<li>Ruby on Rails API Documentation<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30ea\u30bd\u30fc\u30b9<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Stack Overflow<\/li>\n\n\n\n<li>Ruby on Rails\u65e5\u672c\u8a9e\u30d5\u30a9\u30fc\u30e9\u30e0<\/li>\n\n\n\n<li>GitHub Discussions<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u5b66\u7fd2\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Rails\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30ebbyMichael Hartl<\/li>\n\n\n\n<li>Progate<\/li>\n\n\n\n<li>Udemy<\/li>\n<\/ul>\n\n\n\n<p>\u3053\u306e\u30c1\u30a7\u30c3\u30af\u30ea\u30b9\u30c8\u3092\u4f7f\u3063\u3066\u3001\u5fc5\u8981\u306a\u74b0\u5883\u3068\u77e5\u8b58\u3092\u78ba\u8a8d\u3057\u306a\u304c\u3089\u3001\u52b9\u7387\u7684\u306b\u5b66\u7fd2\u3092\u9032\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3059\u3079\u3066\u306e\u9805\u76ee\u3092\u4e00\u5ea6\u306b\u6e80\u305f\u3059\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u304c\u3001\u57fa\u672c\u7684\u306a\u958b\u767a\u74b0\u5883\u306e\u6574\u5099\u306f\u5fc5\u9808\u3067\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-3\">Rails \u74b0\u5883\u69cb\u7bc9\u304b\u3089\u59cb\u3081\u308b\u30cf\u30f3\u30ba\u30aa\u30f3\u5b66\u7fd2<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-4\">Mac\/Windows \u5225\uff01\u74b0\u5883\u69cb\u7bc9\u306e\u5177\u4f53\u7684\u306a\u624b\u9806<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-5\">Mac\u3067\u306e\u74b0\u5883\u69cb\u7bc9<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Homebrew\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># Homebrew\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u30b3\u30de\u30f3\u30c9\n\/bin\/bash -c \"$(curl -fsSL https:\/\/raw.githubusercontent.com\/Homebrew\/install\/HEAD\/install.sh)\"\n\n# \u30d1\u30b9\u3092\u901a\u3059\necho 'eval \"$(\/opt\/homebrew\/bin\/brew shellenv)\"' &gt;&gt; ~\/.zshrc\nsource ~\/.zshrc<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>rbenv\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3068Ruby\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># rbenv\u3068ruby-build\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\nbrew install rbenv ruby-build\n\n# rbenv\u306e\u521d\u671f\u5316\neval \"$(rbenv init -)\"\n\n# \u5229\u7528\u53ef\u80fd\u306aRuby\u30d0\u30fc\u30b8\u30e7\u30f3\u306e\u78ba\u8a8d\nrbenv install -l\n\n# Ruby 3.2.2\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\nrbenv install 3.2.2\nrbenv global 3.2.2\n\n# Ruby\u30d0\u30fc\u30b8\u30e7\u30f3\u306e\u78ba\u8a8d\nruby -v<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>Rails\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># \u6700\u65b0\u306eRails\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\ngem install rails\n\n# \u30d0\u30fc\u30b8\u30e7\u30f3\u78ba\u8a8d\nrails -v<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-6\">Windows\u3067\u306e\u74b0\u5883\u69cb\u7bc9<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>WSL2\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># \u7ba1\u7406\u8005\u6a29\u9650\u3067PowerShell\u3092\u958b\u304d\u5b9f\u884c\nwsl --install<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>Ruby\u74b0\u5883\u306e\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># \u5fc5\u8981\u306a\u30d1\u30c3\u30b1\u30fc\u30b8\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\nsudo apt-get update\nsudo apt-get install git curl libssl-dev libreadline-dev zlib1g-dev autoconf bison build-essential libyaml-dev libreadline-dev libncurses5-dev libffi-dev libgdbm-dev\n\n# rbenv\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\ncurl -fsSL https:\/\/github.com\/rbenv\/rbenv-installer\/raw\/HEAD\/bin\/rbenv-installer | bash\n\n# \u74b0\u5883\u5909\u6570\u306e\u8a2d\u5b9a\necho 'export PATH=\"$HOME\/.rbenv\/bin:$PATH\"' &gt;&gt; ~\/.bashrc\necho 'eval \"$(rbenv init -)\"' &gt;&gt; ~\/.bashrc\nsource ~\/.bashrc\n\n# Ruby\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\nrbenv install 3.2.2\nrbenv global 3.2.2<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>Node.js\u3068Yarn\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># Node.js\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\ncurl -fsSL https:\/\/deb.nodesource.com\/setup_18.x | sudo -E bash -\nsudo apt-get install -y nodejs\n\n# Yarn\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\nnpm install -g yarn<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-7\">\u30c8\u30e9\u30d6\u30eb\u767a\u751f\u6642\u306e\u5bfe\u51e6\u6cd5\u3068\u89e3\u6c7a\u306e\u30dd\u30a4\u30f3\u30c8<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-8\">\u3088\u304f\u3042\u308b\u30a8\u30e9\u30fc\u3068\u89e3\u6c7a\u65b9\u6cd5<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Gem\u95a2\u9023\u306e\u30a8\u30e9\u30fc<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># SSL\u8a3c\u660e\u66f8\u30a8\u30e9\u30fc\u306e\u5834\u5408\ngem update --system\ngem pristine --all\n\n# \u6a29\u9650\u30a8\u30e9\u30fc\u306e\u5834\u5408\nsudo chown -R $USER:$USER ~\/.rbenv<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u63a5\u7d9a\u30a8\u30e9\u30fc<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># PostgreSQL\u306e\u5834\u5408\nsudo apt-get install postgresql postgresql-contrib libpq-dev\nsudo service postgresql start\n\n# MySQL\u306e\u5834\u5408\nsudo apt-get install mysql-server mysql-client libmysqlclient-dev\nsudo service mysql start<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-9\">\u30c8\u30e9\u30d6\u30eb\u30b7\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0\u306e\u30dd\u30a4\u30f3\u30c8<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30d0\u30fc\u30b8\u30e7\u30f3\u4e0d\u6574\u5408\u306e\u78ba\u8a8d<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ruby\u3001Rails\u3001Node.js\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306a\u3069\u5404\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u78ba\u8a8d<\/li>\n<\/ul>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">ruby -v\nrails -v\nnode -v\nyarn -v<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30ed\u30b0\u306e\u78ba\u8a8d\u65b9\u6cd5<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># Rails\u30b5\u30fc\u30d0\u30fc\u30ed\u30b0\ntail -f log\/development.log\n\n# \u30b7\u30b9\u30c6\u30e0\u30ed\u30b0\ntail -f \/var\/log\/syslog<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u74b0\u5883\u5909\u6570\u306e\u78ba\u8a8d<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># \u74b0\u5883\u5909\u6570\u306e\u78ba\u8a8d\necho $PATH\necho $GEM_PATH\necho $RUBY_VERSION<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-10\">\u52d5\u4f5c\u78ba\u8a8d\u7528\u306e\u7c21\u5358\u306a\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u4f5c\u6210<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># \u65b0\u898fRails\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u4f5c\u6210\nrails new test_app\ncd test_app\n\n# \u30b5\u30fc\u30d0\u30fc\u306e\u8d77\u52d5\nrails server\n\n# \u30d6\u30e9\u30a6\u30b6\u3067\u30a2\u30af\u30bb\u30b9\n# http:\/\/localhost:3000 \u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u300cYay! You're on Rails!\u300d\u304c\u8868\u793a\u3055\u308c\u308b\u3053\u3068\u3092\u78ba\u8a8d<\/pre>\n\n\n\n<p>\u74b0\u5883\u69cb\u7bc9\u3067\u91cd\u8981\u306a\u306e\u306f\u3001\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3057\u305f\u969b\u306b\u614c\u3066\u305a\u306b\u5bfe\u51e6\u3059\u308b\u3053\u3068\u3067\u3059\u3002\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u3088\u304f\u8aad\u307f\u3001\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3084Stack Overflow\u306a\u3069\u306e\u30ea\u30bd\u30fc\u30b9\u3092\u53c2\u7167\u3057\u306a\u304c\u3089\u3001\u4e00\u3064\u305a\u3064\u554f\u984c\u3092\u89e3\u6c7a\u3057\u3066\u3044\u304f\u3053\u3068\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u307e\u305f\u3001\u74b0\u5883\u69cb\u7bc9\u304c\u5b8c\u4e86\u3057\u305f\u3089\u3001\u5fc5\u305a\u7c21\u5358\u306a\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3057\u3066\u52d5\u4f5c\u78ba\u8a8d\u3092\u884c\u3046\u3053\u3068\u3067\u3001\u5b9f\u969b\u306e\u958b\u767a\u306b\u5165\u308b\u524d\u306b\u554f\u984c\u3092\u767a\u898b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-11\">\u306f\u3058\u3081\u3066\u306eRails\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-12\">\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u4f5c\u6210\u304b\u3089\u30c7\u30d7\u30ed\u30a4\u307e\u3067\u306e\u6d41\u308c<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-13\">1. \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u4f5c\u6210<\/h4>\n\n\n\n<p>\u307e\u305a\u306f\u3001\u30b7\u30f3\u30d7\u30eb\u306a\u30d6\u30ed\u30b0\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3057\u3066\u3044\u304d\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># \u65b0\u3057\u3044Rails\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u4f5c\u6210\nrails new my_blog\ncd my_blog\n\n# \u5fc5\u8981\u306aGem\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\nbundle install\n\n# GitHub\u30ea\u30dd\u30b8\u30c8\u30ea\u306e\u521d\u671f\u5316\ngit init\ngit add .\ngit commit -m \"Initial commit\"<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-14\">2. \u57fa\u672c\u7684\u306aCRUD\u6a5f\u80fd\u306e\u5b9f\u88c5<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># \u8a18\u4e8b\u7528\u306escaffold\u3092\u751f\u6210\nrails generate scaffold Post title:string content:text\nrails db:migrate<\/pre>\n\n\n\n<p>\u751f\u6210\u3055\u308c\u305f\u30d5\u30a1\u30a4\u30eb\u306e\u5f79\u5272\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>app\/models\/post.rb<\/code>: \u30c7\u30fc\u30bf\u30e2\u30c7\u30eb\u306e\u5b9a\u7fa9<\/li>\n\n\n\n<li><code>app\/controllers\/posts_controller.rb<\/code>: \u30a2\u30af\u30b7\u30e7\u30f3\u306e\u5236\u5fa1<\/li>\n\n\n\n<li><code>app\/views\/posts\/<\/code>: \u30d3\u30e5\u30fc\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8<\/li>\n\n\n\n<li><code>config\/routes.rb<\/code>: \u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u8a2d\u5b9a<\/li>\n\n\n\n<li><code>db\/migrate\/<\/code>: \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30de\u30a4\u30b0\u30ec\u30fc\u30b7\u30e7\u30f3<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-15\">3. \u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306e\u8a2d\u5b9a<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># config\/routes.rb\nRails.application.routes.draw do\n  root 'posts#index'  # \u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u3092\u8a18\u4e8b\u4e00\u89a7\u306b\u8a2d\u5b9a\n  resources :posts    # \u8a18\u4e8b\u306eCRUD\u7528\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\nend<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-16\">4. \u30e2\u30c7\u30eb\u306e\u62e1\u5f35<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># app\/models\/post.rb\nclass Post &lt; ApplicationRecord\n  validates :title, presence: true\n  validates :content, presence: true, length: { minimum: 10 }\nend<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-17\">5. \u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># app\/controllers\/posts_controller.rb\nclass PostsController &lt; ApplicationController\n  before_action :set_post, only: [:show, :edit, :update, :destroy]\n\n  def index\n    @posts = Post.order(created_at: :desc)\n  end\n\n  def show\n  end\n\n  def new\n    @post = Post.new\n  end\n\n  # \u4ed6\u306e\u30a2\u30af\u30b7\u30e7\u30f3\u306f\u7701\u7565\nend<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-18\">MVC\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u5b9f\u8df5\u7684\u306a\u7406\u89e3\u65b9\u6cd5<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-19\">Model\uff08\u30e2\u30c7\u30eb\uff09\u306e\u5f79\u5272<\/h4>\n\n\n\n<p>\u30e2\u30c7\u30eb\u306f\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3068\u30c7\u30fc\u30bf\u306e\u6c38\u7d9a\u5316\u3092\u62c5\u5f53\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># app\/models\/post.rb\nclass Post &lt; ApplicationRecord\n  # \u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\n  validates :title, presence: true\n  validates :content, presence: true\n\n  # \u30b9\u30b3\u30fc\u30d7\u306e\u5b9a\u7fa9\n  scope :recent, -&gt; { order(created_at: :desc).limit(5) }\n\n  # \u30ab\u30b9\u30bf\u30e0\u30e1\u30bd\u30c3\u30c9\n  def summary\n    content.truncate(100)\n  end\nend<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-20\">View\uff08\u30d3\u30e5\u30fc\uff09\u306e\u5f79\u5272<\/h4>\n\n\n\n<p>\u30d3\u30e5\u30fc\u306f\u30e6\u30fc\u30b6\u30fc\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u62c5\u5f53\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;!-- app\/views\/posts\/index.html.erb --&gt;\n&lt;h1&gt;\u8a18\u4e8b\u4e00\u89a7&lt;\/h1&gt;\n\n&lt;% @posts.each do |post| %&gt;\n  &lt;div class=\"post\"&gt;\n    &lt;h2&gt;&lt;%= link_to post.title, post_path(post) %&gt;&lt;\/h2&gt;\n    &lt;p&gt;&lt;%= post.summary %&gt;&lt;\/p&gt;\n    &lt;div class=\"actions\"&gt;\n      &lt;%= link_to '\u7de8\u96c6', edit_post_path(post), class: 'btn' %&gt;\n      &lt;%= link_to '\u524a\u9664', post_path(post), \n          method: :delete, \n          data: { confirm: '\u672c\u5f53\u306b\u524a\u9664\u3057\u307e\u3059\u304b\uff1f' },\n          class: 'btn btn-danger' %&gt;\n    &lt;\/div&gt;\n  &lt;\/div&gt;\n&lt;% end %&gt;\n\n&lt;%= link_to '\u65b0\u898f\u8a18\u4e8b\u4f5c\u6210', new_post_path, class: 'btn btn-primary' %&gt;<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-21\">Controller\uff08\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\uff09\u306e\u5f79\u5272<\/h4>\n\n\n\n<p>\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u306f\u30e2\u30c7\u30eb\u3068\u30d3\u30e5\u30fc\u306e\u6a4b\u6e21\u3057\u3092\u62c5\u5f53\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># app\/controllers\/posts_controller.rb\nclass PostsController &lt; ApplicationController\n  def index\n    # \u30e2\u30c7\u30eb\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\n    @posts = Post.recent\n\n    # \u30ec\u30b9\u30dd\u30f3\u30b9\u5f62\u5f0f\u306b\u5fdc\u3058\u3066\u51e6\u7406\u3092\u5206\u5c90\n    respond_to do |format|\n      format.html # index.html.erb\u3092\u63cf\u753b\n      format.json { render json: @posts }\n    end\n  end\n\n  def create\n    @post = Post.new(post_params)\n\n    if @post.save\n      flash[:notice] = '\u8a18\u4e8b\u304c\u4f5c\u6210\u3055\u308c\u307e\u3057\u305f'\n      redirect_to @post\n    else\n      flash.now[:alert] = '\u8a18\u4e8b\u306e\u4f5c\u6210\u306b\u5931\u6557\u3057\u307e\u3057\u305f'\n      render :new\n    end\n  end\n\n  private\n\n  def post_params\n    params.require(:post).permit(:title, :content)\n  end\nend<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-22\">MVC\u306e\u76f8\u4e92\u4f5c\u7528<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30e6\u30fc\u30b6\u30fc\u304c\u30d6\u30e9\u30a6\u30b6\u3067\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u5b9f\u884c<\/li>\n\n\n\n<li>\u30eb\u30fc\u30bf\u30fc\u304c\u9069\u5207\u306a\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u30a2\u30af\u30b7\u30e7\u30f3\u306b\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u632f\u308a\u5206\u3051<\/li>\n\n\n\n<li>\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u304c\u30e2\u30c7\u30eb\u3092\u901a\u3058\u3066\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u30fb\u66f4\u65b0<\/li>\n\n\n\n<li>\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u304c\u9069\u5207\u306a\u30d3\u30e5\u30fc\u3092\u9078\u629e\u3057\u3066\u30ec\u30b9\u30dd\u30f3\u30b9\u3092\u751f\u6210<\/li>\n\n\n\n<li>\u30d3\u30e5\u30fc\u304cHTML\u3092\u751f\u6210\u3057\u3066\u30d6\u30e9\u30a6\u30b6\u306b\u8fd4\u3059<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-23\">\u5b9f\u88c5\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Fat Model, Skinny Controller<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306f\u30e2\u30c7\u30eb\u306b\u914d\u7f6e<\/li>\n\n\n\n<li>\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u306f\u30c7\u30fc\u30bf\u306e\u53d7\u3051\u6e21\u3057\u306b\u5fb9\u3059\u308b<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u547d\u540d\u898f\u5247\u306e\u9075\u5b88<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30e2\u30c7\u30eb: \u5358\u6570\u5f62\uff08Post\uff09<\/li>\n\n\n\n<li>\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc: \u8907\u6570\u5f62\uff08PostsController\uff09<\/li>\n\n\n\n<li>\u30c6\u30fc\u30d6\u30eb: \u8907\u6570\u5f62\uff08posts\uff09<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u9069\u5207\u306a\u8cac\u52d9\u306e\u5206\u96e2<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30e2\u30c7\u30eb: \u30c7\u30fc\u30bf\u3068\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af<\/li>\n\n\n\n<li>\u30d3\u30e5\u30fc: \u8868\u793a\u306e\u307f<\/li>\n\n\n\n<li>\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc: \u30d5\u30ed\u30fc\u5236\u5fa1<\/li>\n<\/ul>\n\n\n\n<p>\u3053\u306e\u3088\u3046\u306a\u69cb\u9020\u5316\u3055\u308c\u305f\u958b\u767a\u30a2\u30d7\u30ed\u30fc\u30c1\u306b\u3088\u308a\u3001\u30b3\u30fc\u30c9\u306e\u4fdd\u5b88\u6027\u3068\u518d\u5229\u7528\u6027\u304c\u9ad8\u307e\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-24\">\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30aa\u30da\u30ec\u30fc\u30b7\u30e7\u30f3\u306e\u57fa\u672c\u3092\u8eab\u306b\u3064\u3051\u308b<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-25\">ActiveRecord\u3092\u4f7f\u3063\u305fCRUD\u30aa\u30da\u30ec\u30fc\u30b7\u30e7\u30f3\u306e\u5b9f\u88c5<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-26\">1. \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># db\/migrate\/[timestamp]_create_articles.rb\nclass CreateArticles &lt; ActiveRecord::Migration[7.0]\n  def change\n    create_table :articles do |t|\n      t.string :title, null: false\n      t.text :content\n      t.integer :status, default: 0\n      t.references :user, foreign_key: true\n\n      t.timestamps\n    end\n\n    add_index :articles, :title\n  end\nend<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-27\">2. \u57fa\u672c\u7684\u306aCRUD\u30aa\u30da\u30ec\u30fc\u30b7\u30e7\u30f3<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># \u4f5c\u6210\uff08Create\uff09\narticle = Article.create(\n  title: \"Rails\u5165\u9580\",\n  content: \"Rails\u306f\u7d20\u6674\u3089\u3057\u3044\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3067\u3059\"\n)\n\n# \u5225\u306e\u4f5c\u6210\u65b9\u6cd5\narticle = Article.new\narticle.title = \"Rails\u5165\u9580\"\narticle.content = \"Rails\u306f\u7d20\u6674\u3089\u3057\u3044\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3067\u3059\"\narticle.save\n\n# \u8aad\u307f\u53d6\u308a\uff08Read\uff09\n# \u5168\u4ef6\u53d6\u5f97\narticles = Article.all\n\n# \u6761\u4ef6\u4ed8\u304d\u53d6\u5f97\nrecent_articles = Article.where(\"created_at &gt;= ?\", 1.week.ago)\nfirst_article = Article.first\nspecific_article = Article.find(1)\npublished_articles = Article.where(status: :published)\n\n# \u66f4\u65b0\uff08Update\uff09\narticle = Article.find(1)\narticle.update(title: \"Updated Title\")\n\n# \u524a\u9664\uff08Destroy\uff09\narticle = Article.find(1)\narticle.destroy<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-28\">3. \u30af\u30a8\u30ea\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># \u6761\u4ef6\u6307\u5b9a\nArticle.where(status: :published)\nArticle.where(\"title LIKE ?\", \"%Rails%\")\n\n# \u9806\u5e8f\u6307\u5b9a\nArticle.order(created_at: :desc)\nArticle.order(:title)\n\n# \u4ef6\u6570\u5236\u9650\nArticle.limit(5)\nArticle.offset(10).limit(5)\n\n# \u30b0\u30eb\u30fc\u30d7\u5316\u3068\u96c6\u8a08\nArticle.group(:status).count\nArticle.group(:user_id).average(:views)\n\n# \u7d50\u5408\nArticle.joins(:user).where(users: { role: :admin })\n\n# \u9045\u5ef6\u8aad\u307f\u8fbc\u307f\u3068\u5373\u6642\u8aad\u307f\u8fbc\u307f\narticles = Article.includes(:comments).where(status: :published)<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-29\">\u30a2\u30bd\u30b7\u30a8\u30fc\u30b7\u30e7\u30f3\u3068\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u306e\u8a2d\u5b9a\u65b9\u6cd5<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-30\">1. \u30a2\u30bd\u30b7\u30a8\u30fc\u30b7\u30e7\u30f3\u306e\u5b9f\u88c5<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># app\/models\/user.rb\nclass User &lt; ApplicationRecord\n  # 1\u5bfe\u591a\u306e\u95a2\u9023\n  has_many :articles, dependent: :destroy\n  has_many :comments\n\n  # \u591a\u5bfe\u591a\u306e\u95a2\u9023\n  has_many :article_categories\n  has_many :categories, through: :article_categories\n\n  # 1\u5bfe1\u306e\u95a2\u9023\n  has_one :profile\nend\n\n# app\/models\/article.rb\nclass Article &lt; ApplicationRecord\n  belongs_to :user\n  has_many :comments, dependent: :destroy\n\n  has_many :article_categories\n  has_many :categories, through: :article_categories\nend\n\n# app\/models\/comment.rb\nclass Comment &lt; ApplicationRecord\n  belongs_to :article\n  belongs_to :user\nend<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-31\">2. \u30a2\u30bd\u30b7\u30a8\u30fc\u30b7\u30e7\u30f3\u306e\u6d3b\u7528\u4f8b<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># \u30e6\u30fc\u30b6\u30fc\u306e\u8a18\u4e8b\u3092\u53d6\u5f97\nuser = User.first\nuser.articles  # \u305d\u306e\u30e6\u30fc\u30b6\u30fc\u306e\u5168\u8a18\u4e8b\u3092\u53d6\u5f97\n\n# \u8a18\u4e8b\u306e\u30b3\u30e1\u30f3\u30c8\u3092\u53d6\u5f97\narticle = Article.first\narticle.comments  # \u305d\u306e\u8a18\u4e8b\u306e\u5168\u30b3\u30e1\u30f3\u30c8\u3092\u53d6\u5f97\n\n# \u95a2\u9023\u30c7\u30fc\u30bf\u306e\u4f5c\u6210\nuser.articles.create(title: \"\u65b0\u3057\u3044\u8a18\u4e8b\", content: \"\u5185\u5bb9\")\narticle.comments.create(content: \"\u7d20\u6674\u3089\u3057\u3044\u8a18\u4e8b\u3067\u3059\", user: User.first)\n\n# \u95a2\u9023\u30c7\u30fc\u30bf\u306e\u6761\u4ef6\u4ed8\u304d\u53d6\u5f97\nuser.articles.published\narticle.comments.where(created_at: 1.day.ago..Time.current)<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-32\">3. \u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u306e\u5b9f\u88c5<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">class Article &lt; ApplicationRecord\n  # \u5b58\u5728\u6027\u306e\u691c\u8a3c\n  validates :title, presence: true\n  validates :content, presence: true\n\n  # \u9577\u3055\u306e\u691c\u8a3c\n  validates :title, length: { minimum: 5, maximum: 100 }\n  validates :content, length: { minimum: 20 }\n\n  # \u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u306e\u691c\u8a3c\n  validates :slug, format: { with: \/\\A[a-z0-9-]+\\z\/ }\n\n  # \u4e00\u610f\u6027\u306e\u691c\u8a3c\n  validates :title, uniqueness: { scope: :user_id }\n\n  # \u30ab\u30b9\u30bf\u30e0\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\n  validate :publication_date_cannot_be_in_the_past\n\n  private\n\n  def publication_date_cannot_be_in_the_past\n    if publication_date.present? &amp;&amp; publication_date &lt; Date.current\n      errors.add(:publication_date, \"\u306f\u904e\u53bb\u306e\u65e5\u4ed8\u306f\u8a2d\u5b9a\u3067\u304d\u307e\u305b\u3093\")\n    end\n  end\nend<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-33\">4. \u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u306e\u6d3b\u7528\u3068\u30a8\u30e9\u30fc\u30cf\u30f3\u30c9\u30ea\u30f3\u30b0<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">article = Article.new\narticle.valid?  # \u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\narticle.errors.full_messages  # \u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u53d6\u5f97\n\n# \u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u3067\u306e\u30a8\u30e9\u30fc\u30cf\u30f3\u30c9\u30ea\u30f3\u30b0\ndef create\n  @article = current_user.articles.build(article_params)\n\n  if @article.save\n    redirect_to @article, notice: '\u8a18\u4e8b\u304c\u4f5c\u6210\u3055\u308c\u307e\u3057\u305f'\n  else\n    flash.now[:alert] = '\u8a18\u4e8b\u306e\u4f5c\u6210\u306b\u5931\u6557\u3057\u307e\u3057\u305f'\n    render :new\n  end\nend<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u57fa\u672c\u7684\u306a\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u64cd\u4f5c\u3092\u7406\u89e3\u3059\u308b\u3053\u3068\u3067\u3001\u52b9\u7387\u7684\u306aRails\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u958b\u767a\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002\u7279\u306bActiveRecord\u306e\u6a5f\u80fd\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u8907\u96d1\u306aSQL\u3092\u66f8\u304f\u3053\u3068\u306a\u304f\u3001Ruby\u306e\u30b3\u30fc\u30c9\u3067\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u64cd\u4f5c\u3092\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-34\">\u5b9f\u7528\u7684\u306a\u6a5f\u80fd\u5b9f\u88c5\u306b\u30c1\u30e3\u30ec\u30f3\u30b8<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-35\">\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u30b7\u30b9\u30c6\u30e0\u306e\u4f5c\u308a\u65b9<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-36\">1. Devise\u3092\u4f7f\u7528\u3057\u305f\u8a8d\u8a3c\u30b7\u30b9\u30c6\u30e0\u306e\u5b9f\u88c5<\/h4>\n\n\n\n<p>\u307e\u305a\u3001Gemfile\u306b\u5fc5\u8981\u306agem\u3092\u8ffd\u52a0\u3057\u307e\u3059\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># Gemfile\nsource 'https:\/\/rubygems.org'\n\ngem 'devise'\ngem 'devise-i18n'  # \u65e5\u672c\u8a9e\u5316\u5bfe\u5fdc<\/pre>\n\n\n\n<p>\u57fa\u672c\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># Gem\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\nbundle install\n\n# Devise\u306e\u521d\u671f\u8a2d\u5b9a\nrails generate devise:install\n\n# User\u30e2\u30c7\u30eb\u306e\u4f5c\u6210\nrails generate devise User\n\n# \u30de\u30a4\u30b0\u30ec\u30fc\u30b7\u30e7\u30f3\u306e\u5b9f\u884c\nrails db:migrate<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-37\">2. Devise\u306e\u8a2d\u5b9a\u30ab\u30b9\u30bf\u30de\u30a4\u30ba<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># config\/initializers\/devise.rb\nDevise.setup do |config|\n  # \u30e1\u30fc\u30eb\u9001\u4fe1\u5143\u306e\u8a2d\u5b9a\n  config.mailer_sender = 'noreply@example.com'\n\n  # \u30d1\u30b9\u30ef\u30fc\u30c9\u306e\u6700\u5c0f\u6587\u5b57\u6570\n  config.password_length = 8..128\n\n  # \u30bb\u30c3\u30b7\u30e7\u30f3\u306e\u6709\u52b9\u671f\u9650\n  config.timeout_in = 1.week\n\n  # \u30ed\u30b0\u30a4\u30f3\u8a66\u884c\u306e\u5236\u9650\u56de\u6570\n  config.maximum_attempts = 5\n\n  # \u30a2\u30ab\u30a6\u30f3\u30c8\u306e\u30ed\u30c3\u30af\u6642\u9593\n  config.unlock_in = 1.hour\nend<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-38\">3. \u30e6\u30fc\u30b6\u30fc\u30e2\u30c7\u30eb\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># app\/models\/user.rb\nclass User &lt; ApplicationRecord\n  devise :database_authenticatable, :registerable,\n         :recoverable, :rememberable, :validatable,\n         :confirmable, :lockable, :timeoutable\n\n  # \u8ffd\u52a0\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\n  validates :username, presence: true, uniqueness: true\n  validates :email, format: { with: URI::MailTo::EMAIL_REGEXP }\n\n  # \u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u95a2\u9023\n  has_one :profile\n  accepts_nested_attributes_for :profile\nend<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-39\">4. \u8a8d\u8a3c\u95a2\u9023\u306e\u30d3\u30e5\u30fc\u30ab\u30b9\u30bf\u30de\u30a4\u30ba<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># Devise\u306e\u30d3\u30e5\u30fc\u3092\u751f\u6210\nrails generate devise:views<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;!-- app\/views\/devise\/registrations\/new.html.erb --&gt;\n&lt;div class=\"form-container\"&gt;\n  &lt;h2&gt;\u30a2\u30ab\u30a6\u30f3\u30c8\u767b\u9332&lt;\/h2&gt;\n\n  &lt;%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %&gt;\n    &lt;%= render \"devise\/shared\/error_messages\", resource: resource %&gt;\n\n    &lt;div class=\"field\"&gt;\n      &lt;%= f.label :username %&gt;\n      &lt;%= f.text_field :username, autofocus: true %&gt;\n    &lt;\/div&gt;\n\n    &lt;div class=\"field\"&gt;\n      &lt;%= f.label :email %&gt;\n      &lt;%= f.email_field :email %&gt;\n    &lt;\/div&gt;\n\n    &lt;div class=\"field\"&gt;\n      &lt;%= f.label :password %&gt;\n      &lt;%= f.password_field :password, autocomplete: \"new-password\" %&gt;\n    &lt;\/div&gt;\n\n    &lt;div class=\"actions\"&gt;\n      &lt;%= f.submit \"\u767b\u9332\u3059\u308b\", class: \"btn btn-primary\" %&gt;\n    &lt;\/div&gt;\n  &lt;% end %&gt;\n&lt;\/div&gt;<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-40\">\u753b\u50cf\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u6a5f\u80fd\u306e\u5b9f\u88c5\u624b\u9806<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-41\">1. Active Storage\u306e\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># Active Storage\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\nrails active_storage:install\n\n# \u30de\u30a4\u30b0\u30ec\u30fc\u30b7\u30e7\u30f3\u306e\u5b9f\u884c\nrails db:migrate<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-42\">2. \u30e2\u30c7\u30eb\u306e\u8a2d\u5b9a<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># app\/models\/user.rb\nclass User &lt; ApplicationRecord\n  has_one_attached :avatar\n  has_many_attached :photos\n\n  # \u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\n  validates :avatar, content_type: ['image\/png', 'image\/jpg', 'image\/jpeg'],\n                    size: { less_than: 5.megabytes }\nend\n\n# app\/models\/article.rb\nclass Article &lt; ApplicationRecord\n  has_many_attached :images\n\n  # \u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\n  validates :images, presence: true, if: :published?\n  validate :validate_image_type_and_size\n\n  private\n\n  def validate_image_type_and_size\n    images.each do |image|\n      unless image.content_type.in?(%w(image\/png image\/jpg image\/jpeg))\n        errors.add(:images, '\uff1aPNG\u3001JPG\u3001JPEG\u5f62\u5f0f\u306e\u30d5\u30a1\u30a4\u30eb\u306e\u307f\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u53ef\u80fd\u3067\u3059')\n      end\n\n      if image.byte_size &gt; 5.megabytes\n        errors.add(:images, '\uff1a\u30d5\u30a1\u30a4\u30eb\u30b5\u30a4\u30ba\u306f5MB\u4ee5\u4e0b\u306b\u3057\u3066\u304f\u3060\u3055\u3044')\n      end\n    end\n  end\nend<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-43\">3. \u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u306e\u5b9f\u88c5<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># app\/controllers\/articles_controller.rb\nclass ArticlesController &lt; ApplicationController\n  def create\n    @article = Article.new(article_params)\n\n    if @article.save\n      process_images if params[:article][:images].present?\n      redirect_to @article, notice: '\u8a18\u4e8b\u304c\u4f5c\u6210\u3055\u308c\u307e\u3057\u305f'\n    else\n      render :new\n    end\n  end\n\n  private\n\n  def article_params\n    params.require(:article).permit(:title, :content, images: [])\n  end\n\n  def process_images\n    params[:article][:images].each do |image|\n      @article.images.attach(image)\n    end\n  end\nend<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-44\">4. \u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u30d5\u30a9\u30fc\u30e0\u306e\u5b9f\u88c5<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;!-- app\/views\/articles\/_form.html.erb --&gt;\n&lt;%= form_with(model: article, local: true) do |f| %&gt;\n  &lt;div class=\"field\"&gt;\n    &lt;%= f.label :images, '\u753b\u50cf' %&gt;\n    &lt;%= f.file_field :images, multiple: true, \n        accept: 'image\/png,image\/jpg,image\/jpeg',\n        data: { max_file_size: 5.megabytes } %&gt;\n  &lt;\/div&gt;\n\n  &lt;div id=\"preview\"&gt;&lt;\/div&gt;\n\n  &lt;%= f.submit '\u4fdd\u5b58', class: 'btn btn-primary' %&gt;\n&lt;% end %&gt;\n\n&lt;!-- \u30d7\u30ec\u30d3\u30e5\u30fc\u7528\u306eJavaScript --&gt;\n&lt;script&gt;\ndocument.addEventListener('DOMContentLoaded', function() {\n  const imageInput = document.querySelector('input[type=\"file\"]');\n  const preview = document.getElementById('preview');\n\n  imageInput.addEventListener('change', function() {\n    preview.innerHTML = '';\n\n    [...this.files].forEach(file =&gt; {\n      if (file.size &gt; 5 * 1024 * 1024) {\n        alert('\u30d5\u30a1\u30a4\u30eb\u30b5\u30a4\u30ba\u304c5MB\u3092\u8d85\u3048\u3066\u3044\u307e\u3059');\n        return;\n      }\n\n      const reader = new FileReader();\n      reader.onload = function(e) {\n        const img = document.createElement('img');\n        img.src = e.target.result;\n        img.className = 'preview-image';\n        preview.appendChild(img);\n      }\n      reader.readAsDataURL(file);\n    });\n  });\n});\n&lt;\/script&gt;<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-45\">5. \u753b\u50cf\u306e\u8868\u793a<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;!-- app\/views\/articles\/show.html.erb --&gt;\n&lt;div class=\"article-images\"&gt;\n  &lt;% @article.images.each do |image| %&gt;\n    &lt;div class=\"image-container\"&gt;\n      &lt;%= image_tag image.variant(resize_to_limit: [800, 800]) %&gt;\n    &lt;\/div&gt;\n  &lt;% end %&gt;\n&lt;\/div&gt;<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u6a5f\u80fd\u5b9f\u88c5\u306b\u3088\u308a\u3001\u57fa\u672c\u7684\u306a\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u30b7\u30b9\u30c6\u30e0\u3068\u753b\u50cf\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u6a5f\u80fd\u3092\u6301\u3064Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u69cb\u7bc9\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u3068\u30e6\u30fc\u30b6\u30d3\u30ea\u30c6\u30a3\u306e\u4e21\u9762\u306b\u914d\u616e\u3057\u305f\u5b9f\u88c5\u3092\u5fc3\u304c\u3051\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-46\">\u73fe\u5834\u3067\u4f7f\u3048\u308b\u30c6\u30b9\u30c8\u99c6\u52d5\u958b\u767a\u5165\u9580<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-47\">RSpec\u3092\u4f7f\u3063\u305f\u57fa\u672c\u7684\u306a\u30c6\u30b9\u30c8\u306e\u66f8\u304d\u65b9<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-48\">1. RSpec\u306e\u5c0e\u5165\u3068\u521d\u671f\u8a2d\u5b9a<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># Gemfile\ngroup :development, :test do\n  gem 'rspec-rails'\n  gem 'factory_bot_rails'\n  gem 'faker'\nend<\/pre>\n\n\n\n<p>\u521d\u671f\u8a2d\u5b9a\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># RSpec\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3068\u521d\u671f\u5316\nbundle install\nrails generate rspec:install<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-49\">2. \u30e2\u30c7\u30eb\u30b9\u30da\u30c3\u30af\u306e\u57fa\u672c<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># spec\/models\/article_spec.rb\nrequire 'rails_helper'\n\nRSpec.describe Article, type: :model do\n  # Factory Bot\u3092\u4f7f\u7528\u3057\u305f\u30c6\u30b9\u30c8\u30c7\u30fc\u30bf\u306e\u4f5c\u6210\n  let(:user) { create(:user) }\n  let(:article) { build(:article, user: user) }\n\n  describe '\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3' do\n    it '\u30bf\u30a4\u30c8\u30eb\u3068\u672c\u6587\u304c\u3042\u308c\u3070\u6709\u52b9\u3067\u3042\u308b\u3053\u3068' do\n      expect(article).to be_valid\n    end\n\n    it '\u30bf\u30a4\u30c8\u30eb\u304c\u306a\u3051\u308c\u3070\u7121\u52b9\u3067\u3042\u308b\u3053\u3068' do\n      article.title = nil\n      expect(article).to_not be_valid\n    end\n\n    it '\u672c\u6587\u304c10\u6587\u5b57\u672a\u6e80\u3067\u3042\u308c\u3070\u7121\u52b9\u3067\u3042\u308b\u3053\u3068' do\n      article.content = 'Short'\n      expect(article).to_not be_valid\n    end\n  end\n\n  describe '\u30b9\u30b3\u30fc\u30d7' do\n    it 'published \u30b9\u30b3\u30fc\u30d7\u306f\u516c\u958b\u6e08\u307f\u306e\u8a18\u4e8b\u306e\u307f\u3092\u8fd4\u3059\u3053\u3068' do\n      published_article = create(:article, :published)\n      draft_article = create(:article, :draft)\n\n      expect(Article.published).to include(published_article)\n      expect(Article.published).not_to include(draft_article)\n    end\n  end\nend<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-50\">3. \u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30b9\u30da\u30c3\u30af\u306e\u5b9f\u88c5<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># spec\/controllers\/articles_controller_spec.rb\nrequire 'rails_helper'\n\nRSpec.describe ArticlesController, type: :controller do\n  let(:user) { create(:user) }\n  let(:valid_attributes) { attributes_for(:article) }\n  let(:invalid_attributes) { attributes_for(:article, title: nil) }\n\n  describe 'GET #index' do\n    it '\u8a18\u4e8b\u4e00\u89a7\u3092\u53d6\u5f97\u3059\u308b\u3053\u3068' do\n      article = create(:article)\n      get :index\n      expect(assigns(:articles)).to include(article)\n    end\n\n    it '200\u30ec\u30b9\u30dd\u30f3\u30b9\u3092\u8fd4\u3059\u3053\u3068' do\n      get :index\n      expect(response).to have_http_status(:ok)\n    end\n  end\n\n  describe 'POST #create' do\n    context '\u30ed\u30b0\u30a4\u30f3\u6e08\u307f\u306e\u5834\u5408' do\n      before { sign_in user }\n\n      context '\u6709\u52b9\u306a\u30d1\u30e9\u30e1\u30fc\u30bf\u306e\u5834\u5408' do\n        it '\u65b0\u3057\u3044\u8a18\u4e8b\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068' do\n          expect {\n            post :create, params: { article: valid_attributes }\n          }.to change(Article, :count).by(1)\n        end\n\n        it '\u4f5c\u6210\u5f8c\u306b\u8a18\u4e8b\u8a73\u7d30\u30da\u30fc\u30b8\u306b\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u3059\u308b\u3053\u3068' do\n          post :create, params: { article: valid_attributes }\n          expect(response).to redirect_to(Article.last)\n        end\n      end\n\n      context '\u7121\u52b9\u306a\u30d1\u30e9\u30e1\u30fc\u30bf\u306e\u5834\u5408' do\n        it '\u65b0\u3057\u3044\u8a18\u4e8b\u3092\u4f5c\u6210\u3057\u306a\u3044\u3053\u3068' do\n          expect {\n            post :create, params: { article: invalid_attributes }\n          }.not_to change(Article, :count)\n        end\n\n        it '\u65b0\u898f\u4f5c\u6210\u30d5\u30a9\u30fc\u30e0\u3092\u518d\u8868\u793a\u3059\u308b\u3053\u3068' do\n          post :create, params: { article: invalid_attributes }\n          expect(response).to render_template(:new)\n        end\n      end\n    end\n  end\nend<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-51\">\u81ea\u52d5\u30c6\u30b9\u30c8\u3067\u54c1\u8cea\u3092\u62c5\u4fdd\u3059\u308b\u65b9\u6cd5<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-52\">1. Factory Bot\u3092\u4f7f\u7528\u3057\u305f\u30c6\u30b9\u30c8\u30c7\u30fc\u30bf\u306e\u4f5c\u6210<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># spec\/factories\/users.rb\nFactoryBot.define do\n  factory :user do\n    sequence(:email) { |n| \"user#{n}@example.com\" }\n    password { 'password123' }\n    username { Faker::Internet.username }\n\n    trait :admin do\n      admin { true }\n    end\n  end\nend\n\n# spec\/factories\/articles.rb\nFactoryBot.define do\n  factory :article do\n    title { Faker::Lorem.sentence }\n    content { Faker::Lorem.paragraphs(number: 3).join(\"\\n\\n\") }\n    association :user\n\n    trait :published do\n      status { :published }\n      published_at { Time.current }\n    end\n\n    trait :draft do\n      status { :draft }\n      published_at { nil }\n    end\n  end\nend<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-53\">2. \u30c6\u30b9\u30c8\u306e\u81ea\u52d5\u5316\u8a2d\u5b9a<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># spec\/rails_helper.rb\nRSpec.configure do |config|\n  # Factory Bot\u8a2d\u5b9a\n  config.include FactoryBot::Syntax::Methods\n\n  # \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u8a2d\u5b9a\n  config.before(:suite) do\n    DatabaseCleaner.strategy = :transaction\n    DatabaseCleaner.clean_with(:truncation)\n  end\n\n  # \u30b7\u30b9\u30c6\u30e0\u30b9\u30da\u30c3\u30af\u8a2d\u5b9a\n  config.before(:each, type: :system) do\n    driven_by :selenium_chrome_headless\n  end\nend<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-54\">3. \u30b7\u30b9\u30c6\u30e0\u30b9\u30da\u30c3\u30af\u306e\u5b9f\u88c5<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># spec\/system\/articles_spec.rb\nrequire 'rails_helper'\n\nRSpec.describe 'Articles', type: :system do\n  let(:user) { create(:user) }\n\n  before do\n    sign_in user\n  end\n\n  describe '\u8a18\u4e8b\u4f5c\u6210' do\n    it '\u6709\u52b9\u306a\u60c5\u5831\u3067\u8a18\u4e8b\u3092\u4f5c\u6210\u3067\u304d\u308b\u3053\u3068' do\n      visit new_article_path\n\n      fill_in '\u30bf\u30a4\u30c8\u30eb', with: '\u65b0\u3057\u3044\u8a18\u4e8b'\n      fill_in '\u672c\u6587', with: '\u8a18\u4e8b\u306e\u672c\u6587\u3067\u3059\u3002\u3053\u308c\u306f\u30c6\u30b9\u30c8\u3067\u3059\u3002'\n      click_button '\u6295\u7a3f\u3059\u308b'\n\n      expect(page).to have_content '\u8a18\u4e8b\u304c\u4f5c\u6210\u3055\u308c\u307e\u3057\u305f'\n      expect(page).to have_content '\u65b0\u3057\u3044\u8a18\u4e8b'\n    end\n\n    it '\u753b\u50cf\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3067\u304d\u308b\u3053\u3068' do\n      visit new_article_path\n\n      fill_in '\u30bf\u30a4\u30c8\u30eb', with: '\u753b\u50cf\u4ed8\u304d\u8a18\u4e8b'\n      fill_in '\u672c\u6587', with: '\u8a18\u4e8b\u306e\u672c\u6587\u3067\u3059'\n      attach_file '\u753b\u50cf', Rails.root.join('spec\/fixtures\/test_image.jpg')\n      click_button '\u6295\u7a3f\u3059\u308b'\n\n      expect(page).to have_content '\u8a18\u4e8b\u304c\u4f5c\u6210\u3055\u308c\u307e\u3057\u305f'\n      expect(page).to have_selector(\"img[src*='test_image.jpg']\")\n    end\n  end\nend<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-55\">4. CI\u3067\u306e\u81ea\u52d5\u30c6\u30b9\u30c8\u8a2d\u5b9a<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># .github\/workflows\/rspec.yml\nname: RSpec Tests\n\non: [push, pull_request]\n\njobs:\n  test:\n    runs-on: ubuntu-latest\n\n    steps:\n      - uses: actions\/checkout@v2\n\n      - name: Set up Ruby\n        uses: ruby\/setup-ruby@v1\n        with:\n          ruby-version: 3.2.2\n          bundler-cache: true\n\n      - name: Install dependencies\n        run: |\n          bundle install\n\n      - name: Set up database\n        run: |\n          bundle exec rails db:create\n          bundle exec rails db:schema:load\n\n      - name: Run tests\n        run: bundle exec rspec<\/pre>\n\n\n\n<p>\u30c6\u30b9\u30c8\u99c6\u52d5\u958b\u767a\u3092\u5b9f\u8df5\u3059\u308b\u3053\u3068\u3067\u3001\u4ee5\u4e0b\u306e\u30e1\u30ea\u30c3\u30c8\u304c\u5f97\u3089\u308c\u307e\u3059\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30d0\u30b0\u306e\u65e9\u671f\u767a\u898b\u3068\u4fee\u6b63<\/li>\n\n\n\n<li>\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u306e\u5b89\u5168\u6027\u78ba\u4fdd<\/li>\n\n\n\n<li>\u8a2d\u8a08\u54c1\u8cea\u306e\u5411\u4e0a<\/li>\n\n\n\n<li>\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3068\u3057\u3066\u306e\u5f79\u5272<\/li>\n\n\n\n<li>\u56de\u5e30\u30c6\u30b9\u30c8\u306e\u81ea\u52d5\u5316<\/li>\n<\/ol>\n\n\n\n<p>\u52b9\u679c\u7684\u306a\u30c6\u30b9\u30c8\u99c6\u52d5\u958b\u767a\u306e\u305f\u3081\u306b\u3001\u4ee5\u4e0b\u306e\u70b9\u306b\u6ce8\u610f\u3092\u6255\u3044\u307e\u3057\u3087\u3046\uff1a<\/p>\n\n\n\n<p>\u30c6\u30b9\u30c8\u30ab\u30d0\u30ec\u30c3\u30b8\u3092\u9069\u5207\u306b\u7dad\u6301\u3059\u308b<\/p>\n\n\n\n<p>\u30c6\u30b9\u30c8\u306e\u7bc4\u56f2\u3068\u7c92\u5ea6\u3092\u9069\u5207\u306b\u8a2d\u5b9a\u3059\u308b<\/p>\n\n\n\n<p>\u30c6\u30b9\u30c8\u306e\u53ef\u8aad\u6027\u3068\u4fdd\u5b88\u6027\u3092\u91cd\u8996\u3059\u308b<\/p>\n\n\n\n<p>CI\u3092\u6d3b\u7528\u3057\u3066\u7d99\u7d9a\u7684\u306b\u30c6\u30b9\u30c8\u3092\u5b9f\u884c\u3059\u308b<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-56\">\u30c7\u30d7\u30ed\u30a4\u3068\u904b\u7528\u306e\u5b9f\u8df5\u7684\u306a\u30c6\u30af\u30cb\u30c3\u30af<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-57\">Heroku\u3092\u4f7f\u3063\u305f\u7c21\u5358\u30c7\u30d7\u30ed\u30a4\u306e\u65b9\u6cd5<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-58\">1. Heroku\u306e\u521d\u671f\u8a2d\u5b9a<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># Heroku CLI\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\n# macOS\nbrew install heroku\/brew\/heroku\n\n# Heroku\u306b\u30ed\u30b0\u30a4\u30f3\nheroku login\n\n# \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u4f5c\u6210\nheroku create my-rails-app\n\n# PostgreSQL\u30a2\u30c9\u30aa\u30f3\u306e\u8ffd\u52a0\nheroku addons:create heroku-postgresql:hobby-dev<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-59\">2. \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u8a2d\u5b9a<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># Gemfile\ngroup :production do\n  gem 'pg'  # PostgreSQL\u7528\n  gem 'aws-sdk-s3'  # S3\u7528\uff08\u753b\u50cf\u4fdd\u5b58\u7528\uff09\nend\n\n# config\/database.yml\nproduction:\n  url: &lt;%= ENV['DATABASE_URL'] %&gt;\n  adapter: postgresql\n  encoding: unicode\n  pool: &lt;%= ENV.fetch(\"RAILS_MAX_THREADS\") { 5 } %&gt;\n\n# config\/environments\/production.rb\nRails.application.configure do\n  # \u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u8a2d\u5b9a\n  config.cache_classes = true\n  config.eager_load = true\n\n  # \u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u306e\u8a2d\u5b9a\n  config.force_ssl = true\n\n  # \u30a2\u30bb\u30c3\u30c8\u306e\u8a2d\u5b9a\n  config.public_file_server.enabled = ENV['RAILS_SERVE_STATIC_FILES'].present?\n  config.assets.compile = false\n\n  # \u30ed\u30b0\u306e\u8a2d\u5b9a\n  config.log_level = :info\n  config.log_tags = [ :request_id ]\nend<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-60\">3. \u74b0\u5883\u5909\u6570\u306e\u8a2d\u5b9a<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># \u91cd\u8981\u306a\u74b0\u5883\u5909\u6570\u306e\u8a2d\u5b9a\nheroku config:set \\\n  RAILS_MASTER_KEY=$(cat config\/master.key) \\\n  AWS_ACCESS_KEY_ID=your_access_key \\\n  AWS_SECRET_ACCESS_KEY=your_secret_key \\\n  AWS_REGION=ap-northeast-1 \\\n  AWS_BUCKET=your-bucket-name\n\n# \u74b0\u5883\u5909\u6570\u306e\u78ba\u8a8d\nheroku config<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-61\">4. \u30c7\u30d7\u30ed\u30a4\u624b\u9806<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># \u30de\u30b9\u30bf\u30fc\u30d6\u30e9\u30f3\u30c1\u3092\u30c7\u30d7\u30ed\u30a4\ngit push heroku main\n\n# \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u30de\u30a4\u30b0\u30ec\u30fc\u30b7\u30e7\u30f3\nheroku run rails db:migrate\n\n# \u30a2\u30bb\u30c3\u30c8\u306e\u30d7\u30ea\u30b3\u30f3\u30d1\u30a4\u30eb\uff08\u5fc5\u8981\u306a\u5834\u5408\uff09\nheroku run rails assets:precompute\n\n# \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u8d77\u52d5\u78ba\u8a8d\nheroku open<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-62\">\u672c\u756a\u74b0\u5883\u3067\u306e\u6ce8\u610f\u70b9\u3068\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-63\">1. \u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u8a2d\u5b9a\u306e\u5b9f\u88c5<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># config\/initializers\/secure_headers.rb\nSecureHeaders::Configuration.default do |config|\n  config.csp = {\n    default_src: %w('self' https:),\n    script_src: %w('self' 'unsafe-inline' 'unsafe-eval' https:),\n    style_src: %w('self' 'unsafe-inline' https:),\n    img_src: %w('self' data: https:),\n    connect_src: %w('self' https: wss:),\n    font_src: %w('self' https:),\n    object_src: %w('none'),\n    frame_ancestors: %w('none'),\n  }\n\n  config.hsts = {\n    max_age: 1.year.to_i,\n    include_subdomains: true,\n    preload: true\n  }\nend<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-64\">2. \u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># config\/initializers\/rack_attack.rb\nclass Rack::Attack\n  # \u30ec\u30fc\u30c8\u5236\u9650\u306e\u8a2d\u5b9a\n  throttle('req\/ip', limit: 300, period: 5.minutes) do |req|\n    req.ip\n  end\n\n  # \u30d6\u30eb\u30fc\u30c8\u30d5\u30a9\u30fc\u30b9\u653b\u6483\u5bfe\u7b56\n  throttle('logins\/email', limit: 5, period: 20.seconds) do |req|\n    if req.path == '\/users\/sign_in' &amp;&amp; req.post?\n      req.params['email'].to_s.downcase.gsub(\/\\s+\/, '')\n    end\n  end\nend\n\n# config\/initializers\/sidekiq.rb\nSidekiq.configure_server do |config|\n  config.redis = { url: ENV['REDIS_URL'] }\nend\n\n# config\/initializers\/rack_timeout.rb\nRails.application.config.middleware.insert_before(\n  Rack::Runtime,\n  Rack::Timeout,\n  service_timeout: 15\n)<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-65\">3. \u30e2\u30cb\u30bf\u30ea\u30f3\u30b0\u3068\u30ed\u30b0\u7ba1\u7406<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># Gemfile\ngem 'sentry-ruby'\ngem 'sentry-rails'\ngem 'newrelic_rpm'\n\n# config\/initializers\/sentry.rb\nSentry.init do |config|\n  config.dsn = ENV['SENTRY_DSN']\n  config.breadcrumbs_logger = [:active_support_logger, :http_logger]\n  config.traces_sample_rate = 0.1\nend<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-66\">4. \u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u3068\u30ea\u30ab\u30d0\u30ea<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u30d0\u30c3\u30af\u30a2\u30c3\u30d7\nheroku pg:backups:capture\n\n# \u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u306e\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u8a2d\u5b9a\nheroku pg:backups:schedule DATABASE_URL --at '04:00 Asia\/Tokyo'\n\n# \u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u306e\u78ba\u8a8d\nheroku pg:backups\n\n# \u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u306e\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\nheroku pg:backups:download\n\n# \u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u304b\u3089\u306e\u5fa9\u5143\nheroku pg:backups:restore<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-67\">5. \u30b9\u30b1\u30fc\u30ea\u30f3\u30b0\u3068\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u7ba1\u7406<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># Dyno\u306e\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0\nheroku ps:scale web=2 worker=1\n\n# \u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u30e1\u30c8\u30ea\u30af\u30b9\u306e\u78ba\u8a8d\nheroku metrics\n\n# \u30ed\u30b0\u306e\u78ba\u8a8d\nheroku logs --tail<\/pre>\n\n\n\n<p>\u672c\u756a\u74b0\u5883\u3067\u306e\u904b\u7528\u6642\u306e\u30c1\u30a7\u30c3\u30af\u30ea\u30b9\u30c8\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>[ ] \u74b0\u5883\u5909\u6570\u306e\u9069\u5207\u306a\u7ba1\u7406<\/li>\n\n\n\n<li>[ ] SSL\u306e\u5f37\u5236<\/li>\n\n\n\n<li>[ ] \u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30d8\u30c3\u30c0\u30fc\u306e\u8a2d\u5b9a<\/li>\n\n\n\n<li>[ ] \u8106\u5f31\u6027\u8a3a\u65ad\u306e\u5b9a\u671f\u5b9f\u884c<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u5bfe\u7b56<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>[ ] \u30a2\u30bb\u30c3\u30c8\u306e\u6700\u9069\u5316<\/li>\n\n\n\n<li>[ ] \u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u9069\u5207\u306a\u8a2d\u5b9a<\/li>\n\n\n\n<li>[ ] N+1\u30af\u30a8\u30ea\u306e\u89e3\u6d88<\/li>\n\n\n\n<li>[ ] \u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u306e\u6700\u9069\u5316<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u76e3\u8996\u4f53\u5236<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>[ ] \u30a8\u30e9\u30fc\u76e3\u8996\u306e\u8a2d\u5b9a<\/li>\n\n\n\n<li>[ ] \u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0<\/li>\n\n\n\n<li>[ ] \u30ed\u30b0\u7ba1\u7406\u306e\u6574\u5099<\/li>\n\n\n\n<li>[ ] \u30a2\u30e9\u30fc\u30c8\u306e\u8a2d\u5b9a<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u4f53\u5236<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>[ ] \u5b9a\u671f\u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u306e\u8a2d\u5b9a<\/li>\n\n\n\n<li>[ ] \u30ea\u30b9\u30c8\u30a2\u624b\u9806\u306e\u78ba\u8a8d<\/li>\n\n\n\n<li>[ ] \u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u30c7\u30fc\u30bf\u306e\u691c\u8a3c<\/li>\n<\/ul>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u8a2d\u5b9a\u3068\u5bfe\u7b56\u3092\u9069\u5207\u306b\u884c\u3046\u3053\u3068\u3067\u3001\u5b89\u5b9a\u7684\u306a\u30b5\u30fc\u30d3\u30b9\u904b\u7528\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002\u5b9a\u671f\u7684\u306a\u898b\u76f4\u3057\u3068\u66f4\u65b0\u3092\u5fd8\u308c\u305a\u306b\u884c\u3044\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-68\">\u6b21\u306e\u30b9\u30c6\u30c3\u30d7\u306b\u9032\u3080\u305f\u3081\u306e\u30ed\u30fc\u30c9\u30de\u30c3\u30d7<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-69\">\u4e2d\u7d1a\u8005\u306e\u305f\u3081\u306b\u5fc5\u8981\u306a\u30b9\u30ad\u30eb\u3068\u5b66\u7fd2\u65b9\u6cd5<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-70\">1. \u7fd2\u5f97\u3059\u3079\u304d\u4e2d\u7d1a\u8005\u5411\u3051\u30b9\u30ad\u30eb<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u8a2d\u8a08<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30b5\u30fc\u30d3\u30b9\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u30d1\u30bf\u30fc\u30f3<\/li>\n\n\n\n<li>\u30ea\u30dd\u30b8\u30c8\u30ea\u30d1\u30bf\u30fc\u30f3<\/li>\n\n\n\n<li>\u30c9\u30e1\u30a4\u30f3\u99c6\u52d5\u8a2d\u8a08\uff08DDD\uff09<\/li>\n\n\n\n<li>\u30af\u30ea\u30fc\u30f3\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>N+1\u30af\u30a8\u30ea\u554f\u984c\u306e\u89e3\u6c7a<\/li>\n\n\n\n<li>\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u8a2d\u8a08<\/li>\n\n\n\n<li>\u30ad\u30e3\u30c3\u30b7\u30e5\u6226\u7565<\/li>\n\n\n\n<li>\u30d0\u30c3\u30c1\u51e6\u7406\u306e\u6700\u9069\u5316<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>OWASP Top 10\u5bfe\u7b56<\/li>\n\n\n\n<li>\u8a8d\u8a3c\u30fb\u8a8d\u53ef\u306e\u5b9f\u88c5<\/li>\n\n\n\n<li>SQL\u30a4\u30f3\u30b8\u30a7\u30af\u30b7\u30e7\u30f3\u5bfe\u7b56<\/li>\n\n\n\n<li>XSS\u5bfe\u7b56<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30c6\u30b9\u30c8\u30fb\u54c1\u8cea\u7ba1\u7406<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30b7\u30b9\u30c6\u30e0\u30b9\u30da\u30c3\u30af<\/li>\n\n\n\n<li>\u7d71\u5408\u30c6\u30b9\u30c8<\/li>\n\n\n\n<li>\u30e2\u30c3\u30af\u30fb\u30b9\u30bf\u30d6\u306e\u6d3b\u7528<\/li>\n\n\n\n<li>CI\/CD\u30d1\u30a4\u30d7\u30e9\u30a4\u30f3\u69cb\u7bc9<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-71\">2. \u63a8\u5968\u5b66\u7fd2\u30ea\u30bd\u30fc\u30b9<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u66f8\u7c4d<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30d1\u30fc\u30d5\u30a7\u30af\u30c8Ruby on Rails<\/li>\n\n\n\n<li>\u5b9f\u8df5Ruby on Rails<\/li>\n\n\n\n<li>Clean Architecture<\/li>\n\n\n\n<li>Domain-Driven Design<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30aa\u30f3\u30e9\u30a4\u30f3\u30ea\u30bd\u30fc\u30b9<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>RailsGuides Advanced Topics<\/li>\n\n\n\n<li>GoRails<\/li>\n\n\n\n<li>RubyWeekly Newsletter<\/li>\n\n\n\n<li>Thoughtbot Blog<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u5b9f\u8df5\u7684\u306a\u5b66\u7fd2\u65b9\u6cd5<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3078\u306e\u8ca2\u732e<\/li>\n\n\n\n<li>\u500b\u4eba\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u958b\u767a<\/li>\n\n\n\n<li>\u30b3\u30fc\u30c9\u30ec\u30d3\u30e5\u30fc\u306e\u5b9f\u65bd<\/li>\n\n\n\n<li>\u6280\u8853\u52c9\u5f37\u4f1a\u3078\u306e\u53c2\u52a0<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-72\">\u5b9f\u8df5\u3067\u6d3b\u304b\u305b\u308bGem\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u6d3b\u7528\u8853<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-73\">1. \u5fc5\u9808Gem\u3068\u305d\u306e\u4f7f\u3044\u65b9<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u8a8d\u8a3c\u30fb\u8a8d\u53ef<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># Gemfile\ngem 'devise'        # \u8a8d\u8a3c\u57fa\u76e4\ngem 'pundit'        # \u8a8d\u53ef\u5236\u5fa1\ngem 'jwt'           # API\u30c8\u30fc\u30af\u30f3\u8a8d\u8a3c<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>API\u958b\u767a<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">gem 'grape'         # API\u5b9f\u88c5\ngem 'jbuilder'      # JSON\u69cb\u7bc9\ngem 'rack-cors'     # CORS\u5bfe\u5fdc<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">gem 'bullet'        # N+1\u691c\u51fa\ngem 'rack-mini-profiler'  # \u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u8a08\u6e2c\ngem 'memory_profiler'     # \u30e1\u30e2\u30ea\u4f7f\u7528\u5206\u6790<\/pre>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li><strong>\u30d0\u30c3\u30af\u30b0\u30e9\u30a6\u30f3\u30c9\u51e6\u7406<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">gem 'sidekiq'       # \u975e\u540c\u671f\u51e6\u7406\ngem 'whenever'      # \u30af\u30fc\u30ed\u30f3\u8a2d\u5b9a\ngem 'resque'        # \u30b8\u30e7\u30d6\u30ad\u30e5\u30fc<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-74\">2. \u5b9f\u8df5\u7684\u306aGem\u6d3b\u7528\u4f8b<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># app\/models\/concerns\/searchable.rb\nmodule Searchable\n  extend ActiveSupport::Concern\n\n  included do\n    include Elasticsearch::Model\n    include Elasticsearch::Model::Callbacks\n\n    # \u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u8a2d\u5b9a\n    settings index: { number_of_shards: 1 } do\n      mappings dynamic: 'false' do\n        indexes :title, analyzer: 'kuromoji'\n        indexes :content, analyzer: 'kuromoji'\n      end\n    end\n  end\nend\n\n# app\/services\/payment_service.rb\nclass PaymentService\n  include Stripe::Rails::WebhookHandler\n\n  def process_payment(order)\n    Stripe::Charge.create(\n      amount: order.total_amount,\n      currency: 'jpy',\n      customer: order.stripe_customer_id,\n      description: \"Order ##{order.id}\"\n    )\n  rescue Stripe::CardError =&gt; e\n    handle_payment_error(e)\n  end\nend<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-75\">3. \u767a\u5c55\u7684\u306a\u5b66\u7fd2\u30ed\u30fc\u30c9\u30de\u30c3\u30d7<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u57fa\u672c\u7684\u306a\u30b9\u30ad\u30eb\u306e\u5f37\u5316\uff081-3\u30f6\u6708\uff09<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Rails\u306e\u5185\u90e8\u52d5\u4f5c\u7406\u89e3<\/li>\n\n\n\n<li>ActiveRecord\u306e\u6df1\u3044\u7406\u89e3<\/li>\n\n\n\n<li>\u30c6\u30b9\u30c8\u99c6\u52d5\u958b\u767a\u306e\u7fd2\u719f<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u4e2d\u7d1a\u30b9\u30ad\u30eb\u306e\u7fd2\u5f97\uff083-6\u30f6\u6708\uff09<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30c7\u30b6\u30a4\u30f3\u30d1\u30bf\u30fc\u30f3\u306e\u6d3b\u7528<\/li>\n\n\n\n<li>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u30c1\u30e5\u30fc\u30cb\u30f3\u30b0<\/li>\n\n\n\n<li>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56\u306e\u5b9f\u88c5<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u4e0a\u7d1a\u30b9\u30ad\u30eb\u3078\u306e\u6311\u6226\uff086\u30f6\u6708-1\u5e74\uff09<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30de\u30a4\u30af\u30ed\u30b5\u30fc\u30d3\u30b9\u8a2d\u8a08<\/li>\n\n\n\n<li>\u30b9\u30b1\u30fc\u30e9\u30d6\u30eb\u306a\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3<\/li>\n\n\n\n<li>DevOps\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u5c02\u9580\u5206\u91ce\u306e\u78ba\u7acb\uff081\u5e74\u4ee5\u4e0a\uff09<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u7279\u5b9a\u9818\u57df\u306e\u5c02\u9580\u5bb6\u306b\u306a\u308b<\/li>\n\n\n\n<li>\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u8a2d\u8a08\u306e\u30ea\u30fc\u30c9<\/li>\n\n\n\n<li>\u30c1\u30fc\u30e0\u958b\u767a\u306e\u30ea\u30fc\u30c9<\/li>\n<\/ul>\n\n\n\n<p>\u3053\u306e\u30ed\u30fc\u30c9\u30de\u30c3\u30d7\u306b\u5f93\u3063\u3066\u5b66\u7fd2\u3092\u9032\u3081\u308b\u3053\u3068\u3067\u3001Rails\u30a8\u30f3\u30b8\u30cb\u30a2\u3068\u3057\u3066\u306e\u30b9\u30ad\u30eb\u3092\u7740\u5b9f\u306b\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u7279\u306b\u3001\u5b9f\u8df5\u7684\u306a\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u306e\u7d4c\u9a13\u3092\u7a4d\u3080\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Warning: Undefined array key &#8220;is_admin&#8221; in \/home\/xs392991\/dexall.co.jp\/public_html\/articles\/wp-content\/themes\/ &#8230; <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":{"0":"post-1488","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-ruby","7":"nothumb"},"_links":{"self":[{"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/posts\/1488","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1488"}],"version-history":[{"count":1,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/posts\/1488\/revisions"}],"predecessor-version":[{"id":1491,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/posts\/1488\/revisions\/1491"}],"wp:attachment":[{"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1488"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1488"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}