{"id":1470,"date":"2025-03-24T08:50:39","date_gmt":"2025-03-23T23:50:39","guid":{"rendered":"https:\/\/dexall.co.jp\/articles\/?p=1470"},"modified":"2025-03-24T08:50:39","modified_gmt":"2025-03-23T23:50:39","slug":"rails%e9%96%8b%e7%99%ba%e8%80%85%e5%bf%85%e8%a6%8b%ef%bc%81%e3%83%aa%e3%82%bd%e3%83%bc%e3%82%b9%e6%a9%9f%e8%83%bd%e3%82%92%e5%ae%8c%e5%85%a8%e3%81%ab%e7%90%86%e8%a7%a3%e3%81%99%e3%82%8b7%e3%81%a4","status":"publish","type":"post","link":"https:\/\/dexall.co.jp\/articles\/?p=1470","title":{"rendered":"Rails\u958b\u767a\u8005\u5fc5\u898b\uff01\u30ea\u30bd\u30fc\u30b9\u6a5f\u80fd\u3092\u5b8c\u5168\u306b\u7406\u89e3\u3059\u308b7\u3064\u306e\u91cd\u8981\u30dd\u30a4\u30f3\u30c8\u30102024\u5e74\u7248\u3011"},"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\">Rails\u306e\u30ea\u30bd\u30fc\u30b9\u3068\u306f\uff1f\u57fa\u790e\u304b\u3089\u5b8c\u5168\u7406\u89e3<\/a>  <\/li>  <li>    <a href=\"#i-1\">\u30ea\u30bd\u30fc\u30b9\u306e\u5b9a\u7fa9\u3068\u91cd\u8981\u6027<\/a>  <\/li>  <li>    <a href=\"#i-2\">RESTful\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3068\u306e\u95a2\u4fc2\u6027<\/a>  <\/li>  <li>    <a href=\"#i-3\">\u30ea\u30bd\u30fc\u30b9\u304c\u5b9f\u73fe\u3059\u308b\u958b\u767a\u52b9\u7387\u306e\u5411\u4e0a<\/a>  <\/li>  <li>    <a href=\"#i-4\">Rails\u30ea\u30bd\u30fc\u30b9\u5b9f\u88c5\u306e7\u3064\u306e\u91cd\u8981\u30b9\u30c6\u30c3\u30d7<\/a>  <\/li>  <li>    <a href=\"#i-5\">\u30b9\u30c6\u30c3\u30d71\uff1a\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u8a2d\u5b9a\u3068\u30ea\u30bd\u30fc\u30b9\u30e1\u30bd\u30c3\u30c9<\/a>  <\/li>  <li>    <a href=\"#i-6\">\u30b9\u30c6\u30c3\u30d72\uff1a\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u306e\u5b9f\u88c5\u65b9\u6cd5<\/a>  <\/li>  <li>    <a href=\"#i-7\">\u30b9\u30c6\u30c3\u30d73\uff1a\u30e2\u30c7\u30eb\u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u3068\u8a2d\u8a08<\/a>  <\/li>  <li>    <a href=\"#i-8\">\u30b9\u30c6\u30c3\u30d74\uff1a\u30d3\u30e5\u30fc\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u4f5c\u6210<\/a>  <\/li>  <li>    <a href=\"#i-9\">\u30b9\u30c6\u30c3\u30d75\uff1aStrong Parameters\u306e\u8a2d\u5b9a<\/a>  <\/li>  <li>    <a href=\"#i-10\">\u30b9\u30c6\u30c3\u30d76\uff1a\u8a8d\u8a3c\u30fb\u8a8d\u53ef\u306e\u5b9f\u88c5<\/a>  <\/li>  <li>    <a href=\"#i-11\">\u30b9\u30c6\u30c3\u30d77\uff1a\u30c6\u30b9\u30c8\u30b3\u30fc\u30c9\u306e\u4f5c\u6210<\/a>  <\/li>  <li>    <a href=\"#i-12\">\u30ea\u30bd\u30fc\u30b9\u306e\u30cd\u30b9\u30c8\u5316\u3068\u305d\u306e\u6d3b\u7528\u6cd5<\/a>  <\/li>  <li>    <a href=\"#i-13\">\u30b7\u30f3\u30d7\u30eb\u306a\u30cd\u30b9\u30c8\u95a2\u4fc2\u306e\u5b9f\u88c5\u65b9\u6cd5<\/a>  <\/li>  <li>    <a href=\"#i-14\">\u8907\u96d1\u306a\u30ea\u30bd\u30fc\u30b9\u95a2\u4fc2\u306e\u8a2d\u8a08\u30d1\u30bf\u30fc\u30f3<\/a>  <\/li>  <li>    <a href=\"#i-15\">\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u8003\u616e\u3057\u305f\u30cd\u30b9\u30c8\u8a2d\u8a08<\/a>  <\/li>  <li>    <a href=\"#i-16\">\u30ea\u30bd\u30fc\u30b9\u8a2d\u8a08\u306b\u304a\u3051\u308b\u4e00\u822c\u7684\u306a\u843d\u3068\u3057\u7a74<\/a>  <\/li>  <li>    <a href=\"#i-17\">\u904e\u5ea6\u306a\u30cd\u30b9\u30c8\u5316\u306b\u3088\u308b\u8907\u96d1\u5316<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-18\">\u554f\u984c\u70b9<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-19\">\u89e3\u6c7a\u7b56<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-20\">\u78ba\u5b9f\u306a\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u8a2d\u8a08<\/a>    <ul class=\"menu_level_1\">      <li class=\"first last\">        <a href=\"#i-21\">\u5171\u901a\u306e\u554f\u984c\u70b9<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-22\">N+1\u554f\u984c\u306e\u4e88\u9632\u3068\u5bfe\u7b56<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-23\">\u554f\u984c\u306e\u691c\u51fa<\/a>      <\/li>      <li>        <a href=\"#i-24\">\u52b9\u7387\u7684\u306a\u30c7\u30fc\u30bf\u53d6\u5f97<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-25\">\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u76e3\u8996\u3068\u30c7\u30d0\u30c3\u30b0<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-26\">\u5b9f\u8df5\u7684\u306a\u30ea\u30bd\u30fc\u30b9\u6d3b\u7528\u4e8b\u4f8b<\/a>  <\/li>  <li>    <a href=\"#i-27\">API\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u306e\u52b9\u7387\u7684\u306a\u8a2d\u8a08<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-28\">RESTful API \u306e\u5b9f\u88c5<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-29\">\u30ec\u30b9\u30dd\u30f3\u30b9\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u6226\u7565<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-30\">\u30b7\u30f3\u30b0\u30eb\u30da\u30fc\u30b8\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3068\u306e\u9023\u643a<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-31\">React.js \u3068\u306e\u7d71\u5408\u4f8b<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-32\">WebSocket \u901a\u4fe1\u306e\u5b9f\u88c5<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-33\">\u30de\u30a4\u30af\u30ed\u30b5\u30fc\u30d3\u30b9\u306b\u304a\u3051\u308b\u30ea\u30bd\u30fc\u30b9\u8a2d\u8a08<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-34\">\u30b5\u30fc\u30d3\u30b9\u9593\u901a\u4fe1\u306e\u5b9f\u88c5<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-35\">\u30a4\u30d9\u30f3\u30c8\u99c6\u52d5\u578b\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u5b9f\u88c5<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-36\">\u30ea\u30bd\u30fc\u30b9\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316<\/a>  <\/li>  <li>    <a href=\"#i-37\">\u30ad\u30e3\u30c3\u30b7\u30e5\u6226\u7565\u306e\u5b9f\u8df5<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-38\">\u30ed\u30a6\u30ec\u30d9\u30eb\u30ad\u30e3\u30c3\u30b7\u30e5<\/a>      <\/li>      <li>        <a href=\"#i-39\">\u30d3\u30e5\u30fc\u306e\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u30ad\u30e3\u30c3\u30b7\u30e5<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-40\">\u30ed\u30b7\u30a2\u30f3\u30c9\u30fc\u30eb\u30ad\u30e3\u30c3\u30b7\u30e5<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-41\">\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u4ed8\u4e0e\u306e\u6700\u9069\u5316<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-42\">\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u6700\u9069\u5316<\/a>      <\/li>      <li>        <a href=\"#i-43\">\u30af\u30a8\u30ea\u306e\u6700\u9069\u5316<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-44\">\u30d0\u30eb\u30af\u30aa\u30da\u30ec\u30fc\u30b7\u30e7\u30f3\u306e\u6700\u9069\u5316<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-45\">\u30ea\u30bd\u30fc\u30b9\u306e\u30d0\u30fc\u30b8\u30e7\u30cb\u30f3\u30b0\u7ba1\u7406<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-46\">\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30ec\u30d9\u30eb\u306e\u30d0\u30fc\u30b8\u30e7\u30cb\u30f3\u30b0<\/a>      <\/li>      <li>        <a href=\"#i-47\">API\u306e\u30d0\u30fc\u30b8\u30e7\u30cb\u30f3\u30b0<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-48\">\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-49\">\u4eca\u5f8c\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3068\u767a\u5c55\u7684\u306a\u4f7f\u7528\u6cd5<\/a>  <\/li>  <li>    <a href=\"#i-50\">GraphQL\u3068\u306e\u7d71\u5408\u30a2\u30d7\u30ed\u30fc\u30c1<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-51\">GraphQL\u30b9\u30ad\u30fc\u30de\u306e\u5b9a\u7fa9<\/a>      <\/li>      <li>        <a href=\"#i-52\">Batch\u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u306e\u5b9f\u88c5<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-53\">RESTful\u30ea\u30bd\u30fc\u30b9\u3068GraphQL\u306e\u5171\u5b58<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-54\">\u65b0\u3057\u3044Rails\u30d0\u30fc\u30b8\u30e7\u30f3\u3067\u306e\u5909\u66f4\u70b9<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-55\">Rails 7.1\u306e\u65b0\u6a5f\u80fd\u6d3b\u7528<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-56\">\u65b0\u3057\u3044\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u6a5f\u80fd\u306e\u6d3b\u7528<\/a>      <\/li>    <\/ul>  <\/li>  <li class=\"last\">    <a href=\"#i-57\">\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30c8\u30ec\u30f3\u30c9\u3068\u5c06\u6765\u306e\u5c55\u671b<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-58\">\u30e2\u30c0\u30f3\u306a\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u7d71\u5408<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-59\">\u30de\u30a4\u30af\u30ed\u30b5\u30fc\u30d3\u30b9\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3078\u306e\u5bfe\u5fdc<\/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\">Rails\u306e\u30ea\u30bd\u30fc\u30b9\u3068\u306f\uff1f\u57fa\u790e\u304b\u3089\u5b8c\u5168\u7406\u89e3<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-1\">\u30ea\u30bd\u30fc\u30b9\u306e\u5b9a\u7fa9\u3068\u91cd\u8981\u6027<\/h2>\n\n\n\n<p>Rails\u306b\u304a\u3051\u308b\u30ea\u30bd\u30fc\u30b9\u3068\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u3067\u7ba1\u7406\u3059\u308b\u4e3b\u8981\u306a\u30c7\u30fc\u30bf\u3084\u6a5f\u80fd\u306e\u96c6\u5408\u4f53\u3092\u6307\u3057\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001\u30d6\u30ed\u30b0\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u3042\u308c\u3070\u8a18\u4e8b\uff08Article\uff09\u3084\u30b3\u30e1\u30f3\u30c8\uff08Comment\uff09\u3001EC\u30b5\u30a4\u30c8\u3067\u3042\u308c\u3070\u5546\u54c1\uff08Product\uff09\u3084\u6ce8\u6587\uff08Order\uff09\u306a\u3069\u304c\u8a72\u5f53\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>Rails\u306e\u30ea\u30bd\u30fc\u30b9\u306f\u4ee5\u4e0b\u306e\u7279\u5fb4\u3092\u6301\u3061\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=\"\"># config\/routes.rb\nRails.application.routes.draw do\n  # \u57fa\u672c\u7684\u306a\u30ea\u30bd\u30fc\u30b9\u5b9a\u7fa9\n  resources :articles\n\n  # \u5358\u6570\u30ea\u30bd\u30fc\u30b9\u306e\u5b9a\u7fa9\n  resource :profile\n\n  # \u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305f\u30ea\u30bd\u30fc\u30b9\n  resources :products do\n    collection do\n      get 'search'\n    end\n    member do\n      put 'stock'\n    end\n  end\nend<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-2\">RESTful\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3068\u306e\u95a2\u4fc2\u6027<\/h2>\n\n\n\n<p>Rails\u306e\u30ea\u30bd\u30fc\u30b9\u306f\u3001RESTful\uff08Representational State Transfer\uff09\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u539f\u5247\u306b\u57fa\u3065\u3044\u3066\u8a2d\u8a08\u3055\u308c\u3066\u3044\u307e\u3059\u30021\u3064\u306e\u30ea\u30bd\u30fc\u30b9\u5b9a\u7fa9\u3067\u4ee5\u4e0b\u306e7\u3064\u306e\u6a19\u6e96\u7684\u306aRESTful\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u304c\u81ea\u52d5\u751f\u6210\u3055\u308c\u307e\u3059\uff1a<\/p>\n\n\n<div id=\"id-6fd86a43-955f-45ae-9fcf-91120abea452\">\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>HTTP\u30e1\u30bd\u30c3\u30c9<\/th><th>\u30d1\u30b9<\/th><th>\u30a2\u30af\u30b7\u30e7\u30f3<\/th><th>\u7528\u9014<\/th><\/tr><\/thead><tbody><tr><td>GET<\/td><td>\/articles<\/td><td>index<\/td><td>\u30ea\u30bd\u30fc\u30b9\u4e00\u89a7\u306e\u8868\u793a<\/td><\/tr><tr><td>GET<\/td><td>\/articles\/new<\/td><td>new<\/td><td>\u65b0\u898f\u4f5c\u6210\u30d5\u30a9\u30fc\u30e0\u306e\u8868\u793a<\/td><\/tr><tr><td>POST<\/td><td>\/articles<\/td><td>create<\/td><td>\u30ea\u30bd\u30fc\u30b9\u306e\u4f5c\u6210<\/td><\/tr><tr><td>GET<\/td><td>\/articles\/:id<\/td><td>show<\/td><td>\u7279\u5b9a\u30ea\u30bd\u30fc\u30b9\u306e\u8868\u793a<\/td><\/tr><tr><td>GET<\/td><td>\/articles\/:id\/edit<\/td><td>edit<\/td><td>\u7de8\u96c6\u30d5\u30a9\u30fc\u30e0\u306e\u8868\u793a<\/td><\/tr><tr><td>PATCH\/PUT<\/td><td>\/articles\/:id<\/td><td>update<\/td><td>\u30ea\u30bd\u30fc\u30b9\u306e\u66f4\u65b0<\/td><\/tr><tr><td>DELETE<\/td><td>\/articles\/:id<\/td><td>destroy<\/td><td>\u30ea\u30bd\u30fc\u30b9\u306e\u524a\u9664<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"i-3\">\u30ea\u30bd\u30fc\u30b9\u304c\u5b9f\u73fe\u3059\u308b\u958b\u767a\u52b9\u7387\u306e\u5411\u4e0a<\/h2>\n\n\n\n<p>\u30ea\u30bd\u30fc\u30b9\u30d9\u30fc\u30b9\u306e\u958b\u767a\u30a2\u30d7\u30ed\u30fc\u30c1\u306b\u306f\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u660e\u78ba\u306a\u30e1\u30ea\u30c3\u30c8\u304c\u3042\u308a\u307e\u3059\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u7d71\u4e00\u7684\u306a\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u8a2d\u8a08<\/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=\"\"># app\/controllers\/articles_controller.rb\nclass ArticlesController &lt; ApplicationController\n  def index\n    @articles = Article.all\n  end\n\n  def show\n    @article = Article.find(params[:id])\n  end\n\n  # \u4ed6\u306eRESTful\u30a2\u30af\u30b7\u30e7\u30f3\u3082\u540c\u69d8\u306e\u30d1\u30bf\u30fc\u30f3\u3067\u5b9f\u88c5\u53ef\u80fd\nend<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u81ea\u52d5\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u751f\u6210\u306b\u3088\u308b\u5de5\u6570\u524a\u6e1b<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>7\u3064\u306e\u6a19\u6e96\u30a2\u30af\u30b7\u30e7\u30f3\u306e\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u304c\u81ea\u52d5\u751f\u6210<\/li>\n\n\n\n<li>\u30ab\u30b9\u30bf\u30e0\u30a2\u30af\u30b7\u30e7\u30f3\u306e\u8ffd\u52a0\u3082\u5bb9\u6613<\/li>\n\n\n\n<li>URL\u30d8\u30eb\u30d1\u30fc\u30e1\u30bd\u30c3\u30c9\u3082\u81ea\u52d5\u751f\u6210<\/li>\n<\/ul>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>MVC\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3068\u306e\u89aa\u548c\u6027<\/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=\"\"># app\/models\/article.rb\nclass Article &lt; ApplicationRecord\n  # \u30e2\u30c7\u30eb\u306e\u95a2\u9023\u4ed8\u3051\u3082\u76f4\u611f\u7684\n  has_many :comments\n  belongs_to :user\nend\n\n# app\/views\/articles\/index.html.erb\n&lt;% @articles.each do |article| %&gt;\n  &lt;%= link_to article.title, article_path(article) %&gt;\n&lt;% end %&gt;<\/pre>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li><strong>\u30c6\u30b9\u30c8\u306e\u4f53\u7cfb\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=\"\"># spec\/controllers\/articles_controller_spec.rb\nRSpec.describe ArticlesController, type: :controller do\n  describe 'GET #index' do\n    it 'returns a successful response' do\n      get :index\n      expect(response).to be_successful\n    end\n  end\nend<\/pre>\n\n\n\n<p>\u3053\u306e\u3088\u3046\u306b\u3001Rails\u306e\u30ea\u30bd\u30fc\u30b9\u306f\u5358\u306a\u308b\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u6a5f\u80fd\u4ee5\u4e0a\u306e\u4fa1\u5024\u3092\u63d0\u4f9b\u3057\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5168\u4f53\u306e\u8a2d\u8a08\u601d\u60f3\u306b\u5927\u304d\u306a\u5f71\u97ff\u3092\u4e0e\u3048\u3066\u3044\u307e\u3059\u3002\u958b\u767a\u8005\u306f\u6a19\u6e96\u7684\u306a\u30d1\u30bf\u30fc\u30f3\u306b\u5f93\u3046\u3053\u3068\u3067\u3001\u4fdd\u5b88\u6027\u304c\u9ad8\u304f\u3001\u62e1\u5f35\u6027\u306e\u3042\u308b\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u52b9\u7387\u7684\u306b\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-4\">Rails\u30ea\u30bd\u30fc\u30b9\u5b9f\u88c5\u306e7\u3064\u306e\u91cd\u8981\u30b9\u30c6\u30c3\u30d7<\/h2>\n\n\n\n<p>\u4ee5\u4e0b\u3001\u30d6\u30ed\u30b0\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4f8b\u306b\u3001\u8a18\u4e8b\uff08Article\uff09\u30ea\u30bd\u30fc\u30b9\u306e\u5b9f\u88c5\u624b\u9806\u3092\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-5\">\u30b9\u30c6\u30c3\u30d71\uff1a\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u8a2d\u5b9a\u3068\u30ea\u30bd\u30fc\u30b9\u30e1\u30bd\u30c3\u30c9<\/h2>\n\n\n\n<p>\u307e\u305a\u3001<code>config\/routes.rb<\/code>\u3067\u30ea\u30bd\u30fc\u30b9\u3092\u5b9a\u7fa9\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=\"\">Rails.application.routes.draw do\n  resources :articles do\n    # \u30ab\u30b9\u30bf\u30e0\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306e\u8ffd\u52a0\u4f8b\n    collection do\n      get 'published'  # \u516c\u958b\u6e08\u307f\u8a18\u4e8b\u4e00\u89a7\u7528\n    end\n\n    member do\n      post 'publish'   # \u8a18\u4e8b\u306e\u516c\u958b\u7528\n    end\n  end\nend\n\n# \u751f\u6210\u3055\u308c\u308b\u4e3b\u306a\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u78ba\u8a8d\u65b9\u6cd5\n# $ rails routes | grep article<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-6\">\u30b9\u30c6\u30c3\u30d72\uff1a\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u306e\u5b9f\u88c5\u65b9\u6cd5<\/h2>\n\n\n\n<p>RESTful\u306a\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u6301\u3064\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3092\u5b9f\u88c5\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=\"\">class ArticlesController &lt; ApplicationController\n  before_action :set_article, only: [:show, :edit, :update, :destroy, :publish]\n\n  def index\n    @articles = Article.all\n  end\n\n  def show\n  end\n\n  def new\n    @article = Article.new\n  end\n\n  def create\n    @article = Article.new(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      render :new\n    end\n  end\n\n  def publish\n    if @article.publish!\n      redirect_to @article, notice: '\u8a18\u4e8b\u3092\u516c\u958b\u3057\u307e\u3057\u305f'\n    else\n      redirect_to @article, alert: '\u8a18\u4e8b\u306e\u516c\u958b\u306b\u5931\u6557\u3057\u307e\u3057\u305f'\n    end\n  end\n\n  private\n\n  def set_article\n    @article = Article.find(params[:id])\n  end\nend<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-7\">\u30b9\u30c6\u30c3\u30d73\uff1a\u30e2\u30c7\u30eb\u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u3068\u8a2d\u8a08<\/h2>\n\n\n\n<p>\u30e2\u30c7\u30eb\u306b\u306f\u9069\u5207\u306a\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u3068\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u5b9f\u88c5\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=\"\">class Article &lt; ApplicationRecord\n  belongs_to :user\n  has_many :comments, dependent: :destroy\n\n  validates :title, presence: true, length: { minimum: 5, maximum: 100 }\n  validates :content, presence: true\n\n  enum status: { draft: 0, published: 1 }\n\n  scope :recent, -&gt; { order(created_at: :desc) }\n  scope :published, -&gt; { where(status: :published) }\n\n  def publish!\n    update(status: :published, published_at: Time.current)\n  end\nend<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-8\">\u30b9\u30c6\u30c3\u30d74\uff1a\u30d3\u30e5\u30fc\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u4f5c\u6210<\/h2>\n\n\n\n<p>\u5fc5\u8981\u306a\u30d3\u30e5\u30fc\u3092\u5b9f\u88c5\u3057\u307e\u3059\uff08\u4f8b\uff1a<code>app\/views\/articles\/show.html.erb<\/code>\uff09\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=\"\">&lt;article class=\"article-detail\"&gt;\n  &lt;h1&gt;&lt;%= @article.title %&gt;&lt;\/h1&gt;\n\n  &lt;div class=\"article-meta\"&gt;\n    &lt;span&gt;\u6295\u7a3f\u65e5: &lt;%= l @article.created_at, format: :long %&gt;&lt;\/span&gt;\n    &lt;span&gt;\u8457\u8005: &lt;%= @article.user.name %&gt;&lt;\/span&gt;\n    &lt;span&gt;\u30b9\u30c6\u30fc\u30bf\u30b9: &lt;%= @article.status %&gt;&lt;\/span&gt;\n  &lt;\/div&gt;\n\n  &lt;div class=\"article-content\"&gt;\n    &lt;%= @article.content %&gt;\n  &lt;\/div&gt;\n\n  &lt;div class=\"article-actions\"&gt;\n    &lt;%= link_to '\u7de8\u96c6', edit_article_path(@article), class: 'btn btn-primary' %&gt;\n    &lt;%= button_to '\u524a\u9664', article_path(@article), \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;\/article&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-9\">\u30b9\u30c6\u30c3\u30d75\uff1aStrong Parameters\u306e\u8a2d\u5b9a<\/h2>\n\n\n\n<p>\u30d1\u30e9\u30e1\u30fc\u30bf\u306e\u30db\u30ef\u30a4\u30c8\u30ea\u30b9\u30c8\u5316\u3092\u5b9f\u88c5\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=\"\">class ArticlesController &lt; ApplicationController\n  # ...\n\n  private\n\n  def article_params\n    params.require(:article).permit(\n      :title,\n      :content,\n      :category_id,\n      tag_ids: [],\n      images: []\n    )\n  end\nend<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-10\">\u30b9\u30c6\u30c3\u30d76\uff1a\u8a8d\u8a3c\u30fb\u8a8d\u53ef\u306e\u5b9f\u88c5<\/h2>\n\n\n\n<p>Devise\u3068pundit\u3092\u4f7f\u7528\u3057\u305f\u4f8b\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=\"\">class ArticlesController &lt; ApplicationController\n  before_action :authenticate_user!\n  before_action :set_article, only: [:show, :edit, :update, :destroy]\n\n  def update\n    authorize @article\n    if @article.update(article_params)\n      redirect_to @article, notice: '\u8a18\u4e8b\u304c\u66f4\u65b0\u3055\u308c\u307e\u3057\u305f'\n    else\n      render :edit\n    end\n  end\n\n  # app\/policies\/article_policy.rb\n  class ArticlePolicy &lt; ApplicationPolicy\n    def update?\n      user.admin? || record.user == user\n    end\n  end\nend<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-11\">\u30b9\u30c6\u30c3\u30d77\uff1a\u30c6\u30b9\u30c8\u30b3\u30fc\u30c9\u306e\u4f5c\u6210<\/h2>\n\n\n\n<p>RSpec\u3092\u4f7f\u7528\u3057\u305f\u30c6\u30b9\u30c8\u5b9f\u88c5\u4f8b\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.describe ArticlesController, type: :controller do\n  let(:user) { create(:user) }\n  let(:article) { create(:article, user: user) }\n\n  describe 'POST #create' do\n    context '\u6709\u52b9\u306a\u30d1\u30e9\u30e1\u30fc\u30bf\u306e\u5834\u5408' do\n      let(:valid_params) do\n        { article: attributes_for(:article) }\n      end\n\n      it '\u8a18\u4e8b\u304c\u4f5c\u6210\u3055\u308c\u308b' do\n        sign_in user\n        expect {\n          post :create, params: valid_params\n        }.to change(Article, :count).by(1)\n      end\n    end\n\n    context '\u7121\u52b9\u306a\u30d1\u30e9\u30e1\u30fc\u30bf\u306e\u5834\u5408' do\n      let(:invalid_params) do\n        { article: attributes_for(:article, title: '') }\n      end\n\n      it '\u8a18\u4e8b\u304c\u4f5c\u6210\u3055\u308c\u306a\u3044' do\n        sign_in user\n        expect {\n          post :create, params: invalid_params\n        }.not_to change(Article, :count)\n      end\n    end\n  end\nend<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e7\u3064\u306e\u30b9\u30c6\u30c3\u30d7\u3092\u9069\u5207\u306b\u5b9f\u88c5\u3059\u308b\u3053\u3068\u3067\u3001\u5805\u7262\u3067\u4fdd\u5b88\u6027\u306e\u9ad8\u3044\u30ea\u30bd\u30fc\u30b9\u6a5f\u80fd\u3092\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002\u5404\u30b9\u30c6\u30c3\u30d7\u3067\u91cd\u8981\u306a\u30dd\u30a4\u30f3\u30c8\u306f\uff1a<\/p>\n\n\n\n<p>\u30c6\u30b9\u30c8\uff1a\u5883\u754c\u5024\u3084\u7570\u5e38\u7cfb\u3082\u542b\u3081\u305f\u5305\u62ec\u7684\u306a\u30c6\u30b9\u30c8\u306e\u5b9f\u88c5<\/p>\n\n\n\n<p>\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\uff1a\u5fc5\u8981\u6700\u5c0f\u9650\u306e\u30eb\u30fc\u30c8\u3092\u5b9a\u7fa9\u3057\u3001RESTful\u306a\u8a2d\u8a08\u3092\u5fc3\u304c\u3051\u308b<\/p>\n\n\n\n<p>\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\uff1aDRY\u306e\u539f\u5247\u3092\u5b88\u308a\u3001\u9069\u5207\u306a\u4f8b\u5916\u51e6\u7406\u3092\u5b9f\u88c5<\/p>\n\n\n\n<p>\u30e2\u30c7\u30eb\uff1a\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u30ab\u30d7\u30bb\u30eb\u5316\u3057\u3001\u9069\u5207\u306a\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u3092\u8a2d\u5b9a<\/p>\n\n\n\n<p>\u30d3\u30e5\u30fc\uff1a\u30d1\u30fc\u30b7\u30e3\u30eb\u3092\u6d3b\u7528\u3057\u3001\u518d\u5229\u7528\u53ef\u80fd\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f5c\u6210<\/p>\n\n\n\n<p>Strong Parameters\uff1a\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u3092\u8003\u616e\u3057\u305f\u30d1\u30e9\u30e1\u30fc\u30bf\u8a2d\u5b9a<\/p>\n\n\n\n<p>\u8a8d\u8a3c\u30fb\u8a8d\u53ef\uff1a\u9069\u5207\u306a\u30a2\u30af\u30bb\u30b9\u5236\u5fa1\u306e\u5b9f\u88c5<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-12\">\u30ea\u30bd\u30fc\u30b9\u306e\u30cd\u30b9\u30c8\u5316\u3068\u305d\u306e\u6d3b\u7528\u6cd5<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-13\">\u30b7\u30f3\u30d7\u30eb\u306a\u30cd\u30b9\u30c8\u95a2\u4fc2\u306e\u5b9f\u88c5\u65b9\u6cd5<\/h2>\n\n\n\n<p>\u30cd\u30b9\u30c8\u3055\u308c\u305f\u30ea\u30bd\u30fc\u30b9\u306f\u3001\u89aa\u5b50\u95a2\u4fc2\u306e\u3042\u308b\u6a5f\u80fd\u3092\u81ea\u7136\u306b\u8868\u73fe\u3057\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001\u8a18\u4e8b\u3068\u30b3\u30e1\u30f3\u30c8\u306e\u95a2\u4fc2\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=\"\"># config\/routes.rb\nRails.application.routes.draw do\n  resources :articles do\n    resources :comments\n  end\nend\n\n# \u751f\u6210\u3055\u308c\u308b\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u4f8b:\n# article_comments_path(@article)     # =&gt; \/articles\/:article_id\/comments\n# new_article_comment_path(@article)  # =&gt; \/articles\/:article_id\/comments\/new<\/pre>\n\n\n\n<p>\u57fa\u672c\u7684\u306a\u5b9f\u88c5\u4f8b\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=\"\"># app\/controllers\/comments_controller.rb\nclass CommentsController &lt; ApplicationController\n  before_action :set_article\n\n  def create\n    @comment = @article.comments.build(comment_params)\n\n    if @comment.save\n      redirect_to @article, notice: '\u30b3\u30e1\u30f3\u30c8\u304c\u6295\u7a3f\u3055\u308c\u307e\u3057\u305f'\n    else\n      redirect_to @article, alert: '\u30b3\u30e1\u30f3\u30c8\u306e\u6295\u7a3f\u306b\u5931\u6557\u3057\u307e\u3057\u305f'\n    end\n  end\n\n  private\n\n  def set_article\n    @article = Article.find(params[:article_id])\n  end\n\n  def comment_params\n    params.require(:comment).permit(:content).merge(user: current_user)\n  end\nend<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-14\">\u8907\u96d1\u306a\u30ea\u30bd\u30fc\u30b9\u95a2\u4fc2\u306e\u8a2d\u8a08\u30d1\u30bf\u30fc\u30f3<\/h2>\n\n\n\n<p>\u3088\u308a\u8907\u96d1\u306a\u95a2\u4fc2\u6027\u306e\u5b9f\u88c5\u4f8b\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=\"\"># config\/routes.rb\nRails.application.routes.draw do\n  resources :organizations do\n    resources :projects do\n      resources :tasks do\n        resources :comments\n        member do\n          post :complete\n        end\n      end\n    end\n\n    # \u76f4\u63a5\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5168\u4f53\u3092\u691c\u7d22\u53ef\u80fd\u306b\n    resources :tasks, only: [:index, :show]\n  end\nend\n\n# \u30e2\u30c7\u30eb\u306e\u95a2\u9023\u5b9a\u7fa9\nclass Organization &lt; ApplicationRecord\n  has_many :projects\n  has_many :tasks, through: :projects\n  has_many :comments, through: :tasks\nend\n\nclass Project &lt; ApplicationRecord\n  belongs_to :organization\n  has_many :tasks\n\n  # \u30bf\u30b9\u30af\u306e\u96c6\u8a08\u7528\u30b9\u30b3\u30fc\u30d7\n  def self.with_task_counts\n    left_joins(:tasks)\n      .select('projects.*, COUNT(tasks.id) as tasks_count')\n      .group('projects.id')\n  end\nend<\/pre>\n\n\n\n<p>\u8907\u96d1\u306a\u30cd\u30b9\u30c8\u51e6\u7406\u3092\u7c21\u6f54\u306b\u66f8\u304f\u305f\u3081\u306e concerns \u306e\u6d3b\u7528\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=\"\"># app\/controllers\/concerns\/nested_resource.rb\nmodule NestedResource\n  extend ActiveSupport::Concern\n\n  included do\n    before_action :set_parent_resource\n  end\n\n  private\n\n  def set_parent_resource\n    parent_class = self.class.parent_class\n    parent_id = params[\"#{parent_class.name.underscore}_id\"]\n    instance_variable_set(\n      \"@#{parent_class.name.underscore}\",\n      parent_class.find(parent_id)\n    )\n  end\n\n  class_methods do\n    def parent_class(klass = nil)\n      if klass\n        @parent_class = klass\n      else\n        @parent_class\n      end\n    end\n  end\nend\n\n# \u4f7f\u7528\u4f8b\nclass TasksController &lt; ApplicationController\n  include NestedResource\n  parent_class Project\n\n  def index\n    @tasks = @project.tasks.includes(:user, :comments)\n  end\nend<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-15\">\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u8003\u616e\u3057\u305f\u30cd\u30b9\u30c8\u8a2d\u8a08<\/h2>\n\n\n\n<p>\u30cd\u30b9\u30c8\u3055\u308c\u305f\u30ea\u30bd\u30fc\u30b9\u3067\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316\u30c6\u30af\u30cb\u30c3\u30af\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Eager Loading \u306e\u9069\u5207\u306a\u4f7f\u7528<\/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=\"\">class ProjectsController &lt; ApplicationController\n  def show\n    @project = Project\n      .includes(tasks: [:assignee, :comments])\n      .find(params[:id])\n  end\nend<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>Counter Cache \u306e\u6d3b\u7528<\/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=\"\">class Task &lt; ApplicationRecord\n  belongs_to :project, counter_cache: true\nend\n\n# \u30de\u30a4\u30b0\u30ec\u30fc\u30b7\u30e7\u30f3\nclass AddTasksCountToProjects &lt; ActiveRecord::Migration[7.0]\n  def change\n    add_column :projects, :tasks_count, :integer, default: 0\n  end\nend<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3\u306e\u5b9f\u88c5<\/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=\"\">class TasksController &lt; ApplicationController\n  def index\n    @tasks = @project\n      .tasks\n      .includes(:assignee)\n      .page(params[:page])\n      .per(20)\n  end\nend\n\n# \u30d3\u30e5\u30fc\u3067\u306e\u5b9f\u88c5\n&lt;%= render @tasks %&gt;\n&lt;%= paginate @tasks %&gt;<\/pre>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li><strong>\u30ad\u30e3\u30c3\u30b7\u30e5\u6226\u7565<\/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=\"\"># app\/views\/projects\/show.html.erb\n&lt;% cache [@project, @project.tasks_count] do %&gt;\n  &lt;h1&gt;&lt;%= @project.name %&gt;&lt;\/h1&gt;\n\n  &lt;div class=\"tasks-container\"&gt;\n    &lt;% @project.tasks.each do |task| %&gt;\n      &lt;% cache task do %&gt;\n        &lt;%= render 'tasks\/task', task: task %&gt;\n      &lt;% end %&gt;\n    &lt;% end %&gt;\n  &lt;\/div&gt;\n&lt;% end %&gt;<\/pre>\n\n\n\n<p>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>N+1\u30af\u30a8\u30ea\u306e\u56de\u907f<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>includes, preload, eager_load\u3092\u9069\u5207\u306b\u4f7f\u7528<\/li>\n\n\n\n<li>bullet gem\u3067N+1\u30af\u30a8\u30ea\u3092\u691c\u51fa<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u8a2d\u8a08<\/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=\"\">class AddIndexesToNestedResources &lt; ActiveRecord::Migration[7.0]\n  def change\n    add_index :tasks, [:project_id, :status]\n    add_index :comments, [:task_id, :created_at]\n  end\nend<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30cd\u30b9\u30c8\u306e\u6df1\u3055\u3092\u5236\u9650<\/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=\"\"># config\/routes.rb\nRails.application.routes.draw do\n  resources :organizations do\n    resources :projects, shallow: true do\n      resources :tasks\n    end\n  end\nend<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u5b9f\u88c5\u65b9\u6cd5\u3068\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u3001\u4fdd\u5b88\u6027\u304c\u9ad8\u304f\u3001\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306e\u826f\u3044\u30cd\u30b9\u30c8\u3055\u308c\u305f\u30ea\u30bd\u30fc\u30b9\u6a5f\u80fd\u3092\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-16\">\u30ea\u30bd\u30fc\u30b9\u8a2d\u8a08\u306b\u304a\u3051\u308b\u4e00\u822c\u7684\u306a\u843d\u3068\u3057\u7a74<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-17\">\u904e\u5ea6\u306a\u30cd\u30b9\u30c8\u5316\u306b\u3088\u308b\u8907\u96d1\u5316<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-18\">\u554f\u984c\u70b9<\/h3>\n\n\n\n<p>\u6df1\u3059\u304e\u308b\u30cd\u30b9\u30c8\u69cb\u9020\u306f\u4ee5\u4e0b\u306e\u554f\u984c\u3092\u5f15\u304d\u8d77\u3053\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=\"\"># \u907f\u3051\u308b\u3079\u304d\u4f8b\nresources :organizations do\n  resources :departments do\n    resources :teams do\n      resources :projects do\n        resources :tasks do\n          resources :comments\n        end\n      end\n    end\n  end\nend\n\n# \u7d50\u679c\u3068\u3057\u3066\u751f\u6210\u3055\u308c\u308b\u9577\u3059\u304e\u308bURL\u4f8b\n# \/organizations\/1\/departments\/2\/teams\/3\/projects\/4\/tasks\/5\/comments<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-19\">\u89e3\u6c7a\u7b56<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><code>shallow: true<\/code> \u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u6d3b\u7528\uff1a<\/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=\"\"># config\/routes.rb\nRails.application.routes.draw do\n  resources :organizations do\n    resources :departments, shallow: true do\n      resources :projects\n    end\n  end\nend\n\n# \u751f\u6210\u3055\u308c\u308b\u30eb\u30fc\u30c8\u4f8b\uff1a\n# GET \/organizations\/:organization_id\/departments    # index\n# GET \/departments\/:id                              # show\n# GET \/departments\/:department_id\/projects          # nested index<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>\u5fc5\u8981\u306a\u30cd\u30b9\u30c8\u306e\u307f\u3092\u6b8b\u3059\uff1a<\/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.application.routes.draw do\n  resources :organizations do\n    resources :departments\n  end\n\n  resources :projects do\n    resources :tasks\n  end\n\n  resources :tasks do\n    resources :comments\n  end\nend<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-20\">\u78ba\u5b9f\u306a\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u8a2d\u8a08<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-21\">\u5171\u901a\u306e\u554f\u984c\u70b9<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u4e0d\u5fc5\u8981\u306a\u30eb\u30fc\u30c8\u306e\u9732\u51fa<\/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=\"\"># \u554f\u984c\u306e\u3042\u308b\u4f8b\nresources :articles do\n  resources :comments do\n    resources :votes  # \u672c\u5f53\u306b\u3053\u306e\u30cd\u30b9\u30c8\u304c\u5fc5\u8981\uff1f\n  end\nend\n\n# \u6539\u5584\u4f8b\nresources :articles do\n  resources :comments, only: [:create, :destroy]\nend\nresources :votes, only: [:create, :destroy]<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u540d\u524d\u7a7a\u9593\u306e\u885d\u7a81<\/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=\"\"># \u554f\u984c\u3092\u5f15\u304d\u8d77\u3053\u3059\u53ef\u80fd\u6027\u306e\u3042\u308b\u8a2d\u8a08\nnamespace :admin do\n  resources :users\nend\n\nnamespace :api do\n  resources :users\nend\n\n# \u6539\u5584\u4f8b\uff1a\u30b9\u30b3\u30fc\u30d7\u3092\u660e\u78ba\u306b\nnamespace :admin do\n  resources :users, controller: 'admin_users'\nend\n\nnamespace :api do\n  namespace :v1 do\n    resources :users, controller: 'api_users'\n  end\nend<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30ab\u30b9\u30bf\u30e0\u30a2\u30af\u30b7\u30e7\u30f3\u306e\u9069\u5207\u306a\u914d\u7f6e<\/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=\"\"># \u907f\u3051\u308b\u3079\u304d\u4f8b\nresources :articles do\n  member do\n    post 'publish'\n    post 'unpublish'\n    post 'archive'\n    post 'restore'\n  end\nend\n\n# \u6539\u5584\u4f8b\uff1a\u72b6\u614b\u9077\u79fb\u3092\u5225\u30ea\u30bd\u30fc\u30b9\u3068\u3057\u3066\u6271\u3046\nresources :articles do\n  resource :publication, only: [:create, :destroy]\n  resource :archive, only: [:create, :destroy]\nend<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-22\">N+1\u554f\u984c\u306e\u4e88\u9632\u3068\u5bfe\u7b56<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-23\">\u554f\u984c\u306e\u691c\u51fa<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>bullet gem\u306e\u5c0e\u5165<\/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\ngroup :development do\n  gem 'bullet'\nend\n\n# config\/environments\/development.rb\nconfig.after_initialize do\n  Bullet.enable = true\n  Bullet.alert = true\n  Bullet.rails_logger = true\nend<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-24\">\u52b9\u7387\u7684\u306a\u30c7\u30fc\u30bf\u53d6\u5f97<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>includes \u306e\u9069\u5207\u306a\u4f7f\u7528<\/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=\"\"># \u554f\u984c\u306e\u3042\u308b\u30b3\u30fc\u30c9\ndef index\n  @articles = Article.all\n  # N+1\u30af\u30a8\u30ea\u304c\u767a\u751f\n  @articles.each do |article|\n    puts article.user.name\n  end\nend\n\n# \u6539\u5584\u5f8c\u306e\u30b3\u30fc\u30c9\ndef index\n  @articles = Article.includes(:user, :categories, comments: :user)\n  # \u5fc5\u8981\u306a\u30c7\u30fc\u30bf\u30921\u56de\u306e\u30af\u30a8\u30ea\u3067\u53d6\u5f97\nend<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>joins \u3068 preload \u306e\u4f7f\u3044\u5206\u3051<\/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=\"\">class ArticlesController &lt; ApplicationController\n  def index\n    @articles = Article.all\n\n    # \u6761\u4ef6\u3067\u7d5e\u308a\u8fbc\u3080\u5834\u5408\u306fjoins\u3092\u4f7f\u7528\n    @articles = @articles.joins(:categories).where(categories: { name: 'Technology' })\n\n    # \u95a2\u9023\u30c7\u30fc\u30bf\u3092\u8868\u793a\u3059\u308b\u5834\u5408\u306fpreload\u3092\u4f7f\u7528\n    @articles = @articles.preload(:comments, :tags)\n  end\nend<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>counter_cache\u306e\u6d3b\u7528<\/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=\"\"># app\/models\/comment.rb\nclass Comment &lt; ApplicationRecord\n  belongs_to :article, counter_cache: true\nend\n\n# db\/migrate\/YYYYMMDDHHMMSS_add_comments_count_to_articles.rb\nclass AddCommentsCountToArticles &lt; ActiveRecord::Migration[7.0]\n  def change\n    add_column :articles, :comments_count, :integer, default: 0\n\n    # \u65e2\u5b58\u30ec\u30b3\u30fc\u30c9\u306e\u66f4\u65b0\n    reversible do |dir|\n      dir.up do\n        Article.find_each do |article|\n          Article.reset_counters(article.id, :comments)\n        end\n      end\n    end\n  end\nend<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-25\">\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u76e3\u8996\u3068\u30c7\u30d0\u30c3\u30b0<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>rack-mini-profiler \u306e\u6d3b\u7528<\/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 'rack-mini-profiler'\n\n# \u7279\u5b9a\u306e\u30af\u30a8\u30ea\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u8a08\u6e2c\nArticle.includes(:comments).where(published: true).to_a<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u843d\u3068\u3057\u7a74\u3092\u8a8d\u8b58\u3057\u3001\u9069\u5207\u306a\u5bfe\u7b56\u3092\u8b1b\u3058\u308b\u3053\u3068\u3067\u3001\u3088\u308a\u4fdd\u5b88\u6027\u304c\u9ad8\u304f\u3001\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306e\u826f\u3044\u30ea\u30bd\u30fc\u30b9\u8a2d\u8a08\u3092\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002\u91cd\u8981\u306a\u306e\u306f\uff1a<\/p>\n\n\n\n<p>\u9069\u5207\u306a\u30c4\u30fc\u30eb\u3068\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3092\u6d3b\u7528\u3059\u308b<\/p>\n\n\n\n<p>\u5fc5\u8981\u6700\u5c0f\u9650\u306e\u30cd\u30b9\u30c8\u69cb\u9020\u3092\u7dad\u6301\u3059\u308b<\/p>\n\n\n\n<p>\u660e\u78ba\u3067\u4e00\u8cab\u6027\u306e\u3042\u308b\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u8a2d\u8a08\u3092\u884c\u3046<\/p>\n\n\n\n<p>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u554f\u984c\u3092\u65e9\u671f\u306b\u767a\u898b\u3057\u5bfe\u51e6\u3059\u308b<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-26\">\u5b9f\u8df5\u7684\u306a\u30ea\u30bd\u30fc\u30b9\u6d3b\u7528\u4e8b\u4f8b<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-27\">API\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u306e\u52b9\u7387\u7684\u306a\u8a2d\u8a08<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-28\">RESTful API \u306e\u5b9f\u88c5<\/h3>\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  namespace :api do\n    namespace :v1 do\n      resources :articles do\n        resources :comments, only: [:index, :create]\n        member do\n          post :publish\n          get :analytics\n        end\n      end\n    end\n  end\nend\n\n# app\/controllers\/api\/v1\/articles_controller.rb\nmodule Api\n  module V1\n    class ArticlesController &lt; ApiController\n      def index\n        articles = Article.includes(:user, :categories)\n                         .page(params[:page])\n                         .per(20)\n\n        render json: ArticleSerializer.new(articles, {\n          include: [:user, :categories],\n          meta: { total_pages: articles.total_pages }\n        }).serialized_json\n      end\n\n      def analytics\n        data = @article.analytics_data\n        render json: {\n          views_count: data.views_count,\n          unique_visitors: data.unique_visitors,\n          average_time: data.average_time\n        }\n      end\n    end\n  end\nend\n\n# app\/serializers\/article_serializer.rb\nclass ArticleSerializer\n  include JSONAPI::Serializer\n\n  attributes :title, :content, :status\n\n  attribute :created_at do |article|\n    article.created_at.iso8601\n  end\n\n  belongs_to :user\n  has_many :categories\nend<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-29\">\u30ec\u30b9\u30dd\u30f3\u30b9\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u6226\u7565<\/h3>\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\/api\/v1\/articles_controller.rb\ndef index\n  articles = Article.includes(:user, :categories)\n\n  response = Rails.cache.fetch([\"api\/v1\/articles\", articles.cache_key]) do\n    ArticleSerializer.new(articles).serialized_json\n  end\n\n  render json: response\nend<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-30\">\u30b7\u30f3\u30b0\u30eb\u30da\u30fc\u30b8\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3068\u306e\u9023\u643a<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-31\">React.js \u3068\u306e\u7d71\u5408\u4f8b<\/h3>\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\/api\/v1\/articles_controller.rb\ndef create\n  article = Article.new(article_params)\n\n  if article.save\n    render json: ArticleSerializer.new(article).serialized_json, status: :created\n  else\n    render json: { errors: article.errors }, status: :unprocessable_entity\n  end\nend\n\n# \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3067\u306e\u5229\u7528\u4f8b\uff08React\uff09\nconst createArticle = async (articleData) =&gt; {\n  try {\n    const response = await fetch('\/api\/v1\/articles', {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application\/json',\n        'X-CSRF-Token': document.querySelector('[name=\"csrf-token\"]').content\n      },\n      body: JSON.stringify({ article: articleData })\n    });\n\n    if (!response.ok) throw new Error('Network response was not ok');\n    return await response.json();\n  } catch (error) {\n    console.error('Error:', error);\n  }\n};<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-32\">WebSocket \u901a\u4fe1\u306e\u5b9f\u88c5<\/h3>\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\/channels\/articles_channel.rb\nclass ArticlesChannel &lt; ApplicationCable::Channel\n  def subscribed\n    stream_from \"articles_#{params[:room]}\"\n  end\n\n  def receive(data)\n    ActionCable.server.broadcast(\n      \"articles_#{params[:room]}\",\n      article: ArticleSerializer.new(Article.find(data['id'])).serialized_json\n    )\n  end\nend<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-33\">\u30de\u30a4\u30af\u30ed\u30b5\u30fc\u30d3\u30b9\u306b\u304a\u3051\u308b\u30ea\u30bd\u30fc\u30b9\u8a2d\u8a08<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-34\">\u30b5\u30fc\u30d3\u30b9\u9593\u901a\u4fe1\u306e\u5b9f\u88c5<\/h3>\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\/services\/analytics_service.rb\nclass AnalyticsService\n  include HTTParty\n  base_uri 'http:\/\/analytics-service.example.com'\n\n  def self.track_article_view(article_id, user_id)\n    post(\n      '\/events',\n      body: {\n        event_type: 'article_view',\n        article_id: article_id,\n        user_id: user_id,\n        timestamp: Time.current\n      }.to_json,\n      headers: { 'Content-Type' =&gt; 'application\/json' }\n    )\n  end\nend\n\n# app\/controllers\/articles_controller.rb\ndef show\n  @article = Article.find(params[:id])\n  AnalyticsService.track_article_view(@article.id, current_user&amp;.id)\nend<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-35\">\u30a4\u30d9\u30f3\u30c8\u99c6\u52d5\u578b\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u5b9f\u88c5<\/h3>\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\/sneakers.rb\nrequire 'sneakers'\n\nSneakers.configure(\n  amqp: ENV['RABBITMQ_URL'],\n  exchange: 'articles',\n  exchange_type: :topic\n)\n\n# app\/workers\/article_event_worker.rb\nclass ArticleEventWorker\n  include Sneakers::Worker\n\n  from_queue 'article_events',\n             exchange: 'articles',\n             routing_key: 'article.#'\n\n  def work(raw_event)\n    event = JSON.parse(raw_event)\n    case event['type']\n    when 'article.published'\n      notify_subscribers(event['article_id'])\n    when 'article.commented'\n      update_comment_counts(event['article_id'])\n    end\n    ack!\n  end\n\n  private\n\n  def notify_subscribers(article_id)\n    article = Article.find(article_id)\n    article.subscribers.each do |subscriber|\n      ArticleMailer.published_notification(subscriber, article).deliver_later\n    end\n  end\nend<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u5b9f\u88c5\u4f8b\u306f\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u91cd\u8981\u306a\u30dd\u30a4\u30f3\u30c8\u3092\u793a\u3057\u3066\u3044\u307e\u3059\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>API\u8a2d\u8a08\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u9069\u5207\u306a\u30d0\u30fc\u30b8\u30e7\u30cb\u30f3\u30b0<\/li>\n\n\n\n<li>JSON:API\u306e\u898f\u683c\u306b\u6e96\u62e0<\/li>\n\n\n\n<li>\u52b9\u7387\u7684\u306a\u30ad\u30e3\u30c3\u30b7\u30e5\u6226\u7565<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u9023\u643a<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>RESTful API\u306e\u63d0\u4f9b<\/li>\n\n\n\n<li>\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u901a\u4fe1\u306e\u5b9f\u88c5<\/li>\n\n\n\n<li>\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30b5\u30a4\u30c9\u306e\u30a8\u30e9\u30fc\u30cf\u30f3\u30c9\u30ea\u30f3\u30b0<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30de\u30a4\u30af\u30ed\u30b5\u30fc\u30d3\u30b9\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3<\/strong><\/li>\n<\/ol>\n\n\n\n<p>\u975e\u540c\u671f\u51e6\u7406\u306e\u6d3b\u7528<\/p>\n\n\n\n<p>\u30b5\u30fc\u30d3\u30b9\u9593\u306e\u758e\u7d50\u5408<\/p>\n\n\n\n<p>\u30a4\u30d9\u30f3\u30c8\u99c6\u52d5\u578b\u306e\u8a2d\u8a08<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-36\">\u30ea\u30bd\u30fc\u30b9\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-37\">\u30ad\u30e3\u30c3\u30b7\u30e5\u6226\u7565\u306e\u5b9f\u8df5<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-38\">\u30ed\u30a6\u30ec\u30d9\u30eb\u30ad\u30e3\u30c3\u30b7\u30e5<\/h3>\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\/environments\/production.rb\nconfig.cache_store = :redis_cache_store, {\n  url: ENV['REDIS_URL'],\n  expires_in: 1.day,\n  namespace: 'cache'\n}\n\n# app\/models\/article.rb\nclass Article &lt; ApplicationRecord\n  def cached_comments_count\n    Rails.cache.fetch([self, \"comments_count\"]) do\n      comments.count\n    end\n  end\n\n  def cached_recent_comments\n    Rails.cache.fetch([self, \"recent_comments\"], expires_in: 5.minutes) do\n      comments.recent.limit(5).to_a\n    end\n  end\nend<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-39\">\u30d3\u30e5\u30fc\u306e\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u30ad\u30e3\u30c3\u30b7\u30e5<\/h3>\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\/views\/articles\/show.html.erb\n&lt;% cache [\"v1\", @article] do %&gt;\n  &lt;article&gt;\n    &lt;h1&gt;&lt;%= @article.title %&gt;&lt;\/h1&gt;\n    &lt;div class=\"metadata\"&gt;\n      &lt;% cache [\"v1\", @article, \"author\"] do %&gt;\n        &lt;%= render \"author\", author: @article.user %&gt;\n      &lt;% end %&gt;\n    &lt;\/div&gt;\n\n    &lt;div class=\"content\"&gt;\n      &lt;%= @article.content %&gt;\n    &lt;\/div&gt;\n\n    &lt;div class=\"comments\"&gt;\n      &lt;% cache [\"v1\", @article, \"comments\", @article.comments_count] do %&gt;\n        &lt;%= render partial: \"comments\/comment\",\n                   collection: @article.comments.includes(:user),\n                   cached: true %&gt;\n      &lt;% end %&gt;\n    &lt;\/div&gt;\n  &lt;\/article&gt;\n&lt;% end %&gt;<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-40\">\u30ed\u30b7\u30a2\u30f3\u30c9\u30fc\u30eb\u30ad\u30e3\u30c3\u30b7\u30e5<\/h3>\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\/views\/comments\/_comment.html.erb\n&lt;% cache [\"v1\", comment] do %&gt;\n  &lt;div class=\"comment\"&gt;\n    &lt;% cache [\"v1\", comment.user] do %&gt;\n      &lt;%= render \"users\/avatar\", user: comment.user %&gt;\n    &lt;% end %&gt;\n\n    &lt;div class=\"content\"&gt;\n      &lt;%= comment.content %&gt;\n    &lt;\/div&gt;\n  &lt;\/div&gt;\n&lt;% end %&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-41\">\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u4ed8\u4e0e\u306e\u6700\u9069\u5316<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-42\">\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u6700\u9069\u5316<\/h3>\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\/20240401000000_optimize_article_indexes.rb\nclass OptimizeArticleIndexes &lt; ActiveRecord::Migration[7.0]\n  def change\n    # \u8907\u5408\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u306e\u8ffd\u52a0\n    add_index :articles, [:status, :published_at]\n\n    # \u90e8\u5206\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u306e\u8ffd\u52a0\n    add_index :articles, :slug, \n              where: \"status = 'published'\",\n              unique: true\n\n    # GIN\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u306e\u8ffd\u52a0\uff08PostgreSQL\uff09\n    enable_extension 'btree_gin'\n    add_index :articles, :tags, using: 'gin'\n  end\nend<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-43\">\u30af\u30a8\u30ea\u306e\u6700\u9069\u5316<\/h3>\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 ArticlesController &lt; ApplicationController\n  def index\n    @articles = Article\n      .published\n      .includes(:user, :categories)\n      .with_attached_images\n      .joins(:comments)\n      .group('articles.id')\n      .select('articles.*, COUNT(comments.id) as comments_count')\n      .order(published_at: :desc)\n      .page(params[:page])\n  end\nend\n\n# app\/models\/article.rb\nclass Article &lt; ApplicationRecord\n  # \u983b\u7e41\u306b\u4f7f\u7528\u3055\u308c\u308b\u30b9\u30b3\u30fc\u30d7\u306e\u5b9a\u7fa9\n  scope :published, -&gt; { where(status: 'published') }\n  scope :with_engagement_metrics, -&gt; {\n    select(\n      'articles.*',\n      '(SELECT COUNT(*) FROM comments WHERE article_id = articles.id) as comments_count',\n      '(SELECT COUNT(*) FROM likes WHERE article_id = articles.id) as likes_count'\n    )\n  }\nend<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-44\">\u30d0\u30eb\u30af\u30aa\u30da\u30ec\u30fc\u30b7\u30e7\u30f3\u306e\u6700\u9069\u5316<\/h3>\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 BulkArticleUpdater\n  def self.update_status(article_ids, new_status)\n    Article.where(id: article_ids).in_batches do |batch|\n      batch.update_all(\n        status: new_status,\n        updated_at: Time.current\n      )\n    end\n  end\n\n  def self.import_articles(articles_data)\n    Article.import(\n      articles_data,\n      on_duplicate_key_update: {\n        conflict_target: [:slug],\n        columns: [:title, :content, :updated_at]\n      }\n    )\n  end\nend<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-45\">\u30ea\u30bd\u30fc\u30b9\u306e\u30d0\u30fc\u30b8\u30e7\u30cb\u30f3\u30b0\u7ba1\u7406<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-46\">\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30ec\u30d9\u30eb\u306e\u30d0\u30fc\u30b8\u30e7\u30cb\u30f3\u30b0<\/h3>\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 'paper_trail'\n\n# app\/models\/article.rb\nclass Article &lt; ApplicationRecord\n  has_paper_trail\n\n  def revert_to_version(version_number)\n    paper_trail.version_at(version_number)\n  end\n\n  def version_history\n    versions.map do |version|\n      {\n        changed_at: version.created_at,\n        whodunnit: User.find(version.whodunnit),\n        changes: version.changeset\n      }\n    end\n  end\nend<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-47\">API\u306e\u30d0\u30fc\u30b8\u30e7\u30cb\u30f3\u30b0<\/h3>\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  concern :api_base do\n    resources :articles do\n      member do\n        get :history\n        post :restore\n      end\n    end\n  end\n\n  namespace :api do\n    namespace :v1 do\n      concerns :api_base\n    end\n\n    namespace :v2 do\n      concerns :api_base\n    end\n  end\nend\n\n# app\/controllers\/api\/v2\/articles_controller.rb\nmodule Api\n  module V2\n    class ArticlesController &lt; ApiController\n      def show\n        @article = Article.find(params[:id])\n        render json: ArticleSerializer.new(@article, version: 2).serialized_json\n      end\n    end\n  end\nend<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-48\">\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0<\/h3>\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\/skylight.rb\nSkylight.configure do |config|\n  config.authentication = ENV['SKYLIGHT_AUTHENTICATION']\nend\n\n# app\/controllers\/articles_controller.rb\nclass ArticlesController &lt; ApplicationController\n  include Skylight::Helpers\n\n  instrument_method\n  def index\n    @articles = Article.with_includes.page(params[:page])\n  end\nend\n\n# \u30ab\u30b9\u30bf\u30e0\u30e1\u30c8\u30ea\u30af\u30b9\u306e\u8ffd\u52a0\nSkylight.instrument category: \"task.update_cache\" do\n  Rails.cache.write(\"articles\/featured\", featured_articles)\nend<\/pre>\n\n\n\n<p>\u6700\u9069\u5316\u306b\u304a\u3051\u308b\u91cd\u8981\u306a\u30dd\u30a4\u30f3\u30c8\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30ad\u30e3\u30c3\u30b7\u30e5\u6226\u7565<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u9069\u5207\u306a\u30ad\u30e3\u30c3\u30b7\u30e5\u30ec\u30d9\u30eb\u306e\u9078\u629e<\/li>\n\n\n\n<li>\u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u6709\u52b9\u671f\u9650\u8a2d\u5b9a<\/li>\n\n\n\n<li>\u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u968e\u5c64\u5316<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u6700\u9069\u5316<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u9069\u5207\u306a\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u8a2d\u8a08<\/li>\n\n\n\n<li>\u30af\u30a8\u30ea\u306e\u52b9\u7387\u5316<\/li>\n\n\n\n<li>\u30d0\u30eb\u30af\u64cd\u4f5c\u306e\u6d3b\u7528<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30d0\u30fc\u30b8\u30e7\u30cb\u30f3\u30b0<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30c7\u30fc\u30bf\u306e\u5909\u66f4\u5c65\u6b74\u7ba1\u7406<\/li>\n\n\n\n<li>API\u306e\u6bb5\u968e\u7684\u306a\u9032\u5316<\/li>\n\n\n\n<li>\u5f8c\u65b9\u4e92\u63db\u6027\u306e\u7dad\u6301<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0<\/strong><\/li>\n<\/ol>\n\n\n\n<p>\u6700\u9069\u5316\u306e\u52b9\u679c\u6e2c\u5b9a<\/p>\n\n\n\n<p>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306e\u7d99\u7d9a\u7684\u306a\u76e3\u8996<\/p>\n\n\n\n<p>\u30dc\u30c8\u30eb\u30cd\u30c3\u30af\u306e\u7279\u5b9a<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-49\">\u4eca\u5f8c\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3068\u767a\u5c55\u7684\u306a\u4f7f\u7528\u6cd5<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-50\">GraphQL\u3068\u306e\u7d71\u5408\u30a2\u30d7\u30ed\u30fc\u30c1<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-51\">GraphQL\u30b9\u30ad\u30fc\u30de\u306e\u5b9a\u7fa9<\/h3>\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\/graphql\/types\/article_type.rb\nmodule Types\n  class ArticleType &lt; Types::BaseObject\n    field :id, ID, null: false\n    field :title, String, null: false\n    field :content, String, null: false\n    field :status, String, null: false\n    field :user, UserType, null: false\n    field :comments, [CommentType], null: false\n    field :created_at, GraphQL::Types::ISO8601DateTime, null: false\n\n    def comments\n      Loaders::AssociationLoader.for(Article, :comments).load(object)\n    end\n  end\nend\n\n# app\/graphql\/mutations\/create_article.rb\nmodule Mutations\n  class CreateArticle &lt; BaseMutation\n    argument :title, String, required: true\n    argument :content, String, required: true\n\n    field :article, Types::ArticleType, null: true\n    field :errors, [String], null: false\n\n    def resolve(title:, content:)\n      article = Article.new(\n        title: title,\n        content: content,\n        user: context[:current_user]\n      )\n\n      if article.save\n        {\n          article: article,\n          errors: []\n        }\n      else\n        {\n          article: nil,\n          errors: article.errors.full_messages\n        }\n      end\n    end\n  end\nend<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-52\">Batch\u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u306e\u5b9f\u88c5<\/h3>\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\/graphql\/loaders\/association_loader.rb\nmodule Loaders\n  class AssociationLoader &lt; GraphQL::Batch::Loader\n    def initialize(model, association_name)\n      @model = model\n      @association_name = association_name\n    end\n\n    def perform(record_ids)\n      records = @model.where(id: record_ids)\n                     .includes(@association_name)\n\n      records.each { |record| fulfill(record.id, record) }\n      record_ids.each { |id| fulfill(id, nil) unless fulfilled?(id) }\n    end\n  end\nend<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-53\">RESTful\u30ea\u30bd\u30fc\u30b9\u3068GraphQL\u306e\u5171\u5b58<\/h3>\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  # \u5f93\u6765\u306eRESTful\u30eb\u30fc\u30c8\n  resources :articles\n\n  # GraphQL\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\n  post \"\/graphql\", to: \"graphql#execute\"\n\n  # \u958b\u767a\u74b0\u5883\u306e\u307fGraphiQL\u3092\u63d0\u4f9b\n  if Rails.env.development?\n    mount GraphiQL::Rails::Engine, at: \"\/graphiql\"\n  end\nend<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-54\">\u65b0\u3057\u3044Rails\u30d0\u30fc\u30b8\u30e7\u30f3\u3067\u306e\u5909\u66f4\u70b9<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-55\">Rails 7.1\u306e\u65b0\u6a5f\u80fd\u6d3b\u7528<\/h3>\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=\"\"># Zeitwerk\u30e2\u30fc\u30c9\u306e\u5b8c\u5168\u63a1\u7528\n# config\/application.rb\nconfig.load_defaults 7.1\nconfig.autoloader = :zeitwerk\n\n# \u65b0\u3057\u3044\u5c5e\u6027API\nclass Article &lt; ApplicationRecord\n  attribute :view_count, :integer, default: 0\n  attribute :published_at, :datetime\n\n  # \u4eee\u60f3\u5c5e\u6027\u306e\u578b\u5b9a\u7fa9\n  attribute :full_title, :string do |article|\n    [article.title, article.subtitle].compact.join(' - ')\n  end\nend\n\n# \u30d1\u30fc\u30b7\u30e3\u30eb\u306e\u975e\u540c\u671f\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\n# app\/views\/articles\/show.html.erb\n&lt;%= turbo_frame_tag \"article_#{@article.id}\" do %&gt;\n  &lt;%= render partial: \"article\", locals: { article: @article } %&gt;\n&lt;% end %&gt;<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-56\">\u65b0\u3057\u3044\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u6a5f\u80fd\u306e\u6d3b\u7528<\/h3>\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\/20240401000000_add_full_text_search_to_articles.rb\nclass AddFullTextSearchToArticles &lt; ActiveRecord::Migration[7.1]\n  def change\n    # PostgreSQL\u306e\u5834\u5408\n    enable_extension 'pg_trgm'\n\n    add_index :articles, :title, using: :gin, opclass: :gin_trgm_ops\n    add_index :articles, :content, using: :gin, opclass: :gin_trgm_ops\n  end\nend\n\n# app\/models\/article.rb\nclass Article &lt; ApplicationRecord\n  include PgSearch::Model\n\n  pg_search_scope :search_full_text,\n    against: {\n      title: 'A',\n      content: 'B'\n    },\n    using: {\n      tsearch: { prefix: true },\n      trigram: { threshold: 0.1 }\n    }\nend<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-57\">\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30c8\u30ec\u30f3\u30c9\u3068\u5c06\u6765\u306e\u5c55\u671b<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-58\">\u30e2\u30c0\u30f3\u306a\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u7d71\u5408<\/h3>\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=\"\"># Hotwire\u306e\u6d3b\u7528\n# app\/controllers\/articles_controller.rb\nclass ArticlesController &lt; ApplicationController\n  def create\n    @article = Article.new(article_params)\n\n    if @article.save\n      broadcast_prepend_to \"articles\",\n                          partial: \"articles\/article\",\n                          locals: { article: @article }\n      redirect_to @article\n    else\n      render :new, status: :unprocessable_entity\n    end\n  end\nend\n\n# app\/views\/articles\/index.html.erb\n&lt;%= turbo_stream_from \"articles\" %&gt;\n&lt;div id=\"articles\"&gt;\n  &lt;%= render @articles %&gt;\n&lt;\/div&gt;<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-59\">\u30de\u30a4\u30af\u30ed\u30b5\u30fc\u30d3\u30b9\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3078\u306e\u5bfe\u5fdc<\/h3>\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\/services\/base_service.rb\nclass BaseService\n  include HTTParty\n\n  def self.configure_service(service_name)\n    base_uri ENV[\"#{service_name.upcase}_SERVICE_URL\"]\n    headers 'Content-Type' =&gt; 'application\/json'\n  end\nend\n\n# app\/services\/recommendation_service.rb\nclass RecommendationService &lt; BaseService\n  configure_service 'recommendation'\n\n  def self.get_recommendations(user_id)\n    response = get(\"\/recommendations\", query: { user_id: user_id })\n    JSON.parse(response.body)\n  rescue =&gt; e\n    Rails.logger.error \"Recommendation service error: #{e.message}\"\n    []\n  end\nend<\/pre>\n\n\n\n<p>\u5c06\u6765\u306e\u5c55\u671b\u306b\u304a\u3051\u308b\u91cd\u8981\u306a\u30dd\u30a4\u30f3\u30c8\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>API\u306e\u9032\u5316<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>GraphQL\u306e\u63a1\u7528\u62e1\u5927<\/li>\n\n\n\n<li>RESTful\u30ea\u30bd\u30fc\u30b9\u3068\u306e\u5171\u5b58<\/li>\n\n\n\n<li>\u52b9\u7387\u7684\u306a\u30c7\u30fc\u30bf\u53d6\u5f97<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u65b0\u6280\u8853\u306e\u7d71\u5408<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hotwire\/Turbo\u306e\u6d3b\u7528<\/li>\n\n\n\n<li>WebSockets\u306e\u6a19\u6e96\u5316<\/li>\n\n\n\n<li>TypeScript\u3068\u306e\u9023\u643a<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u9032\u5316<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30de\u30a4\u30af\u30ed\u30b5\u30fc\u30d3\u30b9\u5316<\/li>\n\n\n\n<li>\u30b5\u30fc\u30d0\u30fc\u30ec\u30b9\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3<\/li>\n\n\n\n<li>\u30b3\u30f3\u30c6\u30ca\u5316\u3078\u306e\u5bfe\u5fdc<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3068\u30b9\u30b1\u30fc\u30e9\u30d3\u30ea\u30c6\u30a3<\/strong><\/li>\n<\/ol>\n\n\n\n<p>\u30b0\u30ed\u30fc\u30d0\u30eb\u30b9\u30b1\u30fc\u30eb\u306e\u8003\u616e<\/p>\n\n\n\n<p>\u5206\u6563\u30b7\u30b9\u30c6\u30e0\u3078\u306e\u5bfe\u5fdc<\/p>\n\n\n\n<p>\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u51e6\u7406\u306e\u6a19\u6e96\u5316<\/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-1470","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\/1470","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=1470"}],"version-history":[{"count":1,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/posts\/1470\/revisions"}],"predecessor-version":[{"id":1472,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/posts\/1470\/revisions\/1472"}],"wp:attachment":[{"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1470"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1470"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}