{"id":120,"date":"2024-09-09T18:20:01","date_gmt":"2024-09-09T09:20:01","guid":{"rendered":"https:\/\/dexall.co.jp\/articles\/?p=120"},"modified":"2025-03-24T08:55:04","modified_gmt":"2025-03-23T23:55:04","slug":"%e3%80%902024%e5%b9%b4%e7%89%88%e3%80%91ruby-on-rails-tutorial%ef%bc%9a%e5%88%9d%e5%bf%83%e8%80%85%e3%81%8b%e3%82%89%e4%b8%ad%e7%b4%9a%e8%80%85%e3%81%be%e3%81%a7%e5%ad%a6%e3%81%b9%e3%82%8b%e5%ae%8c","status":"publish","type":"post","link":"https:\/\/dexall.co.jp\/articles\/?p=120","title":{"rendered":"\u30102024\u5e74\u7248\u3011Ruby on Rails Tutorial\uff1a\u521d\u5fc3\u8005\u304b\u3089\u4e2d\u7d1a\u8005\u307e\u3067\u5b66\u3079\u308b\u5b8c\u5168\u30ac\u30a4\u30c9"},"content":{"rendered":"\n<p>Ruby on Rails\u306f\u3001\u9ad8\u901f\u3067\u52b9\u7387\u7684\u306aWeb\u958b\u767a\u3092\u53ef\u80fd\u306b\u3059\u308b\u5f37\u529b\u306a\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3067\u3059\u3002<br>\u672c\u8a18\u4e8b\u3067\u306f\u3001\u521d\u5fc3\u8005\u304b\u3089\u4e2d\u7d1a\u8005\u307e\u3067\u3092\u5bfe\u8c61\u306b\u3001Ruby on Rails\u306e\u57fa\u790e\u304b\u3089\u5fdc\u7528\u307e\u3067\u3001\u5b9f\u8df5\u7684\u306a\u4f8b\u3092\u4ea4\u3048\u3066\u5305\u62ec\u7684\u306b\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">\u3053\u306e\u8a18\u4e8b\u3092\u901a\u3057\u3066\u7406\u89e3\u3067\u304d\u308b10\u500b\u306e\u3053\u3068<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ul class=\"wp-block-list\">\n<li>Ruby on Rails\u306e\u57fa\u672c\u6982\u5ff5\u3068\u7279\u5fb4<\/li>\n\n\n\n<li>\u958b\u767a\u74b0\u5883\u306e\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u65b9\u6cd5<\/li>\n\n\n\n<li>\u30e2\u30c7\u30eb\u3001\u30d3\u30e5\u30fc\u3001\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\uff08MVC\uff09\u306e\u5f79\u5272\u3068\u5b9f\u88c5<\/li>\n\n\n\n<li>\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u64cd\u4f5c\u3068Active Record\u306e\u6d3b\u7528\u6cd5<\/li>\n\n\n\n<li>\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u3068\u6a29\u9650\u7ba1\u7406\u306e\u5b9f\u88c5\u65b9\u6cd5<\/li>\n\n\n\n<li>\u30c6\u30b9\u30c8\u99c6\u52d5\u958b\u767a\uff08TDD\uff09\u3068RSpec\u306e\u4f7f\u3044\u65b9<\/li>\n\n\n\n<li>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316\u3068\u30b9\u30b1\u30fc\u30e9\u30d3\u30ea\u30c6\u30a3\u306e\u5411\u4e0a\u30c6\u30af\u30cb\u30c3\u30af<\/li>\n\n\n\n<li>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3068\u305d\u306e\u9069\u7528\u65b9\u6cd5<\/li>\n\n\n\n<li>\u30c7\u30d7\u30ed\u30a4\u30e1\u30f3\u30c8\u3068CI\/CD\u30d1\u30a4\u30d7\u30e9\u30a4\u30f3\u306e\u69cb\u7bc9\u624b\u9806<\/li>\n\n\n\n<li>\u4e2d\u7d1a\u8005\u304b\u3089\u4e0a\u7d1a\u8005\u3078\u30b9\u30c6\u30c3\u30d7\u30a2\u30c3\u30d7\u3059\u308b\u305f\u3081\u306e\u5b66\u7fd2\u30ed\u30fc\u30c9\u30de\u30c3\u30d7<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u9805\u76ee\u306b\u3088\u3063\u3066\u3001\u8aad\u8005\u306f\u8a18\u4e8b\u306e\u5185\u5bb9\u3092\u628a\u63e1\u3057\u3001\u5b66\u3079\u308b\u5185\u5bb9\u306e\u6982\u8981\u3092\u7406\u89e3\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\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\">\u306f\u3058\u3081\u306b\uff1aRuby on Rails\u306e\u9b45\u529b\u3068\u5b66\u3076\u610f\u7fa9<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-1\">Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306b\u304a\u3051\u308b Ruby on Rails \u306e\u4f4d\u7f6e\u3065\u3051<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-2\">\u3053\u306e\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3067\u8eab\u306b\u3064\u304f\u30b9\u30ad\u30eb\u3068\u5230\u9054\u76ee\u6a19<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-3\">Ruby on Rails \u306e\u57fa\u790e\u77e5\u8b58<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-4\">Ruby\u8a00\u8a9e\u306e\u7279\u5fb4\u3068Rails\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306e\u95a2\u4fc2<\/a>      <\/li>      <li>        <a href=\"#i-5\">MVC\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u6982\u8981\u3068\u91cd\u8981\u6027<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-6\">Rails\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306e\u57fa\u672c\u6982\u5ff5<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-7\">\u958b\u767a\u74b0\u5883\u306e\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-8\">Ruby\u3068Rails\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u65b9\u6cd5\uff08OS\u5225\u30ac\u30a4\u30c9\uff09<\/a>      <\/li>      <li>        <a href=\"#i-18\">\u7d71\u5408\u958b\u767a\u74b0\u5883\uff08IDE\uff09\u306e\u9078\u3073\u65b9\u3068\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7<\/a>      <\/li>      <li>        <a href=\"#i-23\">\u52d5\u4f5c\u78ba\u8a8d\u65b9\u6cd5<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-28\">\u30c8\u30e9\u30d6\u30eb\u30b7\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-29\">\u306f\u3058\u3081\u3066\u306eRails\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u4f5c\u6210<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-30\">rails new \u30b3\u30de\u30f3\u30c9\u306e\u4f7f\u3044\u65b9\u3068\u521d\u671f\u8a2d\u5b9a<\/a>      <\/li>      <li>        <a href=\"#i-37\">\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u3001\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3001\u30d3\u30e5\u30fc\u306e\u57fa\u672c<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-41\">\u7c21\u5358\u306aCRUD\u64cd\u4f5c\u306e\u5b9f\u88c5\u4f8b<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-47\">\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u64cd\u4f5c\u3068\u30e2\u30c7\u30eb\u306e\u6d3b\u7528<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-48\">Active Record\u306e\u57fa\u790e<\/a>      <\/li>      <li>        <a href=\"#i-49\">\u57fa\u672c\u7684\u306aCRUD\u64cd\u4f5c<\/a>      <\/li>      <li>        <a href=\"#i-54\">\u95a2\u9023\u4ed8\u3051\uff08\u30a2\u30bd\u30b7\u30a8\u30fc\u30b7\u30e7\u30f3\uff09<\/a>      <\/li>      <li>        <a href=\"#i-55\">\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3<\/a>      <\/li>      <li>        <a href=\"#i-56\">\u30b9\u30b3\u30fc\u30d7\u3068\u30af\u30a8\u30ea\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9<\/a>      <\/li>      <li>        <a href=\"#i-57\">\u30de\u30a4\u30b0\u30ec\u30fc\u30b7\u30e7\u30f3\u3068\u30b9\u30ad\u30fc\u30de\u7ba1\u7406<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-58\">N+1\u554f\u984c\u306e\u89e3\u6c7a<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-59\">\u30d3\u30e5\u30fc\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3068\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-60\">ERB\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u4f7f\u3044\u65b9\u3068\u30d8\u30eb\u30d1\u30fc\u30e1\u30bd\u30c3\u30c9<\/a>      <\/li>      <li>        <a href=\"#i-61\">\u30ec\u30a4\u30a2\u30a6\u30c8\u30d5\u30a1\u30a4\u30eb\u3068\u30d1\u30fc\u30b7\u30e3\u30eb<\/a>      <\/li>      <li>        <a href=\"#i-62\">\u30e2\u30c0\u30f3\u306a\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u6280\u8853\u3068Rails\u306e\u7d71\u5408<\/a>      <\/li>      <li>        <a href=\"#i-72\">\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3\u306e\u5b9f\u88c5<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-77\">\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-82\">\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u3068\u6a29\u9650\u7ba1\u7406\u306e\u5b9f\u88c5<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-83\">Devise\u3092\u4f7f\u3063\u305f\u5b89\u5168\u306a\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u30b7\u30b9\u30c6\u30e0\u306e\u69cb\u7bc9<\/a>      <\/li>      <li>        <a href=\"#i-92\">CanCanCan\u3092\u6d3b\u7528\u3057\u305f\u67d4\u8edf\u306a\u6a29\u9650\u7ba1\u7406\u306e\u5b9f\u88c5<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-100\">\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-106\">\u30c6\u30b9\u30c8\u99c6\u52d5\u958b\u767a\uff08TDD\uff09\u3068RSpec<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-107\">\u30c6\u30b9\u30c8\u99c6\u52d5\u958b\u767a\uff08TDD\uff09\u306e\u6982\u5ff5<\/a>      <\/li>      <li>        <a href=\"#i-108\">RSpec\u306e\u57fa\u672c<\/a>      <\/li>      <li>        <a href=\"#i-109\">\u30e2\u30c7\u30eb\u30c6\u30b9\u30c8<\/a>      <\/li>      <li>        <a href=\"#i-110\">\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u30c6\u30b9\u30c8<\/a>      <\/li>      <li>        <a href=\"#i-111\">\u30b7\u30b9\u30c6\u30e0\u30c6\u30b9\u30c8<\/a>      <\/li>      <li>        <a href=\"#i-112\">\u30c6\u30b9\u30c8\u30c7\u30fc\u30bf\u306e\u4f5c\u6210<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-113\">\u30c6\u30b9\u30c8\u30ab\u30d0\u30ec\u30c3\u30b8\u306e\u5411\u4e0a\u3068\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-114\">\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316\u3068\u30b9\u30b1\u30fc\u30e9\u30d3\u30ea\u30c6\u30a3<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-115\">N+1\u30af\u30a8\u30ea\u554f\u984c\u306e\u89e3\u6c7a\u3068\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u8a2d\u8a08<\/a>      <\/li>      <li>        <a href=\"#i-122\">\u30ad\u30e3\u30c3\u30b7\u30e5\u6226\u7565\u3068\u30d0\u30c3\u30af\u30b0\u30e9\u30a6\u30f3\u30c9\u30b8\u30e7\u30d6\u306e\u6d3b\u7528<\/a>      <\/li>      <li>        <a href=\"#i-129\">\u5927\u898f\u6a21\u30c7\u30fc\u30bf\u30bb\u30c3\u30c8\u306e\u51e6\u7406\u3068\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0<\/a>      <\/li>      <li>        <a href=\"#i-132\">\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0\u3068\u30d7\u30ed\u30d5\u30a1\u30a4\u30ea\u30f3\u30b0<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-136\">\u305d\u306e\u4ed6\u306e\u6700\u9069\u5316\u30c6\u30af\u30cb\u30c3\u30af<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-140\">\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-141\">OWASP Top 10\u306b\u57fa\u3065\u304f\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56<\/a>      <\/li>      <li>        <a href=\"#i-142\">SQL\u30a4\u30f3\u30b8\u30a7\u30af\u30b7\u30e7\u30f3\u5bfe\u7b56<\/a>      <\/li>      <li>        <a href=\"#i-146\">\u30af\u30ed\u30b9\u30b5\u30a4\u30c8\u30b9\u30af\u30ea\u30d7\u30c6\u30a3\u30f3\u30b0\uff08XSS\uff09\u5bfe\u7b56<\/a>      <\/li>      <li>        <a href=\"#i-149\">\u30af\u30ed\u30b9\u30b5\u30a4\u30c8\u30ea\u30af\u30a8\u30b9\u30c8\u30d5\u30a9\u30fc\u30b8\u30a7\u30ea\uff08CSRF\uff09\u5bfe\u7b56<\/a>      <\/li>      <li>        <a href=\"#i-150\">\u5b89\u5168\u306a\u30d1\u30b9\u30ef\u30fc\u30c9\u7ba1\u7406<\/a>      <\/li>      <li>        <a href=\"#i-153\">\u30bb\u30ad\u30e5\u30a2\u306a\u901a\u4fe1\uff08HTTPS\uff09\u306e\u5f37\u5236<\/a>      <\/li>      <li>        <a href=\"#i-156\">\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u95a2\u9023\u306egem\u3068\u305d\u306e\u4f7f\u7528<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-159\">\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30c6\u30b9\u30c8\u306e\u5b9f\u65bd<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-160\">\u30c7\u30d7\u30ed\u30a4\u30e1\u30f3\u30c8\u3068CI\/CD<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-161\">Heroku\u3092\u4f7f\u3063\u305f\u7c21\u5358\u306a\u30c7\u30d7\u30ed\u30a4\u65b9\u6cd5<\/a>      <\/li>      <li>        <a href=\"#i-167\">GitHub Actions\u306b\u3088\u308bCI\/CD\u30d1\u30a4\u30d7\u30e9\u30a4\u30f3\u306e\u69cb\u7bc9<\/a>      <\/li>      <li>        <a href=\"#i-169\">\u672c\u756a\u74b0\u5883\u3067\u306e\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30de\u30a4\u30b0\u30ec\u30fc\u30b7\u30e7\u30f3\u306e\u6ce8\u610f\u70b9<\/a>      <\/li>      <li>        <a href=\"#i-173\">\u74b0\u5883\u5909\u6570\u306e\u7ba1\u7406\u3068\u30bb\u30ad\u30e5\u30a2\u306a\u53d6\u308a\u6271\u3044<\/a>      <\/li>      <li>        <a href=\"#i-177\">\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0\u3068\u30ed\u30b0\u7ba1\u7406<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-180\">\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0\u3068\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316<\/a>      <\/li>    <\/ul>  <\/li>  <li class=\"last\">    <a href=\"#i-183\">\u6b21\u306e\u30b9\u30c6\u30c3\u30d7\uff1a\u4e2d\u7d1a\u8005\u304b\u3089\u4e0a\u7d1a\u8005\u3078<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-184\">\u9ad8\u5ea6\u306aRuby on Rails\u6280\u8853\u306e\u7fd2\u5f97<\/a>      <\/li>      <li>        <a href=\"#i-185\">Ruby on Rails\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u3078\u306e\u53c2\u52a0<\/a>      <\/li>      <li>        <a href=\"#i-186\">\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3078\u306e\u8ca2\u732e<\/a>      <\/li>      <li>        <a href=\"#i-187\">\u7d99\u7d9a\u7684\u306a\u5b66\u7fd2\u306e\u305f\u3081\u306e\u30ea\u30bd\u30fc\u30b9<\/a>      <\/li>      <li>        <a href=\"#i-188\">\u95a2\u9023\u3059\u308b\u6280\u8853\u30b9\u30bf\u30c3\u30af\u306e\u62e1\u5f35<\/a>      <\/li>      <li>        <a href=\"#i-189\">\u30ad\u30e3\u30ea\u30a2\u767a\u5c55\u306e\u6a5f\u4f1a<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-190\">\u7d99\u7d9a\u7684\u306a\u81ea\u5df1\u8a55\u4fa1\u3068\u76ee\u6a19\u8a2d\u5b9a<\/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\">\u306f\u3058\u3081\u306b\uff1aRuby on Rails\u306e\u9b45\u529b\u3068\u5b66\u3076\u610f\u7fa9<\/h2>\n\n\n\n<p>Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306e\u4e16\u754c\u3067\u3001Ruby on Rails\uff08\u4ee5\u4e0b\u3001Rails\uff09\u306f\u9769\u547d\u7684\u306a\u5b58\u5728\u3067\u3059\u3002<br>2004\u5e74\u306b\u767b\u5834\u3057\u3066\u4ee5\u6765\u3001Rails\u306f\u958b\u767a\u8005\u306e\u751f\u7523\u6027\u3092\u98db\u8e8d\u7684\u306b\u5411\u4e0a\u3055\u305b\u3001Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306e\u6982\u5ff5\u3092\u5927\u304d\u304f\u5909\u3048\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-1\">Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306b\u304a\u3051\u308b Ruby on Rails \u306e\u4f4d\u7f6e\u3065\u3051<\/h3>\n\n\n\n<p>Rails\u306f\u3001\u30d5\u30eb\u30b9\u30bf\u30c3\u30af\u958b\u767a\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3068\u3057\u3066\u3001Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306e\u5168\u5c64\u3092\u30ab\u30d0\u30fc\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">Ruby On Rails\u306e\u7279\u5fb44\u9078<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ol class=\"wp-block-list\">\n<li><strong>\u751f\u7523\u6027\u306e\u9ad8\u3055<\/strong>: \u300cConvention over Configuration\uff08\u8a2d\u5b9a\u3088\u308a\u898f\u7d04\uff09\u300d\u306e\u539f\u5247\u306b\u3088\u308a\u3001\u958b\u767a\u8005\u306f\u7d30\u304b\u306a\u8a2d\u5b9a\u306b\u6642\u9593\u3092\u53d6\u3089\u308c\u308b\u3053\u3068\u306a\u304f\u3001\u672c\u8cea\u7684\u306a\u6a5f\u80fd\u958b\u767a\u306b\u96c6\u4e2d\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>DRY\uff08Don\u2019t Repeat Yourself\uff09\u539f\u5247<\/strong>: \u30b3\u30fc\u30c9\u306e\u91cd\u8907\u3092\u6700\u5c0f\u9650\u306b\u6291\u3048\u3001\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u6027\u306e\u9ad8\u3044\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>ActiveRecord\u306b\u3088\u308b\u76f4\u611f\u7684\u306a\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u64cd\u4f5c<\/strong>: \u8907\u96d1\u306aSQL\u3092\u66f8\u304f\u3053\u3068\u306a\u304f\u3001Ruby\u306e\u30b3\u30fc\u30c9\u3067\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u8c4a\u5bcc\u306a\u30e9\u30a4\u30d6\u30e9\u30ea\uff08Gem\uff09<\/strong>: \u591a\u69d8\u306a\u6a5f\u80fd\u3092\u7c21\u5358\u306b\u8ffd\u52a0\u3067\u304d\u308b\u3001\u8c4a\u5bcc\u306a\u30e9\u30a4\u30d6\u30e9\u30ea\u304c\u7528\u610f\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u7279\u5fb4\u306b\u3088\u308a\u3001Rails\u306f\u30b9\u30bf\u30fc\u30c8\u30a2\u30c3\u30d7\u3084\u30d7\u30ed\u30c8\u30bf\u30a4\u30d4\u30f3\u30b0\u306b\u9069\u3057\u3066\u3044\u308b\u3068\u540c\u6642\u306b\u3001GitHub\u3001Shopify\u3001Airbnb\u306a\u3069\u306e\u5927\u898f\u6a21\u30b5\u30fc\u30d3\u30b9\u3067\u3082\u63a1\u7528\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-2\">\u3053\u306e\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3067\u8eab\u306b\u3064\u304f\u30b9\u30ad\u30eb\u3068\u5230\u9054\u76ee\u6a19<\/h3>\n\n\n\n<p>\u672c\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3067\u306f\u3001\u521d\u5fc3\u8005\u304b\u3089\u4e2d\u7d1a\u8005\u307e\u3067\u5e45\u5e83\u3044\u8aad\u8005\u3092\u5bfe\u8c61\u306b\u3001\u4ee5\u4e0b\u306e\u30b9\u30ad\u30eb\u3068\u77e5\u8b58\u3092\u8eab\u306b\u3064\u3051\u308b\u3053\u3068\u3092\u76ee\u6307\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ruby\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u306e\u57fa\u790e<\/li>\n\n\n\n<li>Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u8a2d\u8a08\u3068\u5b9f\u88c5<\/li>\n\n\n\n<li>\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u8a2d\u8a08\u3068\u64cd\u4f5c<\/li>\n\n\n\n<li>\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a\uff08HTML, CSS, JavaScript\uff09<\/li>\n\n\n\n<li>\u30c6\u30b9\u30c8\u99c6\u52d5\u958b\u767a\uff08TDD\uff09<\/li>\n\n\n\n<li>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56<\/li>\n\n\n\n<li>\u30c7\u30d7\u30ed\u30a4\u30e1\u30f3\u30c8\u3068CI\/CD<\/li>\n<\/ol>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u30b9\u30ad\u30eb\u3092\u901a\u3058\u3066\u3001\u4ee5\u4e0b\u306e\u76ee\u6a19\u9054\u6210\u3092\u76ee\u6307\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u57fa\u672c\u7684\u306aWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u958b\u767a\u3068\u516c\u958b<\/li>\n\n\n\n<li>Ruby on Rails\u306e\u4e3b\u8981\u6a5f\u80fd\u306e\u7406\u89e3\u3068\u6d3b\u7528<\/li>\n\n\n\n<li>\u52b9\u7387\u7684\u306a\u958b\u767a\u30d7\u30ed\u30bb\u30b9\u306e\u7fd2\u5f97<\/li>\n\n\n\n<li>\u5b9f\u52d9\u30ec\u30d9\u30eb\u306e\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u30b9\u30ad\u30eb\u306e\u7372\u5f97<\/li>\n<\/ul>\n\n\n\n<p>\u672c\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3092\u901a\u3058\u3066\u3001\u3042\u306a\u305f\u306fRails\u306e\u9b45\u529b\u3092\u4f53\u611f\u3057\u3001\u73fe\u4ee3\u306eWeb\u958b\u767a\u306b\u4e0d\u53ef\u6b20\u306a\u30b9\u30ad\u30eb\u3092\u7fd2\u5f97\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u3067\u3057\u3087\u3046\u3002<br>\u3055\u3042\u3001Ruby on Rails\u306e\u4e16\u754c\u3078\u98db\u3073\u8fbc\u307f\u3001\u3042\u306a\u305f\u306eWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u30b9\u30ad\u30eb\u3092\u6b21\u306e\u30ec\u30d9\u30eb\u3078\u5f15\u304d\u4e0a\u3052\u307e\u3057\u3087\u3046\uff01<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-3\">Ruby on Rails \u306e\u57fa\u790e\u77e5\u8b58<\/h2>\n\n\n\n<p>Ruby on Rails\u3092\u6df1\u304f\u7406\u89e3\u3059\u308b\u305f\u3081\u306b\u306f\u3001\u307e\u305aRuby\u8a00\u8a9e\u3068Rails\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306e\u95a2\u4fc2\u6027\u3092\u628a\u63e1\u3057\u3001\u305d\u306e\u57fa\u672c\u7684\u306a\u6982\u5ff5\u3092\u5b66\u3076\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<br>\u3053\u306e\u7ae0\u3067\u306f\u3001Ruby\u3068Rails\u306e\u7279\u5fb4\u3001\u305d\u3057\u3066Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306e\u57fa\u76e4\u3068\u306a\u308bMVC\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306b\u3064\u3044\u3066\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-4\">Ruby\u8a00\u8a9e\u306e\u7279\u5fb4\u3068Rails\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306e\u95a2\u4fc2<\/h3>\n\n\n\n<p>Ruby\u306f\u3001\u307e\u3064\u3082\u3068\u3086\u304d\u3072\u308d\u6c0f\u306b\u3088\u3063\u3066\u958b\u767a\u3055\u308c\u305f\u52d5\u7684\u578b\u4ed8\u3051\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u6307\u5411\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u8a00\u8a9e\u3067\u3059\u3002<br>\u4ee5\u4e0b\u306e\u7279\u5fb4\u3092\u6301\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">Ruby\u306e\u7279\u5fb43\u9078<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ol class=\"wp-block-list\">\n<li><strong>\u7c21\u6f54\u3067\u8aad\u307f\u3084\u3059\u3044\u6587\u6cd5<\/strong>: Ruby\u306f\u82f1\u8a9e\u306b\u8fd1\u3044\u81ea\u7136\u306a\u6587\u6cd5\u3092\u6301\u3061\u3001\u30b3\u30fc\u30c9\u306e\u53ef\u8aad\u6027\u304c\u9ad8\u3044\u3067\u3059\u3002<\/li>\n\n\n\n<li><strong>\u67d4\u8edf\u6027\u3068\u8868\u73fe\u529b<\/strong>: \u30e1\u30bf\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u306a\u3069\u306e\u9ad8\u5ea6\u306a\u6a5f\u80fd\u306b\u3088\u308a\u3001\u67d4\u8edf\u306a\u30b3\u30fc\u30c9\u8a18\u8ff0\u304c\u53ef\u80fd\u3067\u3059\u3002<\/li>\n\n\n\n<li><strong>\u8c4a\u5bcc\u306a\u7d44\u307f\u8fbc\u307f\u30e1\u30bd\u30c3\u30c9\u3068\u30e9\u30a4\u30d6\u30e9\u30ea<\/strong>: \u591a\u304f\u306e\u4f5c\u696d\u3092\u5c11\u306a\u3044\u30b3\u30fc\u30c9\u3067\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n\n<p>\u4e00\u65b9\u3001Ruby on Rails\u306fRuby\u3067\u66f8\u304b\u308c\u305fWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3067\u3059\u3002<br>Rails\u306fRuby\u306e\u7279\u5fb4\u3092\u6700\u5927\u9650\u306b\u6d3b\u304b\u3057\u3001\u52b9\u7387\u7684\u306aWeb\u958b\u767a\u3092\u53ef\u80fd\u306b\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=\"\"># Ruby\u306e\u7c21\u6f54\u306a\u6587\u6cd5\u4f8b\n5.times { puts \"Hello, Rails!\" }\n\n# Rails\u3067\u306e\u30e2\u30c7\u30eb\u5b9a\u7fa9\u4f8b\nclass User &lt; ApplicationRecord\n  has_many :posts\n  validates :email, presence: true, uniqueness: true\nend<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-5\">MVC\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u6982\u8981\u3068\u91cd\u8981\u6027<\/h3>\n\n\n\n<p>Ruby on Rails\u306fMVC\uff08Model-View-Controller\uff09\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u63a1\u7528\u3057\u3066\u3044\u307e\u3059\u3002<br>MVC\u306f\u4ee5\u4e0b\u306e3\u3064\u306e\u8981\u7d20\u304b\u3089\u69cb\u6210\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Model\uff08\u30e2\u30c7\u30eb\uff09<\/strong>: \u30c7\u30fc\u30bf\u3068\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u7ba1\u7406\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>View\uff08\u30d3\u30e5\u30fc\uff09<\/strong>: \u30e6\u30fc\u30b6\u30fc\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u62c5\u5f53\u3057\u3001\u30c7\u30fc\u30bf\u306e\u8868\u793a\u65b9\u6cd5\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>Controller\uff08\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\uff09<\/strong>: \u30e2\u30c7\u30eb\u3068\u30d3\u30e5\u30fc\u306e\u6a4b\u6e21\u3057\u3092\u3057\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30d5\u30ed\u30fc\u3092\u5236\u5fa1\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>MVC\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u91cd\u8981\u6027\u306f\u4ee5\u4e0b\u306e\u70b9\u306b\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u8cac\u52d9\u306e\u5206\u96e2<\/strong>: \u5404\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u5f79\u5272\u304c\u660e\u78ba\u306b\u5206\u304b\u308c\u3066\u3044\u308b\u305f\u3081\u3001\u30b3\u30fc\u30c9\u306e\u7ba1\u7406\u304c\u5bb9\u6613\u306b\u306a\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u4fdd\u5b88\u6027\u3068\u62e1\u5f35\u6027\u306e\u5411\u4e0a<\/strong>: \u6a5f\u80fd\u306e\u8ffd\u52a0\u3084\u5909\u66f4\u304c\u7279\u5b9a\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u9650\u5b9a\u3055\u308c\u308b\u305f\u3081\u3001\u5f71\u97ff\u7bc4\u56f2\u304c\u660e\u78ba\u3067\u3059\u3002<\/li>\n\n\n\n<li><strong>\u4e26\u884c\u958b\u767a\u306e facilitation<\/strong>: \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\uff08View\uff09\u3068\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\uff08Model, Controller\uff09\u306e\u958b\u767a\u3092\u4e26\u884c\u3057\u3066\u9032\u3081\u3089\u308c\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<p>\u4ee5\u4e0b\u306f\u3001MVC\u306e\u5404\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u7c21\u5358\u306a\u4f8b\u3067\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=\"\"># Model (app\/models\/user.rb)\nclass User &lt; ApplicationRecord\n  validates :name, presence: true\nend\n\n# Controller (app\/controllers\/users_controller.rb)\nclass UsersController &lt; ApplicationController\n  def show\n    @user = User.find(params[:id])\n  end\nend\n\n# View (app\/views\/users\/show.html.erb)\n&lt;h1&gt;User Profile&lt;\/h1&gt;\n&lt;p&gt;Name: &lt;%= @user.name %&gt;&lt;\/p&gt;<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-6\">Rails\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306e\u57fa\u672c\u6982\u5ff5<\/h3>\n\n\n\n<p>Rails\u306f\u4ee5\u4e0b\u306e\u91cd\u8981\u306a\u6982\u5ff5\u306b\u57fa\u3065\u3044\u3066\u8a2d\u8a08\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">Ruby On Rails\u306e4\u3064\u91cd\u8981\u306a\u6982\u5ff5<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ol class=\"wp-block-list\">\n<li><strong>Convention over Configuration\uff08\u8a2d\u5b9a\u3088\u308a\u898f\u7d04\uff09<\/strong><br>Rails\u306f\u591a\u304f\u306e\u898f\u7d04\u3092\u6301\u3063\u3066\u304a\u308a\u3001\u958b\u767a\u8005\u306f\u7d30\u304b\u306a\u8a2d\u5b9a\u3092\u884c\u3046\u5fc5\u8981\u304c\u3042\u308a\u307e\u305b\u3093\u3002<br>\u3053\u308c\u306b\u3088\u308a\u3001\u958b\u767a\u901f\u5ea6\u304c\u5411\u4e0a\u3057\u3001\u7570\u306a\u308bRails\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u9593\u3067\u306e\u4e00\u8cab\u6027\u304c\u4fdd\u305f\u308c\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>DRY\uff08Don\u2019t Repeat Yourself\uff09<\/strong><br>\u30b3\u30fc\u30c9\u306e\u91cd\u8907\u3092\u907f\u3051\u308b\u3053\u3068\u3067\u3001\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u6027\u3092\u9ad8\u3081\u3001\u30d0\u30b0\u306e\u767a\u751f\u3092\u6e1b\u3089\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>RESTful \u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3<\/strong><br>Rails\u306f REST\uff08Representational State Transfer\uff09\u306e\u539f\u5247\u306b\u57fa\u3065\u3044\u305f\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u3068\u8a2d\u8a08\u3092\u63a8\u5968\u3057\u3066\u3044\u307e\u3059\u3002<br>\u3053\u308c\u306b\u3088\u308a\u3001\u76f4\u611f\u7684\u3067\u30b9\u30b1\u30fc\u30e9\u30d6\u30eb\u306aAPI\u306e\u4f5c\u6210\u304c\u53ef\u80fd\u3067\u3059\u3002<\/li>\n\n\n\n<li><strong>Active Record\uff08ORM\uff09<\/strong><br>\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3068\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u7c21\u5358\u306b\u30de\u30c3\u30d4\u30f3\u30b0\u3067\u304d\u308bORM\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002<br>\u8907\u96d1\u306aSQL\u3092\u66f8\u304f\u3053\u3068\u306a\u304f\u3001Ruby\u306e\u30b3\u30fc\u30c9\u3067\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u64cd\u4f5c\u304c\u884c\u3048\u307e\u3059\u3002<\/li>\n<\/ol>\n<\/div><\/div>\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 Record\u306e\u4f7f\u7528\u4f8b\nuser = User.new(name: \"John Doe\", email: \"john@example.com\")\nuser.save\n\n# \u5168\u30e6\u30fc\u30b6\u30fc\u306e\u53d6\u5f97\nusers = User.all\n\n# \u6761\u4ef6\u4ed8\u304d\u306e\u691c\u7d22\nactive_users = User.where(status: 'active')<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u57fa\u672c\u6982\u5ff5\u3092\u7406\u89e3\u3059\u308b\u3053\u3068\u3067\u3001Ruby on Rails\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u52b9\u679c\u7684\u306b\u6d3b\u7528\u3057\u3001\u52b9\u7387\u7684\u306aWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002<br>\u6b21\u306e\u7ae0\u304b\u3089\u306f\u3001\u3053\u308c\u3089\u306e\u6982\u5ff5\u3092\u5b9f\u969b\u306e\u30b3\u30fc\u30c9\u306b\u843d\u3068\u3057\u8fbc\u3093\u3067\u3044\u304f\u65b9\u6cd5\u3092\u5b66\u3093\u3067\u3044\u304d\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-7\">\u958b\u767a\u74b0\u5883\u306e\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7<\/h2>\n\n\n\n<p>Ruby on Rails\u3067\u306e\u958b\u767a\u3092\u59cb\u3081\u308b\u524d\u306b\u3001\u9069\u5207\u306a\u958b\u767a\u74b0\u5883\u3092\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u3059\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002<br>\u6b63\u3057\u304f\u69cb\u7bc9\u3055\u308c\u305f\u74b0\u5883\u306f\u3001\u52b9\u7387\u7684\u306a\u958b\u767a\u3092\u53ef\u80fd\u306b\u3057\u3001\u30d0\u30fc\u30b8\u30e7\u30f3\u306e\u4e0d\u4e00\u81f4\u306b\u3088\u308b\u30c8\u30e9\u30d6\u30eb\u3092\u9632\u304e\u3001\u30c1\u30fc\u30e0\u958b\u767a\u3067\u306e\u4e00\u8cab\u6027\u3092\u4fdd\u8a3c\u3057\u307e\u3059\u3002<br>\u3053\u306e\u7ae0\u3067\u306f\u3001\u4e3b\u8981\u306aOS\u5225\u306eRuby\u3068Rails\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u65b9\u6cd5\u3001\u63a8\u5968\u3055\u308c\u308bIDE\u3084\u30a8\u30c7\u30a3\u30bf\u3001\u305d\u3057\u3066\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u5f8c\u306e\u52d5\u4f5c\u78ba\u8a8d\u65b9\u6cd5\u306b\u3064\u3044\u3066\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-8\">Ruby\u3068Rails\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u65b9\u6cd5\uff08OS\u5225\u30ac\u30a4\u30c9\uff09<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-9\">Windows<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-10\">1. <strong>RubyInstaller for Windows<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/rubyinstaller.org\/\">RubyInstaller<\/a>\u304b\u3089\u6700\u65b0\u7248\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u3066\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/li>\n\n\n\n<li>\u30a4\u30f3\u30b9\u30c8\u30fc\u30e9\u30fc\u306e\u6307\u793a\u306b\u5f93\u3044\u3001\u958b\u767a\u30ad\u30c3\u30c8\u3082\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-11\">2. <strong>WSL (Windows Subsystem for Linux)\u306e\u5229\u7528<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>WSL\u3092\u6709\u52b9\u5316\u3057\u3001Ubuntu\u7b49\u306eLinux\u30c7\u30a3\u30b9\u30c8\u30ea\u30d3\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/li>\n\n\n\n<li>\u305d\u306e\u5f8c\u3001Linux\u3068\u540c\u69d8\u306e\u624b\u9806\u3067Ruby\u3068Rails\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-12\">macOS<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-13\">1. <strong>Homebrew\u3092\u4f7f\u7528\u3057\u305f\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/strong>:<\/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=\"\">   # Homebrew\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\n   \/bin\/bash -c \"$(curl -fsSL https:\/\/raw.githubusercontent.com\/Homebrew\/install\/HEAD\/install.sh)\"\n\n   # Ruby\u3068Rails\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\n   brew install ruby\n   gem install rails<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-14\">2. <code>rbenv<\/code> \u3092\u4f7f\u7528\u3057\u305f\u30d0\u30fc\u30b8\u30e7\u30f3\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=\"\">   # rbenv\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\n   brew install rbenv\n\n   # Ruby\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3068\u8a2d\u5b9a\n   rbenv install 3.0.0\n   rbenv global 3.0.0\n\n   # Rails\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\n   gem install rails<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-15\">Linux (Ubuntu\/Debian)<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-16\">1. <strong>\u30d1\u30c3\u30b1\u30fc\u30b8\u30de\u30cd\u30fc\u30b8\u30e3\u3092\u4f7f\u7528\u3057\u305f\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/strong><\/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=\"\">   # \u5fc5\u8981\u306a\u30d1\u30c3\u30b1\u30fc\u30b8\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\n   sudo apt-get update\n   sudo apt-get install ruby-full build-essential\n\n   # Rails\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\n   gem install rails<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-17\">2. <strong>rbenv\u3092\u4f7f\u7528\u3057\u305f\u30d0\u30fc\u30b8\u30e7\u30f3\u7ba1\u7406<\/strong><\/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=\"\">   # rbenv\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\n   git clone https:\/\/github.com\/rbenv\/rbenv.git ~\/.rbenv\n   echo 'export PATH=\"$HOME\/.rbenv\/bin:$PATH\"' &gt;&gt; ~\/.bashrc\n   echo 'eval \"$(rbenv init -)\"' &gt;&gt; ~\/.bashrc\n   source ~\/.bashrc\n\n   # Ruby\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3068\u8a2d\u5b9a\n   rbenv install 3.0.0\n   rbenv global 3.0.0\n\n   # Rails\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\n   gem install rails<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-18\">\u7d71\u5408\u958b\u767a\u74b0\u5883\uff08IDE\uff09\u306e\u9078\u3073\u65b9\u3068\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7<\/h3>\n\n\n\n<p>Ruby on Rails\u958b\u767a\u306b\u9069\u3057\u305fIDE\u3084\u30a8\u30c7\u30a3\u30bf\u306b\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u3082\u306e\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>RubyMine<\/strong>: JetBrains\u793e\u88fd\u306e\u5b8c\u5168\u306aIDE\u3002\u9ad8\u5ea6\u306a\u88dc\u5b8c\u6a5f\u80fd\u3084\u30c7\u30d0\u30c3\u30b0\u30c4\u30fc\u30eb\u3092\u5099\u3048\u3066\u3044\u307e\u3059\u304c\u3001\u6709\u6599\u3067\u3059\u3002<\/li>\n\n\n\n<li><strong>Visual Studio Code<\/strong>: Microsoft\u88fd\u306e\u8efd\u91cf\u3067\u62e1\u5f35\u6027\u306e\u9ad8\u3044\u30a8\u30c7\u30a3\u30bf\u3002\u7121\u6599\u3067\u4f7f\u7528\u3067\u304d\u3001\u591a\u304f\u306eRuby\/Rails\u95a2\u9023\u306e\u62e1\u5f35\u6a5f\u80fd\u304c\u5229\u7528\u53ef\u80fd\u3067\u3059\u3002<\/li>\n\n\n\n<li><strong>Sublime Text<\/strong>: \u9ad8\u901f\u3067\u8efd\u91cf\u3001\u9ad8\u5ea6\u306b\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u53ef\u80fd\u306a\u30a8\u30c7\u30a3\u30bf\u3067\u3059\u3002\u6709\u6599\u3067\u3059\u304c\u3001\u7121\u671f\u9650\u306e\u8a55\u4fa1\u7248\u304c\u5229\u7528\u53ef\u80fd\u3067\u3059\u3002<\/li>\n\n\n\n<li><strong>Atom<\/strong>: GitHub\u304c\u958b\u767a\u3057\u305f\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30a8\u30c7\u30a3\u30bf\u3002\u591a\u304f\u306e\u30d1\u30c3\u30b1\u30fc\u30b8\u304c\u5229\u7528\u53ef\u80fd\u3067\u3001\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u6027\u304c\u9ad8\u3044\u3067\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-19\">Visual Studio Code\u306e\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u4f8b<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-20\">1. <a href=\"https:\/\/code.visualstudio.com\/\">Visual Studio Code\u516c\u5f0f\u30b5\u30a4\u30c8<\/a>\u304b\u3089\u30a4\u30f3\u30b9\u30c8\u30fc\u30e9\u30fc\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u3066\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-21\">2. \u4ee5\u4e0b\u306e\u62e1\u5f35\u6a5f\u80fd\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3002<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ruby<\/li>\n\n\n\n<li>Ruby on Rails<\/li>\n\n\n\n<li>Ruby Solargraph<\/li>\n\n\n\n<li>ERB Formatter\/Beautify<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-22\">3. <code>settings.json<\/code>\u306b\u4ee5\u4e0b\u306e\u8a2d\u5b9a\u3092\u8ffd\u52a0\u3002<\/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=\"\">   {\n     \"ruby.interpreter.commandPath\": \"path\/to\/your\/ruby\",\n     \"ruby.useLanguageServer\": true,\n     \"ruby.lint\": {\n       \"rubocop\": {\n         \"useBundler\": true\n       }\n     }\n   }<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-23\">\u52d5\u4f5c\u78ba\u8a8d\u65b9\u6cd5<\/h3>\n\n\n\n<p>\u74b0\u5883\u306e\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u304c\u5b8c\u4e86\u3057\u305f\u3089\u3001\u4ee5\u4e0b\u306e\u30b3\u30de\u30f3\u30c9\u3067\u52d5\u4f5c\u78ba\u8a8d\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-24\">1. Ruby\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u78ba\u8a8d<\/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=\"\">   ruby -v<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-25\">2. Rails\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u78ba\u8a8d<\/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=\"\">   rails -v<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-26\">3. \u65b0\u898fRails\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\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=\"\">   rails new myapp\n   cd myapp<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-27\">4. Rails\u30b5\u30fc\u30d0\u30fc\u306e\u8d77\u52d5<\/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=\"\">   rails server<\/pre>\n\n\n\n<p>\u30d6\u30e9\u30a6\u30b6\u3067<code>http:\/\/localhost:3000<\/code>\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3001Rails\u306e\u30a6\u30a7\u30eb\u30ab\u30e0\u30da\u30fc\u30b8\u304c\u8868\u793a\u3055\u308c\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-28\">\u30c8\u30e9\u30d6\u30eb\u30b7\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0<\/h3>\n\n\n\n<p>\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u4e2d\u306b\u554f\u984c\u304c\u767a\u751f\u3057\u305f\u5834\u5408\u306f\u3001\u4ee5\u4e0b\u306e\u70b9\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">Rails\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u4e2d\u306b\u906d\u9047\u3057\u3084\u3059\u3044\u30a8\u30e9\u30fc4\u9078<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ol class=\"wp-block-list\">\n<li><strong>\u30d1\u30b9\u306e\u8a2d\u5b9a<\/strong>: Ruby\u3068\u95a2\u9023\u30c4\u30fc\u30eb\u306e\u30d1\u30b9\u304c\u6b63\u3057\u304f\u8a2d\u5b9a\u3055\u308c\u3066\u3044\u308b\u304b\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u6a29\u9650\u306e\u554f\u984c<\/strong>: \u5fc5\u8981\u306b\u5fdc\u3058\u3066<code>sudo<\/code>\u3092\u4f7f\u7528\u3059\u308b\u304b\u3001\u6a29\u9650\u3092\u9069\u5207\u306b\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u4f9d\u5b58\u95a2\u4fc2<\/strong>: \u5fc5\u8981\u306a\u30e9\u30a4\u30d6\u30e9\u30ea\u3084\u30c4\u30fc\u30eb\u304c\u3059\u3079\u3066\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3055\u308c\u3066\u3044\u308b\u304b\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30d0\u30fc\u30b8\u30e7\u30f3\u306e\u4e92\u63db\u6027<\/strong>: Ruby\u3068Rails\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u306b\u4e92\u63db\u6027\u304c\u3042\u308b\u304b\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n\n<p>\u74b0\u5883\u69cb\u7bc9\u306b\u554f\u984c\u304c\u3042\u308b\u5834\u5408\u306f\u3001Ruby on Rails\u306e\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30d5\u30a9\u30fc\u30e9\u30e0\u3084Stack Overflow\u306a\u3069\u3067\u8cea\u554f\u3059\u308b\u3053\u3068\u3092\u304a\u3059\u3059\u3081\u3057\u307e\u3059\u3002<br>\u591a\u304f\u306e\u958b\u767a\u8005\u304c\u540c\u69d8\u306e\u554f\u984c\u306b\u76f4\u9762\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u6709\u76ca\u306a\u60c5\u5831\u3092\u5f97\u3089\u308c\u308b\u53ef\u80fd\u6027\u304c\u9ad8\u3044\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u9069\u5207\u306a\u958b\u767a\u74b0\u5883\u3092\u6574\u3048\u308b\u3053\u3068\u3067\u3001\u30b9\u30e0\u30fc\u30ba\u306aRuby on Rails\u958b\u767a\u306e\u57fa\u76e4\u304c\u6574\u3044\u307e\u3059\u3002<br>\u6b21\u306e\u7ae0\u3067\u306f\u3001\u3053\u306e\u74b0\u5883\u3092\u4f7f\u3063\u3066\u5b9f\u969b\u306bRails\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u958b\u767a\u3092\u59cb\u3081\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-29\">\u306f\u3058\u3081\u3066\u306eRails\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u4f5c\u6210<\/h2>\n\n\n\n<p>Ruby on Rails\u306e\u74b0\u5883\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u304c\u5b8c\u4e86\u3057\u305f\u3089\u3001\u3044\u3088\u3044\u3088\u6700\u521d\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u4f5c\u6210\u306b\u53d6\u308a\u639b\u304b\u308a\u307e\u3057\u3087\u3046\u3002<br>\u3053\u306e\u7ae0\u3067\u306f\u3001<code>rails new<\/code> \u30b3\u30de\u30f3\u30c9\u306e\u4f7f\u3044\u65b9\u304b\u3089\u3001\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u3001\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3001\u30d3\u30e5\u30fc\u306e\u57fa\u672c\u3001\u305d\u3057\u3066\u7c21\u5358\u306aCRUD\u64cd\u4f5c\u306e\u5b9f\u88c5\u307e\u3067\u3001Rails\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306e\u57fa\u790e\u3092\u5b66\u3073\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-30\">rails new \u30b3\u30de\u30f3\u30c9\u306e\u4f7f\u3044\u65b9\u3068\u521d\u671f\u8a2d\u5b9a<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-31\">\u57fa\u672c\u7684\u306a\u4f7f\u3044\u65b9<\/h4>\n\n\n\n<p>\u65b0\u3057\u3044Rails\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3059\u308b\u306b\u306f\u3001\u4ee5\u4e0b\u306e\u30b3\u30de\u30f3\u30c9\u3092\u4f7f\u7528\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=\"\">rails new myapp<\/pre>\n\n\n\n<p>\u3053\u306e\u30b3\u30de\u30f3\u30c9\u306f <code>myapp<\/code> \u3068\u3044\u3046\u540d\u524d\u306e\u65b0\u3057\u3044\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3092\u4f5c\u6210\u3057\u3001\u305d\u306e\u4e2d\u306bRails\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u57fa\u672c\u69cb\u9020\u3092\u751f\u6210\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-32\">\u4e3b\u8981\u306a\u30aa\u30d7\u30b7\u30e7\u30f3<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>--database=postgresql<\/code>: \u30c7\u30d5\u30a9\u30eb\u30c8\u306eSQLite\u306e\u4ee3\u308f\u308a\u306bPostgreSQL\u3092\u4f7f\u7528<\/li>\n\n\n\n<li><code>--api<\/code>: API\u30e2\u30fc\u30c9\u3067\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u751f\u6210\uff08\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u95a2\u9023\u30d5\u30a1\u30a4\u30eb\u3092\u7701\u7565\uff09<\/li>\n\n\n\n<li><code>--skip-test<\/code>: \u30c6\u30b9\u30c8\u30d5\u30a1\u30a4\u30eb\u306e\u751f\u6210\u3092\u30b9\u30ad\u30c3\u30d7<\/li>\n<\/ul>\n\n\n\n<p>\u4ee5\u4e0b\u3001\u30b3\u30de\u30f3\u30c9\u4f8b<\/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 new myapp --database=postgresql --skip-test<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-33\">\u521d\u671f\u8a2d\u5b9a<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-34\">1. <strong>database.yml \u306e\u8a2d\u5b9a<\/strong><\/h4>\n\n\n\n<p><code>config\/database.yml<\/code> \u30d5\u30a1\u30a4\u30eb\u3067\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u63a5\u7d9a\u60c5\u5831\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-35\">2. <strong>Gemfile \u306e\u7de8\u96c6<\/strong><\/h4>\n\n\n\n<p>\u5fc5\u8981\u306agem\u3092\u8ffd\u52a0\u3057\u3001\u4ee5\u4e0b\u306e\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3057\u3066\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\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=\"\">   bundle install<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-36\">3. <strong>\u74b0\u5883\u5909\u6570\u306e\u8a2d\u5b9a<\/strong><\/h4>\n\n\n\n<p>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u306e\u305f\u3081\u3001API\u30ad\u30fc\u306a\u3069\u306e\u6a5f\u5bc6\u60c5\u5831\u306f <code>.env<\/code> \u30d5\u30a1\u30a4\u30eb\u306b\u4fdd\u5b58\u3057\u3001<code>.gitignore<\/code> \u306b\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-37\">\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u3001\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3001\u30d3\u30e5\u30fc\u306e\u57fa\u672c<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-38\">\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0<\/h4>\n\n\n\n<p>\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306f <code>config\/routes.rb<\/code> \u30d5\u30a1\u30a4\u30eb\u3067\u8a2d\u5b9a\u3057\u307e\u3059\u3002<br>\u57fa\u672c\u7684\u306a\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u4f8b\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=\"\">Rails.application.routes.draw do\n  get '\/hello', to: 'greetings#hello'\n  resources :posts\nend<\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>get '\/hello', to: 'greetings#hello'<\/code>: <code>\/hello<\/code> \u3078\u306eGET\u30ea\u30af\u30a8\u30b9\u30c8\u3092 <code>GreetingsController<\/code> \u306e <code>hello<\/code> \u30a2\u30af\u30b7\u30e7\u30f3\u306b\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0<\/li>\n\n\n\n<li><code>resources :posts<\/code>: posts \u30ea\u30bd\u30fc\u30b9\u306b\u5bfe\u3059\u308bRESTful\u306a\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u3092\u81ea\u52d5\u751f\u6210<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-39\">\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc<\/h4>\n\n\n\n<p>\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u306f <code>app\/controllers<\/code> \u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u914d\u7f6e\u3055\u308c\u307e\u3059\u3002<br>\u65b0\u3057\u3044\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3092\u751f\u6210\u3059\u308b\u306b\u306f\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=\"\">rails generate controller Greetings hello<\/pre>\n\n\n\n<p>\u3053\u308c\u306b\u3088\u308a\u3001<code>GreetingsController<\/code> \u3068 <code>hello<\/code> \u30a2\u30af\u30b7\u30e7\u30f3\u304c\u4f5c\u6210\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u306e\u57fa\u672c\u69cb\u9020<\/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 GreetingsController &lt; ApplicationController\n  def hello\n    @message = \"Hello, Rails!\"\n  end\nend<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-40\">\u30d3\u30e5\u30fc<\/h4>\n\n\n\n<p>\u30d3\u30e5\u30fc\u306f <code>app\/views<\/code> \u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u914d\u7f6e\u3055\u308c\u307e\u3059\u3002<br>\u4e0a\u8a18\u306e <code>hello<\/code> \u30a2\u30af\u30b7\u30e7\u30f3\u306b\u5bfe\u5fdc\u3059\u308b\u30d3\u30e5\u30fc\u306f <code>app\/views\/greetings\/hello.html.erb<\/code> \u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>ERB\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u57fa\u672c\u4f8b<\/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;h1&gt;Welcome to Rails&lt;\/h1&gt;\n&lt;p&gt;&lt;%= @message %&gt;&lt;\/p&gt;<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-41\">\u7c21\u5358\u306aCRUD\u64cd\u4f5c\u306e\u5b9f\u88c5\u4f8b<\/h3>\n\n\n\n<p>\u30d6\u30ed\u30b0\u6295\u7a3f\uff08Post\uff09\u3092\u4f8b\u306b\u3001\u57fa\u672c\u7684\u306aCRUD\u64cd\u4f5c\u3092\u5b9f\u88c5\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-42\">1. <strong>\u30e2\u30c7\u30eb\u306e\u751f\u6210<\/strong><\/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=\"\">   rails generate model Post title:string content:text\n   rails db:migrate<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-43\">2. <strong>\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u306e\u751f\u6210<\/strong><\/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=\"\">   rails generate controller Posts index show new create edit update destroy<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-44\">3. <strong>\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306e\u8a2d\u5b9a<\/strong> (<code>config\/routes.rb<\/code>)<\/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=\"\">   Rails.application.routes.draw do\n     resources :posts\n   end<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-45\">4. <strong>\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u306e\u5b9f\u88c5<\/strong> (<code>app\/controllers\/posts_controller.rb<\/code>)<\/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 PostsController &lt; ApplicationController\n     def index\n       @posts = Post.all\n     end\n\n     def show\n       @post = Post.find(params[:id])\n     end\n\n     def new\n       @post = Post.new\n     end\n\n     def create\n       @post = Post.new(post_params)\n       if @post.save\n         redirect_to @post, notice: 'Post was successfully created.'\n       else\n         render :new\n       end\n     end\n\n     private\n\n     def post_params\n       params.require(:post).permit(:title, :content)\n     end\n   end<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-46\">5. <strong>\u30d3\u30e5\u30fc\u306e\u4f5c\u6210<\/strong> (<code>app\/views\/posts\/index.html.erb<\/code>)<\/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;h1&gt;Blog Posts&lt;\/h1&gt;\n\n   &lt;% @posts.each do |post| %&gt;\n     &lt;h2&gt;&lt;%= link_to post.title, post_path(post) %&gt;&lt;\/h2&gt;\n     &lt;p&gt;&lt;%= post.content %&gt;&lt;\/p&gt;\n   &lt;% end %&gt;\n\n   &lt;%= link_to 'New Post', new_post_path %&gt;<\/pre>\n\n\n\n<p>\u3053\u306e\u4f8b\u3067\u306f\u3001\u6295\u7a3f\u306e\u4e00\u89a7\u8868\u793a\uff08index\uff09\u3068\u65b0\u898f\u4f5c\u6210\uff08new, create\uff09\u306e\u57fa\u672c\u7684\u306a\u5b9f\u88c5\u3092\u793a\u3057\u3066\u3044\u307e\u3059\u3002<br>\u540c\u69d8\u306e\u65b9\u6cd5\u3067\u3001show\u3001edit\u3001update\u3001destroy\u30a2\u30af\u30b7\u30e7\u30f3\u3082\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p>Rails \u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3092\u4f7f\u3046\u3053\u3068\u3067\u3001\u3053\u306e\u3088\u3046\u306b\u77ed\u3044\u30b3\u30fc\u30c9\u3067\u57fa\u672c\u7684\u306aCRUD\u64cd\u4f5c\u3092\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002<br>\u6b21\u306e\u7ae0\u3067\u306f\u3001\u3053\u308c\u3089\u306e\u57fa\u672c\u3092\u8e0f\u307e\u3048\u3066\u3001\u3088\u308a\u9ad8\u5ea6\u306a\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u64cd\u4f5c\u3068\u30e2\u30c7\u30eb\u306e\u6d3b\u7528\u65b9\u6cd5\u3092\u5b66\u3093\u3067\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-47\">\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u64cd\u4f5c\u3068\u30e2\u30c7\u30eb\u306e\u6d3b\u7528<\/h2>\n\n\n\n<p>Ruby on Rails\u306b\u304a\u3051\u308b\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u64cd\u4f5c\u306e\u4e2d\u5fc3\u3068\u306a\u308b\u306e\u304c\u3001Active Record\u3067\u3059\u3002<br>\u3053\u306e\u7ae0\u3067\u306f\u3001Active Record\u3092\u4f7f\u3063\u305f\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u64cd\u4f5c\u306e\u57fa\u790e\u304b\u3089\u3001\u52b9\u7387\u7684\u306a\u30c7\u30fc\u30bf\u7ba1\u7406\u306e\u305f\u3081\u306e\u30c6\u30af\u30cb\u30c3\u30af\u307e\u3067\u3092\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-48\">Active Record\u306e\u57fa\u790e<\/h3>\n\n\n\n<p>Active Record\u306f\u3001Rails\u304c\u63a1\u7528\u3057\u3066\u3044\u308bORM\uff08Object-Relational Mapping\uff09\u3067\u3059\u3002<br>\u3053\u308c\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u30c6\u30fc\u30d6\u30eb\u3092Ruby\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3068\u3057\u3066\u6271\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30e2\u30c7\u30eb\u30af\u30e9\u30b9\u540d\u306f\u5358\u6570\u5f62\u3001\u5bfe\u5fdc\u3059\u308b\u30c6\u30fc\u30d6\u30eb\u540d\u306f\u8907\u6570\u5f62\u306b\u306a\u308a\u307e\u3059\u3002<br>\u4f8b\uff1a<code>User<\/code> \u30e2\u30c7\u30eb \u2192 <code>users<\/code> \u30c6\u30fc\u30d6\u30eb<\/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=\"\">class User &lt; ApplicationRecord\nend<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-49\">\u57fa\u672c\u7684\u306aCRUD\u64cd\u4f5c<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-50\">1. <strong>Create\uff08\u4f5c\u6210\uff09<\/strong><\/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=\"\">   # \u65b9\u6cd51\n   user = User.create(name: \"John Doe\", email: \"john@example.com\")\n\n   # \u65b9\u6cd52\n   user = User.new(name: \"Jane Doe\", email: \"jane@example.com\")\n   user.save<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-51\">2. <strong>Read\uff08\u8aad\u307f\u53d6\u308a\uff09<\/strong><\/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=\"\">   # ID\u6307\u5b9a\u3067\u53d6\u5f97\n   user = User.find(1)\n\n   # \u6761\u4ef6\u6307\u5b9a\u3067\u53d6\u5f97\n   users = User.where(name: \"John Doe\")\n\n   # \u5168\u4ef6\u53d6\u5f97\n   all_users = User.all<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-52\">3. <strong>Update\uff08\u66f4\u65b0\uff09<\/strong><\/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=\"\">   user = User.find(1)\n   user.update(name: \"John Smith\")\n\n   # \u307e\u305f\u306f\n   user.name = \"John Smith\"\n   user.save<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-53\">4. <strong>Destroy\uff08\u524a\u9664\uff09<\/strong><\/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=\"\">   user = User.find(1)\n   user.destroy<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-54\">\u95a2\u9023\u4ed8\u3051\uff08\u30a2\u30bd\u30b7\u30a8\u30fc\u30b7\u30e7\u30f3\uff09<\/h3>\n\n\n\n<p>\u30e2\u30c7\u30eb\u9593\u306e\u95a2\u4fc2\u3092\u5b9a\u7fa9\u3059\u308b\u3053\u3068\u3067\u3001\u95a2\u9023\u3059\u308b\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u6271\u3048\u308b\u3088\u3046\u306b\u306a\u308a\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=\"\">class User &lt; ApplicationRecord\n  has_many :posts\nend\n\nclass Post &lt; ApplicationRecord\n  belongs_to :user\nend<\/pre>\n\n\n\n<p>\u3053\u308c\u306b\u3088\u308a\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u64cd\u4f5c\u304c\u53ef\u80fd\u306b\u306a\u308a\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=\"\">user = User.first\nuser.posts  # \u3053\u306e\u30e6\u30fc\u30b6\u30fc\u306e\u6295\u7a3f\u3092\u5168\u3066\u53d6\u5f97\npost = Post.first\npost.user   # \u3053\u306e\u6295\u7a3f\u306e\u30e6\u30fc\u30b6\u30fc\u3092\u53d6\u5f97<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-55\">\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3<\/h3>\n\n\n\n<p>\u30c7\u30fc\u30bf\u306e\u6574\u5408\u6027\u3092\u4fdd\u3064\u305f\u3081\u306b\u3001\u30e2\u30c7\u30eb\u306b\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\uff08\u691c\u8a3c\uff09\u3092\u8ffd\u52a0\u3067\u304d\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=\"\">class User &lt; ApplicationRecord\n  validates :name, presence: true\n  validates :email, uniqueness: true, format: { with: \/\\A[\\w+\\-.]+@[a-z\\d\\-]+(\\.[a-z\\d\\-]+)*\\.[a-z]+\\z\/i }\n  validate :custom_validation\n\n  private\n\n  def custom_validation\n    if name == email\n      errors.add(:name, \"can't be the same as email\")\n    end\n  end\nend<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-56\">\u30b9\u30b3\u30fc\u30d7\u3068\u30af\u30a8\u30ea\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9<\/h3>\n\n\n\n<p>\u983b\u7e41\u306b\u4f7f\u7528\u3059\u308b\u30af\u30a8\u30ea\u3092\u30b9\u30b3\u30fc\u30d7\u3068\u3057\u3066\u5b9a\u7fa9\u3067\u304d\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=\"\">class Post &lt; ApplicationRecord\n  scope :published, -&gt; { where(published: true) }\n  scope :recent, -&gt; { order(created_at: :desc).limit(5) }\nend\n\n# \u4f7f\u7528\u4f8b\nPost.published.recent<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-57\">\u30de\u30a4\u30b0\u30ec\u30fc\u30b7\u30e7\u30f3\u3068\u30b9\u30ad\u30fc\u30de\u7ba1\u7406<\/h3>\n\n\n\n<p>\u30de\u30a4\u30b0\u30ec\u30fc\u30b7\u30e7\u30f3\u3092\u4f7f\u7528\u3057\u3066\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30b9\u30ad\u30fc\u30de\u3092\u7ba1\u7406\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u65b0\u3057\u3044\u30de\u30a4\u30b0\u30ec\u30fc\u30b7\u30e7\u30f3\u306e\u4f5c\u6210<\/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 generate migration AddEmailToUsers email:string<\/pre>\n\n\n\n<p>\u30de\u30a4\u30b0\u30ec\u30fc\u30b7\u30e7\u30f3\u30d5\u30a1\u30a4\u30eb\u306e\u4f8b<\/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 AddEmailToUsers &lt; ActiveRecord::Migration[6.1]\n  def change\n    add_column :users, :email, :string\n    add_index :users, :email, unique: true\n  end\nend<\/pre>\n\n\n\n<p>\u30de\u30a4\u30b0\u30ec\u30fc\u30b7\u30e7\u30f3\u306e\u5b9f\u884c<\/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 db:migrate<\/pre>\n\n\n\n<p>\u30ed\u30fc\u30eb\u30d0\u30c3\u30af<\/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 db:rollback<\/pre>\n\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">\u30b9\u30ad\u30fc\u30de\u7ba1\u7406\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u30104STEP\u3011<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ol class=\"wp-block-list\">\n<li>\u30de\u30a4\u30b0\u30ec\u30fc\u30b7\u30e7\u30f3\u540d\u306f\u5909\u66f4\u5185\u5bb9\u3092\u660e\u78ba\u306b\u8868\u3059\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u5927\u898f\u6a21\u306a\u5909\u66f4\u306f\u8907\u6570\u306e\u30de\u30a4\u30b0\u30ec\u30fc\u30b7\u30e7\u30f3\u306b\u5206\u5272\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u672c\u756a\u74b0\u5883\u3067\u306e\u30de\u30a4\u30b0\u30ec\u30fc\u30b7\u30e7\u30f3\u5b9f\u884c\u524d\u306b\u306f\u5fc5\u305a\u30c6\u30b9\u30c8\u74b0\u5883\u3067\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><code>schema.rb<\/code> \u30d5\u30a1\u30a4\u30eb\u306f\u30d0\u30fc\u30b8\u30e7\u30f3\u7ba1\u7406\u306b\u542b\u3081\u307e\u3059\u3002<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-58\">N+1\u554f\u984c\u306e\u89e3\u6c7a<\/h3>\n\n\n\n<p>N+1\u554f\u984c\u306f\u3001\u95a2\u9023\u3059\u308b\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3059\u308b\u969b\u306b\u591a\u6570\u306e\u30af\u30a8\u30ea\u304c\u767a\u884c\u3055\u308c\u308b\u554f\u984c\u3067\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=\"\"># N+1\u554f\u984c\u3092\u5f15\u304d\u8d77\u3053\u3059\nposts = Post.all\nposts.each do |post|\n  puts post.user.name  # \u5404\u6295\u7a3f\u306b\u5bfe\u3057\u3066\u500b\u5225\u306e\u30af\u30a8\u30ea\u304c\u767a\u884c\u3055\u308c\u308b\nend\n\n# includes \u3092\u4f7f\u7528\u3057\u3066\u89e3\u6c7a\nposts = Post.includes(:user)\nposts.each do |post|\n  puts post.user.name  # \u8ffd\u52a0\u306e\u30af\u30a8\u30ea\u306f\u767a\u884c\u3055\u308c\u306a\u3044\nend<\/pre>\n\n\n\n<p><code>bullet<\/code> gem\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001N+1\u554f\u984c\u3092\u81ea\u52d5\u7684\u306b\u691c\u51fa\u3067\u304d\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=\"\"># Gemfile\ngem 'bullet', group: :development\n\n# config\/environments\/development.rb\nconfig.after_initialize do\n  Bullet.enable = true\n  Bullet.alert = true\n  Bullet.bullet_logger = true\n  Bullet.console = true\nend<\/pre>\n\n\n\n<p>Active Record\u3092\u52b9\u679c\u7684\u306b\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u64cd\u4f5c\u3092\u7c21\u6f54\u304b\u3064\u52b9\u7387\u7684\u306b\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<br>\u6b21\u306e\u7ae0\u3067\u306f\u3001\u3053\u308c\u3089\u306e\u77e5\u8b58\u3092\u57fa\u306b\u3001\u30d3\u30e5\u30fc\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3068\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a\u306b\u3064\u3044\u3066\u5b66\u3093\u3067\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-59\">\u30d3\u30e5\u30fc\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3068\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a<\/h2>\n\n\n\n<p>Ruby on Rails\u306b\u304a\u3051\u308b\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a\u306f\u3001ERB\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u4e2d\u5fc3\u306b\u5c55\u958b\u3055\u308c\u307e\u3059\u3002<br>\u3053\u306e\u7ae0\u3067\u306f\u3001\u30d3\u30e5\u30fc\u306e\u57fa\u672c\u304b\u3089\u30e2\u30c0\u30f3\u306aJavaScript\u958b\u767a\u307e\u3067\u3001Rails\u3067\u306e\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a\u306e\u5168\u4f53\u50cf\u3092\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-60\">ERB\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u4f7f\u3044\u65b9\u3068\u30d8\u30eb\u30d1\u30fc\u30e1\u30bd\u30c3\u30c9<\/h3>\n\n\n\n<p>ERB\uff08Embedded Ruby\uff09\u306f\u3001HTML\u306bRuby\u30b3\u30fc\u30c9\u3092\u57cb\u3081\u8fbc\u3080\u305f\u3081\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u8a00\u8a9e\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u57fa\u672c\u7684\u306a\u69cb\u6587\u306f\u4ee5\u4e0b\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>&lt;%= %&gt;<\/code>: \u8a55\u4fa1\u7d50\u679c\u3092\u51fa\u529b<\/li>\n\n\n\n<li><code>&lt;% %&gt;<\/code>: Ruby\u30b3\u30fc\u30c9\u3092\u5b9f\u884c\uff08\u51fa\u529b\u306a\u3057\uff09<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-sgb-message\"><div class=\"memo sng-shadow-0\" style=\"border-radius:0px;background-color:#fff9e6;color:#ffb36b\"><div class=\"memo_ttl dfont\"><span class=\"sng-box-msg__icon\" style=\"background:#ffb36b\"><i class=\"fas fa-pencil-alt\"><\/i><\/span><div class=\"sng-box-msg__title\">\u4ee5\u4e0b\u3001\u30b3\u30fc\u30c9\u4f8b<\/div><\/div><div class=\"sng-box-msg__contents\">\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;h1&gt;Welcome, &lt;%= @user.name %&gt;&lt;\/h1&gt;\n\n&lt;% if @posts.any? %&gt;\n  &lt;ul&gt;\n    &lt;% @posts.each do |post| %&gt;\n      &lt;li&gt;&lt;%= post.title %&gt;&lt;\/li&gt;\n    &lt;% end %&gt;\n  &lt;\/ul&gt;\n&lt;% else %&gt;\n  &lt;p&gt;No posts found.&lt;\/p&gt;\n&lt;% end %&gt;<\/pre>\n<\/div><\/div><\/div>\n\n\n\n<p>\u30d8\u30eb\u30d1\u30fc\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u3088\u304f\u4f7f\u3046 HTML \u69cb\u9020\u3092\u7c21\u5358\u306b\u751f\u6210\u3067\u304d\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;%= link_to \"New Post\", new_post_path, class: \"btn btn-primary\" %&gt;\n\n&lt;%= form_with model: @post, local: true do |f| %&gt;\n  &lt;%= f.label :title %&gt;\n  &lt;%= f.text_field :title %&gt;\n  &lt;%= f.submit \"Create Post\" %&gt;\n&lt;% end %&gt;<\/pre>\n\n\n\n<p>\u30ab\u30b9\u30bf\u30e0\u30d8\u30eb\u30d1\u30fc\u306f <code>app\/helpers<\/code> \u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u5b9a\u7fa9\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\/helpers\/application_helper.rb\nmodule ApplicationHelper\n  def formatted_date(date)\n    date.strftime(\"%B %d, %Y\")\n  end\nend<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-61\">\u30ec\u30a4\u30a2\u30a6\u30c8\u30d5\u30a1\u30a4\u30eb\u3068\u30d1\u30fc\u30b7\u30e3\u30eb<\/h3>\n\n\n\n<p>\u30ec\u30a4\u30a2\u30a6\u30c8\u30d5\u30a1\u30a4\u30eb\uff08<code>app\/views\/layouts\/application.html.erb<\/code>\uff09\u306f\u3001\u5171\u901a\u306e HTML \u69cb\u9020\u3092\u5b9a\u7fa9\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;!DOCTYPE html&gt;\n&lt;html&gt;\n  &lt;head&gt;\n    &lt;title&gt;&lt;%= yield :title %&gt;&lt;\/title&gt;\n    &lt;%= csrf_meta_tags %&gt;\n    &lt;%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %&gt;\n    &lt;%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %&gt;\n  &lt;\/head&gt;\n  &lt;body&gt;\n    &lt;%= yield %&gt;\n  &lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n\n\n\n<p>\u30d1\u30fc\u30b7\u30e3\u30eb\u306f\u518d\u5229\u7528\u53ef\u80fd\u306a\u30d3\u30e5\u30fc\u306e\u65ad\u7247\u3067\u3001\u30d5\u30a1\u30a4\u30eb\u540d\u306e\u5148\u982d\u306b\u30a2\u30f3\u30c0\u30fc\u30b9\u30b3\u30a2\u3092\u4ed8\u3051\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\/shared\/_navbar.html.erb --&gt;\n&lt;nav&gt;\n  &lt;!-- \u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u306e\u5185\u5bb9 --&gt;\n&lt;\/nav&gt;\n\n&lt;!-- \u4f7f\u7528\u4f8b --&gt;\n&lt;%= render 'shared\/navbar' %&gt;<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-62\">\u30e2\u30c0\u30f3\u306a\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u6280\u8853\u3068Rails\u306e\u7d71\u5408<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-63\">Webpacker<\/h4>\n\n\n\n<p>Webpacker\u306f\u3001Rails\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u73fe\u4ee3\u7684\u306aJavaScript\u958b\u767a\u3092\u53ef\u80fd\u306b\u3059\u308b\u30c4\u30fc\u30eb\u3067\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-64\">1. Webpacker\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=\"\">   rails webpacker:install<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-65\">2. JavaScript\u30d5\u30a1\u30a4\u30eb\u306e\u7ba1\u7406<\/h4>\n\n\n\n<p><code>app\/javascript\/packs<\/code> \u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u30a8\u30f3\u30c8\u30ea\u30fc\u30dd\u30a4\u30f3\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-66\">3. \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\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=\"\">   \/\/ app\/javascript\/components\/hello.js\n   export default class Hello {\n     constructor(name) {\n       this.name = name;\n     }\n\n     sayHello() {\n       console.log(`Hello, ${this.name}!`);\n     }\n   }<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-67\">4. \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u5229\u7528<\/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\/javascript\/packs\/application.js\n   import Hello from '..\/components\/hello'\n\n   document.addEventListener('DOMContentLoaded', () =&gt; {\n     const hello = new Hello('Rails');\n     hello.sayHello();\n   });<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-68\">Stimulus<\/h4>\n\n\n\n<p>Stimulus\u306f\u3001HTML\u3068\u7dca\u5bc6\u306b\u7d71\u5408\u3055\u308c\u305fJavaScript\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3067\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-69\">1. Stimulus\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/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=\"\">   rails webpacker:install stimulus<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-70\">2. \u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\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=\"\">   \/\/ app\/javascript\/controllers\/hello_controller.js\n   import { Controller } from \"stimulus\"\n\n   export default class extends Controller {\n     static targets = [ \"name\", \"output\" ]\n\n     greet() {\n       this.outputTarget.textContent = `Hello, ${this.nameTarget.value}!`\n     }\n   }<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-71\">3. HTML\u3067\u306e\u4f7f\u7528<\/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;div data-controller=\"hello\"&gt;\n     &lt;input data-hello-target=\"name\" type=\"text\"&gt;\n     &lt;button data-action=\"click-&gt;hello#greet\"&gt;Greet&lt;\/button&gt;\n     &lt;span data-hello-target=\"output\"&gt;&lt;\/span&gt;\n   &lt;\/div&gt;<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-72\">\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3\u306e\u5b9f\u88c5<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-73\">1. \u30d3\u30e5\u30fc\u30dd\u30fc\u30c8\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=\"\">   &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"&gt;<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-74\">2. \u30e1\u30c7\u30a3\u30a2\u30af\u30a8\u30ea\u306e\u4f7f\u7528<\/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=\"\">   @media (max-width: 600px) {\n     .container {\n       width: 100%;\n     }\n   }<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-75\">3. \u30d5\u30ec\u30ad\u30b7\u30d6\u30eb\u30b0\u30ea\u30c3\u30c9<\/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=\"\">   .row {\n     display: flex;\n     flex-wrap: wrap;\n   }\n   .col {\n     flex: 1;\n   }<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-76\">4. \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30a4\u30e1\u30fc\u30b8<\/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=\"\">   img {\n     max-width: 100%;\n     height: auto;\n   }<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-77\">\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-78\">1. \u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30a2\u30bb\u30c3\u30c8\u306e\u6700\u5c0f\u5316: <code>config\/environments\/production.rb<\/code> \u3067 <code>config.assets.js_compressor = :terser<\/code> \u3092\u8a2d\u5b9a<\/li>\n\n\n\n<li>\u753b\u50cf\u306e\u6700\u9069\u5316: <code>image_processing<\/code> gem \u3092\u4f7f\u7528<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-79\">2. \u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u9069\u5207\u306a\u898b\u51fa\u3057\u69cb\u9020\u3092\u4f7f\u7528<\/li>\n\n\n\n<li>\u30d5\u30a9\u30fc\u30e0\u30e9\u30d9\u30eb\u3092\u5e38\u306b\u4f7f\u7528<\/li>\n\n\n\n<li>\u30ad\u30fc\u30dc\u30fc\u30c9\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u306b\u5bfe\u5fdc<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-80\">3. \u30af\u30ed\u30b9\u30d6\u30e9\u30a6\u30b6\u5bfe\u5fdc<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Autoprefixer \u3092\u4f7f\u7528: <code>gem 'autoprefixer-rails'<\/code> \u3092 Gemfile \u306b\u8ffd\u52a0<\/li>\n\n\n\n<li>\u30e2\u30c0\u30f3\u306a CSS \u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u306f fallback \u3092\u63d0\u4f9b<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-81\">4. \u30bb\u30ad\u30e5\u30ea\u30c6\u30a3<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>CSRF\u30c8\u30fc\u30af\u30f3\u3092\u5e38\u306b\u4f7f\u7528: <code>&lt;%= csrf_meta_tags %&gt;<\/code> \u3092\u30ec\u30a4\u30a2\u30a6\u30c8\u306b\u8ffd\u52a0<\/li>\n\n\n\n<li>\u30e6\u30fc\u30b6\u30fc\u5165\u529b\u306f\u5e38\u306b\u30a8\u30b9\u30b1\u30fc\u30d7: <code>&lt;%= h(user_input) %&gt;<\/code> \u307e\u305f\u306f <code>sanitize<\/code> \u30d8\u30eb\u30d1\u30fc\u3092\u4f7f\u7528<\/li>\n<\/ul>\n\n\n\n<p>Rails\u306e\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a\u306f\u3001\u5f93\u6765\u306eERB\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u304b\u3089\u30e2\u30c0\u30f3\u306aJavaScript\u958b\u767a\u307e\u3067\u5e45\u5e83\u304f\u30ab\u30d0\u30fc\u3057\u3066\u3044\u307e\u3059\u3002<br>\u3053\u308c\u3089\u306e\u30c4\u30fc\u30eb\u3068\u6280\u8853\u3092\u9069\u5207\u306b\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u3001\u9ad8\u6027\u80fd\u3067\u4fdd\u5b88\u6027\u306e\u9ad8\u3044Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u69cb\u7bc9\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<br>\u6b21\u306e\u7ae0\u3067\u306f\u3001\u3053\u308c\u3089\u306e\u77e5\u8b58\u3092\u6d3b\u304b\u3057\u3066\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u3068\u6a29\u9650\u7ba1\u7406\u306e\u5b9f\u88c5\u65b9\u6cd5\u3092\u5b66\u3093\u3067\u3044\u304d\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-82\">\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u3068\u6a29\u9650\u7ba1\u7406\u306e\u5b9f\u88c5<\/h2>\n\n\n\n<p>Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u304a\u3044\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u3068\u6a29\u9650\u7ba1\u7406\u306f\u975e\u5e38\u306b\u91cd\u8981\u306a\u8981\u7d20\u3067\u3059\u3002<br>\u3053\u306e\u7ae0\u3067\u306f\u3001Ruby on Rails\u3067\u306e\u5b89\u5168\u306a\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u30b7\u30b9\u30c6\u30e0\u306e\u69cb\u7bc9\u3068\u3001\u67d4\u8edf\u306a\u6a29\u9650\u7ba1\u7406\u306e\u5b9f\u88c5\u65b9\u6cd5\u306b\u3064\u3044\u3066\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-83\">Devise\u3092\u4f7f\u3063\u305f\u5b89\u5168\u306a\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u30b7\u30b9\u30c6\u30e0\u306e\u69cb\u7bc9<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-84\">Devise\u306e\u6982\u8981<\/h4>\n\n\n\n<p>Devise\u306f\u3001Rails\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u5305\u62ec\u7684\u306a\u8a8d\u8a3c\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3059\u308b\u4eba\u6c17\u306egem\u3067\u3059\u3002<br>\u4e3b\u306a\u6a5f\u80fd\u306b\u306f\u4ee5\u4e0b\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30b5\u30a4\u30f3\u30a2\u30c3\u30d7\u3001\u30ed\u30b0\u30a4\u30f3\u3001\u30ed\u30b0\u30a2\u30a6\u30c8<\/li>\n\n\n\n<li>\u30d1\u30b9\u30ef\u30fc\u30c9\u30ea\u30bb\u30c3\u30c8<\/li>\n\n\n\n<li>\u30e1\u30fc\u30eb\u78ba\u8a8d<\/li>\n\n\n\n<li>\u30bb\u30c3\u30b7\u30e7\u30f3\u7ba1\u7406<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-85\">Devise\u306e\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-86\">1. Gemfile\u306b\u8ffd\u52a0<\/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=\"\">   gem 'devise'<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-87\">2. \u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3068\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=\"\">   bundle install\n   rails generate devise:install<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-88\">3. User\u30e2\u30c7\u30eb\u306e\u751f\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=\"\">   rails generate devise User<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-89\">4. \u30de\u30a4\u30b0\u30ec\u30fc\u30b7\u30e7\u30f3\u306e\u5b9f\u884c<\/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=\"\">   rails db:migrate<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-90\">\u57fa\u672c\u7684\u306a\u4f7f\u7528\u65b9\u6cd5<\/h4>\n\n\n\n<p>\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3067\u306e\u8a8d\u8a3c\u8981\u6c42<\/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\n  def index\n    # ...\n  end\nend<\/pre>\n\n\n\n<p>\u30d3\u30e5\u30fc\u3067\u306e\u6761\u4ef6\u5206\u5c90<\/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;% if user_signed_in? %&gt;\n  &lt;%= link_to '\u30ed\u30b0\u30a2\u30a6\u30c8', destroy_user_session_path, method: :delete %&gt;\n&lt;% else %&gt;\n  &lt;%= link_to '\u30ed\u30b0\u30a4\u30f3', new_user_session_path %&gt;\n&lt;% end %&gt;<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-91\">\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u53ef\u80fd\u306a\u8a8d\u8a3c\u6a5f\u80fd<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30e1\u30fc\u30eb\u78ba\u8a8d\u6a5f\u80fd\u306e\u8ffd\u52a0:<br><code>config\/initializers\/devise.rb<\/code> \u3067 <code>config.confirm_within = 3.days<\/code> \u3092\u8a2d\u5b9a<\/li>\n\n\n\n<li>OAuth\u8a8d\u8a3c\u306e\u7d71\u5408:<br><code>omniauth<\/code> \u3068 <code>omniauth-google-oauth2<\/code> gem\u3092\u8ffd\u52a0\u3057\u3001Devise\u3068\u9023\u643a<\/li>\n\n\n\n<li>\u30ed\u30b0\u30a4\u30f3\u8a66\u884c\u56de\u6570\u306e\u5236\u9650:<br><code>config\/initializers\/devise.rb<\/code> \u3067 <code>config.maximum_attempts = 5<\/code> \u3092\u8a2d\u5b9a<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-92\">CanCanCan\u3092\u6d3b\u7528\u3057\u305f\u67d4\u8edf\u306a\u6a29\u9650\u7ba1\u7406\u306e\u5b9f\u88c5<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-93\">CanCanCan\u306e\u6982\u8981<\/h4>\n\n\n\n<p>CanCanCan\u306f\u3001\u5ba3\u8a00\u7684\u306a\u69cb\u6587\u3092\u4f7f\u7528\u3057\u3066\u6a29\u9650\u3092\u5b9a\u7fa9\u3057\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5168\u4f53\u3067\u4e00\u8cab\u3057\u305f\u65b9\u6cd5\u3067\u6a29\u9650\u3092\u30c1\u30a7\u30c3\u30af\u3067\u304d\u308bgem\u3067\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-94\">CanCanCan\u306e\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-95\">1. Gemfile\u306b\u8ffd\u52a0<\/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=\"\">   gem 'cancancan'<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-96\">2. Ability\u30af\u30e9\u30b9\u306e\u751f\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=\"\">   rails g cancan:ability<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-97\">\u6a29\u9650\u306e\u5b9a\u7fa9<\/h4>\n\n\n\n<p><code>app\/models\/ability.rb<\/code>:<\/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 Ability\n  include CanCan::Ability\n\n  def initialize(user)\n    user ||= User.new # \u30b2\u30b9\u30c8\u30e6\u30fc\u30b6\u30fc\uff08\u672a\u30ed\u30b0\u30a4\u30f3\uff09\u306e\u5834\u5408\n\n    if user.admin?\n      can :manage, :all\n    else\n      can :read, Article\n      can :create, Comment\n      can :update, Comment, user_id: user.id\n    end\n  end\nend<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-98\">\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3067\u306e\u6a29\u9650\u30c1\u30a7\u30c3\u30af<\/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 ArticlesController &lt; ApplicationController\n  load_and_authorize_resource\n\n  def show\n    # @article \u306f\u81ea\u52d5\u7684\u306b\u30ed\u30fc\u30c9\u3055\u308c\u307e\u3059\n  end\n\n  def update\n    if @article.update(article_params)\n      redirect_to @article, notice: '\u8a18\u4e8b\u304c\u66f4\u65b0\u3055\u308c\u307e\u3057\u305f\u3002'\n    else\n      render :edit\n    end\n  end\n\n  # ...\n\n  rescue_from CanCan::AccessDenied do |exception|\n    redirect_to root_url, alert: '\u6a29\u9650\u304c\u3042\u308a\u307e\u305b\u3093\u3002'\n  end\nend<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-99\">\u30d3\u30e5\u30fc\u3067\u306e\u6a29\u9650\u30c1\u30a7\u30c3\u30af<\/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;% if can? :update, @article %&gt;\n  &lt;%= link_to '\u7de8\u96c6', edit_article_path(@article) %&gt;\n&lt;% end %&gt;<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-100\">\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-101\">1. \u5f37\u529b\u306a\u30d1\u30b9\u30ef\u30fc\u30c9\u30dd\u30ea\u30b7\u30fc\u306e\u5b9f\u88c5<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u6700\u5c0f\u6587\u5b57\u6570\u3001\u5927\u6587\u5b57\u5c0f\u6587\u5b57\u306e\u6df7\u5728\u3001\u6570\u5b57\u3084\u7279\u6b8a\u6587\u5b57\u306e\u8981\u6c42<\/li>\n\n\n\n<li>\u30d1\u30b9\u30ef\u30fc\u30c9\u5f37\u5ea6\u30c1\u30a7\u30c3\u30ab\u30fc\u306e\u5b9f\u88c5<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-102\">2. \u4e8c\u8981\u7d20\u8a8d\u8a3c\u306e\u5c0e\u5165<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>devise-two-factor<\/code> gem\u3092\u4f7f\u7528<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-103\">3. \u30bb\u30c3\u30b7\u30e7\u30f3\u30bf\u30a4\u30e0\u30a2\u30a6\u30c8\u306e\u8a2d\u5b9a<\/h4>\n\n\n\n<p><code>config\/initializers\/devise.rb<\/code> \u3067 <code>config.timeout_in = 30.minutes<\/code> \u3092\u8a2d\u5b9a<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-104\">4. CSRF\u30c8\u30fc\u30af\u30f3\u306e\u4f7f\u7528<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>protect_from_forgery with: :exception<\/code> \u3092ApplicationController\u306b\u8ffd\u52a0<\/li>\n\n\n\n<li>JavaScript\u30ea\u30af\u30a8\u30b9\u30c8\u306b\u3082CSRF\u30c8\u30fc\u30af\u30f3\u3092\u542b\u3081\u308b<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-105\">5. \u30bb\u30ad\u30e5\u30a2\u306a\u901a\u4fe1\uff08HTTPS\uff09\u306e\u5f37\u5236<\/h4>\n\n\n\n<p><code>config\/environments\/production.rb<\/code> \u3067 <code>config.force_ssl = true<\/code> \u3092\u8a2d\u5b9a<\/p>\n\n\n\n<p>\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u3068\u6a29\u9650\u7ba1\u7406\u3092\u9069\u5207\u306b\u5b9f\u88c5\u3059\u308b\u3053\u3068\u3067\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u304c\u5927\u5e45\u306b\u5411\u4e0a\u3057\u307e\u3059\u3002<br>Devise \u3068 CanCanCan \u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u3001\u5805\u7262\u3067\u67d4\u8edf\u306a\u8a8d\u8a3c\u30fb\u8a8d\u53ef\u30b7\u30b9\u30c6\u30e0\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002<br>\u6b21\u306e\u7ae0\u3067\u306f\u3001\u3053\u308c\u3089\u306e\u77e5\u8b58\u3092\u57fa\u306b\u3001\u30c6\u30b9\u30c8\u99c6\u52d5\u958b\u767a\uff08TDD\uff09\u3068 RSpec \u3092\u4f7f\u3063\u305f\u30c6\u30b9\u30c8\u65b9\u6cd5\u306b\u3064\u3044\u3066\u5b66\u3093\u3067\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-106\">\u30c6\u30b9\u30c8\u99c6\u52d5\u958b\u767a\uff08TDD\uff09\u3068RSpec<\/h2>\n\n\n\n<p>\u30c6\u30b9\u30c8\u99c6\u52d5\u958b\u767a\uff08TDD\uff09\u306f\u3001\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u958b\u767a\u624b\u6cd5\u306e\u4e00\u3064\u3067\u3001\u30c6\u30b9\u30c8\u3092\u5148\u306b\u66f8\u3044\u3066\u304b\u3089\u30b3\u30fc\u30c9\u3092\u5b9f\u88c5\u3059\u308b\u30a2\u30d7\u30ed\u30fc\u30c1\u3067\u3059\u3002<br>Ruby on Rails\u3067\u306f\u3001RSpec\u3068\u3044\u3046\u30c6\u30b9\u30c6\u30a3\u30f3\u30b0\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3092\u4f7f\u7528\u3057\u3066TDD\u3092\u5b9f\u8df5\u3059\u308b\u3053\u3068\u304c\u4e00\u822c\u7684\u3067\u3059\u3002<br>\u3053\u306e\u7ae0\u3067\u306f\u3001TDD\u306e\u6982\u5ff5\u3068RSpec\u3092\u4f7f\u3063\u305f\u30c6\u30b9\u30c8\u306e\u66f8\u304d\u65b9\u306b\u3064\u3044\u3066\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-107\">\u30c6\u30b9\u30c8\u99c6\u52d5\u958b\u767a\uff08TDD\uff09\u306e\u6982\u5ff5<\/h3>\n\n\n\n<p>TDD\u306f\u4ee5\u4e0b\u306e3\u3064\u306e\u30b9\u30c6\u30c3\u30d7\u3092\u7e70\u308a\u8fd4\u3059\u30b5\u30a4\u30af\u30eb\u3067\u9032\u3081\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Red: \u5931\u6557\u3059\u308b\u30c6\u30b9\u30c8\u3092\u66f8\u304f<\/li>\n\n\n\n<li>Green: \u30c6\u30b9\u30c8\u3092\u30d1\u30b9\u3059\u308b\u6700\u5c0f\u9650\u306e\u30b3\u30fc\u30c9\u3092\u66f8\u304f<\/li>\n\n\n\n<li>Refactor: \u30b3\u30fc\u30c9\u3092\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u3059\u308b<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">TDD\u306e3\u3064\u306e\u4e3b\u306a\u5229\u70b9<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ul class=\"wp-block-list\">\n<li>\u8a2d\u8a08\u306e\u6539\u5584: \u30c6\u30b9\u30c8\u3092\u5148\u306b\u66f8\u304f\u3053\u3068\u3067\u3001\u4f7f\u3044\u3084\u3059\u3044API\u3092\u81ea\u7136\u306b\u8a2d\u8a08\u3067\u304d\u308b<\/li>\n\n\n\n<li>\u30d0\u30b0\u306e\u65e9\u671f\u767a\u898b: \u5b9f\u88c5\u3068\u540c\u6642\u306b\u30c6\u30b9\u30c8\u3092\u66f8\u304f\u305f\u3081\u3001\u30d0\u30b0\u3092\u65e9\u671f\u306b\u767a\u898b\u3067\u304d\u308b<\/li>\n\n\n\n<li>\u30c9\u30ad\u30e5\u30e1\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3: \u30c6\u30b9\u30c8\u304c\u4ed5\u69d8\u66f8\u306e\u5f79\u5272\u3092\u679c\u305f\u3059<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-108\">RSpec\u306e\u57fa\u672c<\/h3>\n\n\n\n<p>RSpec\u306f\u3001\u8aad\u307f\u3084\u3059\u304f\u8868\u73fe\u529b\u8c4a\u304b\u306a\u30c6\u30b9\u30c8\u3092\u66f8\u304f\u305f\u3081\u306eDSL\uff08\u30c9\u30e1\u30a4\u30f3\u7279\u5316\u8a00\u8a9e\uff09\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u57fa\u672c\u7684\u306a\u69cb\u6587<\/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 User do\n  context \"when name is present\" do\n    it \"is valid\" do\n      user = User.new(name: \"John Doe\")\n      expect(user).to be_valid\n    end\n  end\nend<\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>describe<\/code>: \u30c6\u30b9\u30c8\u5bfe\u8c61\u3092\u6307\u5b9a<\/li>\n\n\n\n<li><code>context<\/code>: \u30c6\u30b9\u30c8\u306e\u72b6\u6cc1\u3084\u6761\u4ef6\u3092\u8a18\u8ff0<\/li>\n\n\n\n<li><code>it<\/code>: \u500b\u5225\u306e\u30c6\u30b9\u30c8\u30b1\u30fc\u30b9\u3092\u8a18\u8ff0<\/li>\n\n\n\n<li><code>expect<\/code>: \u671f\u5f85\u3059\u308b\u7d50\u679c\u3092\u6307\u5b9a<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-109\">\u30e2\u30c7\u30eb\u30c6\u30b9\u30c8<\/h3>\n\n\n\n<p>\u30e2\u30c7\u30eb\u30c6\u30b9\u30c8\u3067\u306f\u3001\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u3001\u30b9\u30b3\u30fc\u30d7\u3001\u30e1\u30bd\u30c3\u30c9\u306a\u3069\u3092\u30c6\u30b9\u30c8\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=\"\">RSpec.describe User, type: :model do\n  describe \"validations\" do\n    it \"is invalid without a name\" do\n      user = User.new(name: nil)\n      expect(user).to be_invalid\n    end\n  end\n\n  describe \"scopes\" do\n    it \"returns active users\" do\n      active_user = create(:user, active: true)\n      inactive_user = create(:user, active: false)\n      expect(User.active).to include(active_user)\n      expect(User.active).not_to include(inactive_user)\n    end\n  end\n\n  describe \"#full_name\" do\n    it \"returns the full name\" do\n      user = User.new(first_name: \"John\", last_name: \"Doe\")\n      expect(user.full_name).to eq(\"John Doe\")\n    end\n  end\nend<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-110\">\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u30c6\u30b9\u30c8<\/h3>\n\n\n\n<p>\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u30c6\u30b9\u30c8\u3067\u306f\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3068\u30ec\u30b9\u30dd\u30f3\u30b9\u3092\u691c\u8a3c\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=\"\">RSpec.describe UsersController, type: :controller do\n  describe \"GET #index\" do\n    it \"returns a success response\" do\n      get :index\n      expect(response).to be_successful\n    end\n  end\n\n  describe \"POST #create\" do\n    context \"with valid params\" do\n      it \"creates a new User\" do\n        expect {\n          post :create, params: { user: attributes_for(:user) }\n        }.to change(User, :count).by(1)\n      end\n\n      it \"redirects to the created user\" do\n        post :create, params: { user: attributes_for(:user) }\n        expect(response).to redirect_to(User.last)\n      end\n    end\n  end\nend<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-111\">\u30b7\u30b9\u30c6\u30e0\u30c6\u30b9\u30c8<\/h3>\n\n\n\n<p>\u30b7\u30b9\u30c6\u30e0\u30c6\u30b9\u30c8\u3067\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u8996\u70b9\u304b\u3089\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5168\u4f53\u306e\u52d5\u4f5c\u3092\u30c6\u30b9\u30c8\u3057\u307e\u3059\u3002<br>Capybara\u3068\u3044\u3046\u30e9\u30a4\u30d6\u30e9\u30ea\u3092RSpec\u3068\u7d44\u307f\u5408\u308f\u305b\u3066\u4f7f\u7528\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=\"\">RSpec.describe \"User management\", type: :system do\n  it \"allows a user to sign up\" do\n    visit root_path\n    click_link \"Sign up\"\n    fill_in \"Email\", with: \"user@example.com\"\n    fill_in \"Password\", with: \"password\"\n    fill_in \"Password confirmation\", with: \"password\"\n    click_button \"Sign up\"\n\n    expect(page).to have_content(\"Welcome! You have signed up successfully.\")\n  end\nend<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-112\">\u30c6\u30b9\u30c8\u30c7\u30fc\u30bf\u306e\u4f5c\u6210<\/h3>\n\n\n\n<p>FactoryBot\u3092\u4f7f\u7528\u3057\u3066\u3001\u30c6\u30b9\u30c8\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u4f5c\u6210\u3067\u304d\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=\"\"># spec\/factories\/users.rb\nFactoryBot.define do\n  factory :user do\n    sequence(:email) { |n| \"user#{n}@example.com\" }\n    password { \"password\" }\n\n    trait :admin do\n      admin { true }\n    end\n  end\nend\n\n# \u30c6\u30b9\u30c8\u3067\u306e\u4f7f\u7528\nRSpec.describe User do\n  it \"has an admin role\" do\n    admin_user = create(:user, :admin)\n    expect(admin_user).to be_admin\n  end\nend<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-113\">\u30c6\u30b9\u30c8\u30ab\u30d0\u30ec\u30c3\u30b8\u306e\u5411\u4e0a\u3068\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0<\/h3>\n\n\n\n<p>SimpleCov\u3092\u4f7f\u7528\u3057\u3066\u30c6\u30b9\u30c8\u30ab\u30d0\u30ec\u30c3\u30b8\u3092\u6e2c\u5b9a\u3057\u3001\u30ab\u30d0\u30ec\u30c3\u30b8\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\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=\"\"># spec\/spec_helper.rb\nrequire 'simplecov'\nSimpleCov.start 'rails'<\/pre>\n\n\n\n<p>\u30c6\u30b9\u30c8\u30ab\u30d0\u30ec\u30c3\u30b8\u3092\u5411\u4e0a\u3055\u305b\u308b\u969b\u306f\u3001\u4ee5\u4e0b\u306e\u70b9\u306b\u6ce8\u610f\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30a8\u30c3\u30b8\u30b1\u30fc\u30b9\u306e\u30c6\u30b9\u30c8<\/li>\n\n\n\n<li>\u7570\u5e38\u7cfb\u306e\u30c6\u30b9\u30c8<\/li>\n\n\n\n<li>\u5883\u754c\u5024\u306e\u30c6\u30b9\u30c8<\/li>\n<\/ol>\n\n\n\n<p>\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u306e\u969b\u306f\u3001\u30c6\u30b9\u30c8\u304c\u5b89\u5168\u7db2\u3068\u3057\u3066\u6a5f\u80fd\u3057\u307e\u3059\u3002<br>\u30b3\u30fc\u30c9\u3092\u5909\u66f4\u3057\u3066\u3082\u3001\u30c6\u30b9\u30c8\u304c\u901a\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u306a\u304c\u3089\u9032\u3081\u308b\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u3092\u884c\u3048\u307e\u3059\u3002<\/p>\n\n\n\n<p>TDD\u3068RSpec\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u4fe1\u983c\u6027\u306e\u9ad8\u3044\u3001\u4fdd\u5b88\u6027\u306e\u3042\u308bRails\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u958b\u767a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<br>\u6b21\u306e\u7ae0\u3067\u306f\u3001\u3053\u308c\u3089\u306e\u30c6\u30b9\u30c8\u6280\u6cd5\u3092\u8e0f\u307e\u3048\u3066\u3001\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316\u3068\u30b9\u30b1\u30fc\u30e9\u30d3\u30ea\u30c6\u30a3\u306b\u3064\u3044\u3066\u5b66\u3093\u3067\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-114\">\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316\u3068\u30b9\u30b1\u30fc\u30e9\u30d3\u30ea\u30c6\u30a3<\/h2>\n\n\n\n<p>Ruby on Rails\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316\u3068\u30b9\u30b1\u30fc\u30e9\u30d3\u30ea\u30c6\u30a3\u306e\u5411\u4e0a\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u4f53\u9a13\u306e\u6539\u5584\u3001\u30b5\u30fc\u30d0\u30fc\u30ea\u30bd\u30fc\u30b9\u306e\u52b9\u7387\u7684\u306a\u5229\u7528\u3001\u305d\u3057\u3066\u30b3\u30b9\u30c8\u524a\u6e1b\u306b\u3064\u306a\u304c\u308b\u91cd\u8981\u306a\u53d6\u308a\u7d44\u307f\u3067\u3059\u3002<br>\u3053\u306e\u7ae0\u3067\u306f\u3001\u4e3b\u8981\u306a\u6700\u9069\u5316\u30c6\u30af\u30cb\u30c3\u30af\u3068\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u30b9\u30b1\u30fc\u30eb\u3055\u305b\u308b\u305f\u3081\u306e\u65b9\u6cd5\u306b\u3064\u3044\u3066\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-115\">N+1\u30af\u30a8\u30ea\u554f\u984c\u306e\u89e3\u6c7a\u3068\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u8a2d\u8a08<\/h3>\n\n\n\n<p>N+1\u30af\u30a8\u30ea\u554f\u984c\u306f\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3078\u306e\u4e0d\u5fc5\u8981\u306a\u591a\u6570\u306e\u30af\u30a8\u30ea\u3092\u767a\u751f\u3055\u305b\u3001\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u4f4e\u4e0b\u3055\u305b\u308b\u5178\u578b\u7684\u306a\u554f\u984c\u3067\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-116\">N+1\u554f\u984c\u306e\u691c\u51fa\u3068\u89e3\u6c7a<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-117\">1. <code>bullet<\/code> gem\u3092\u4f7f\u7528\u3057\u3066\u554f\u984c\u3092\u691c\u51fa<\/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 'bullet', group: :development\n\n# config\/environments\/development.rb\nconfig.after_initialize do\n  Bullet.enable = true\n  Bullet.alert = true\n  Bullet.bullet_logger = true\nend<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-118\">2. <code>includes<\/code>, <code>preload<\/code>, <code>eager_load<\/code>\u3092\u4f7f\u7528\u3057\u3066\u89e3\u6c7a<\/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=\"\"># N+1\u554f\u984c\u3092\u5f15\u304d\u8d77\u3053\u3059\u30b3\u30fc\u30c9\n@posts = Post.all\n@posts.each do |post|\n  puts post.user.name\nend\n\n# \u89e3\u6c7a\u7b56\n@posts = Post.includes(:user)\n@posts.each do |post|\n  puts post.user.name\nend<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-119\">\u52b9\u679c\u7684\u306a\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u8a2d\u8a08<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-120\">1. \u983b\u7e41\u306b\u691c\u7d22\u3055\u308c\u308b\u30ab\u30e9\u30e0\u306b\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u3092\u8ffd\u52a0<\/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 AddIndexToUsersEmail &lt; ActiveRecord::Migration[6.1]\n  def change\n    add_index :users, :email\n  end\nend<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-121\">2. <code>EXPLAIN<\/code>\u30b3\u30de\u30f3\u30c9\u3092\u4f7f\u7528\u3057\u3066\u30af\u30a8\u30ea\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u5206\u6790<\/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=\"\">User.where(email: 'user@example.com').explain<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-122\">\u30ad\u30e3\u30c3\u30b7\u30e5\u6226\u7565\u3068\u30d0\u30c3\u30af\u30b0\u30e9\u30a6\u30f3\u30c9\u30b8\u30e7\u30d6\u306e\u6d3b\u7528<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-123\">Rails\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u6a5f\u80fd<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-124\">1. \u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u4f7f\u7528<\/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;% cache product do %&gt;\n  &lt;h2&gt;&lt;%= product.name %&gt;&lt;\/h2&gt;\n  &lt;p&gt;&lt;%= product.description %&gt;&lt;\/p&gt;\n&lt;% end %&gt;<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-125\">2. \u30ed\u30b7\u30a2\u30f3\u30c9\u30fc\u30eb\u30ad\u30e3\u30c3\u30b7\u30e5\u30c6\u30af\u30cb\u30c3\u30af<\/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;% cache ['v1', @product] do %&gt;\n  &lt;%= render @product %&gt;\n  &lt;% cache ['v1', @product, :reviews] do %&gt;\n    &lt;%= render @product.reviews %&gt;\n  &lt;% end %&gt;\n&lt;% end %&gt;<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-126\">Sidekiq\u3092\u4f7f\u7528\u3057\u305f\u30d0\u30c3\u30af\u30b0\u30e9\u30a6\u30f3\u30c9\u30b8\u30e7\u30d6\u51e6\u7406<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-127\">1. Sidekiq\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=\"\"># Gemfile\ngem 'sidekiq'\n\n# config\/application.rb\nconfig.active_job.queue_adapter = :sidekiq<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-128\">2. \u30b8\u30e7\u30d6\u306e\u4f5c\u6210\u3068\u5b9f\u884c<\/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 HeavyProcessJob &lt; ApplicationJob\n  queue_as :default\n\n  def perform(*args)\n    # \u6642\u9593\u306e\u304b\u304b\u308b\u51e6\u7406\n  end\nend\n\nHeavyProcessJob.perform_later(args)<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-129\">\u5927\u898f\u6a21\u30c7\u30fc\u30bf\u30bb\u30c3\u30c8\u306e\u51e6\u7406\u3068\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-130\">\u30d0\u30c3\u30c1\u51e6\u7406\u306e\u5b9f\u88c5<\/h4>\n\n\n\n<p>\u5927\u91cf\u306e\u30ec\u30b3\u30fc\u30c9\u3092\u52b9\u7387\u7684\u306b\u51e6\u7406\u3059\u308b\u306b\u306f\u3001<code>find_each<\/code>\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3057\u307e\u3059:<\/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=\"\">User.find_each(batch_size: 1000) do |user|\n  NewsletterMailer.weekly(user).deliver_now\nend<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-131\">\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u6c34\u5e73\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0: \u8907\u6570\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30b5\u30fc\u30d0\u30fc\u3092\u4f7f\u7528\u3057\u3001\u30ed\u30fc\u30c9\u30d0\u30e9\u30f3\u30b5\u30fc\u3067\u8ca0\u8377\u3092\u5206\u6563<\/li>\n\n\n\n<li>\u5782\u76f4\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0: \u30b5\u30fc\u30d0\u30fc\u306eCPU\u3084\u30e1\u30e2\u30ea\u3092\u5897\u5f37<\/li>\n\n\n\n<li>\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u30ec\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3: \u8aad\u307f\u53d6\u308a\u5c02\u7528\u306e\u30ec\u30d7\u30ea\u30ab\u3092\u4f5c\u6210\u3057\u3001\u8aad\u307f\u53d6\u308a\u30af\u30a8\u30ea\u306e\u8ca0\u8377\u3092\u5206\u6563<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-132\">\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0\u3068\u30d7\u30ed\u30d5\u30a1\u30a4\u30ea\u30f3\u30b0<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-133\">1. New Relic\u306e\u4f7f\u7528<\/h4>\n\n\n\n<p>\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u7dcf\u5408\u7684\u306b\u76e3\u8996\u3057\u3001\u30dc\u30c8\u30eb\u30cd\u30c3\u30af\u3092\u7279\u5b9a<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-134\">2. rack-mini-profiler\u306e\u6d3b\u7528<\/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\n   gem 'rack-mini-profiler', require: false<\/pre>\n\n\n\n<p>\u5404\u30da\u30fc\u30b8\u306e\u30ed\u30fc\u30c9\u6642\u9593\u3084\u5b9f\u884c\u3055\u308c\u305fSQL\u30af\u30a8\u30ea\u3092\u8a73\u7d30\u306b\u5206\u6790<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-135\">3. \u30ed\u30b0\u306e\u5206\u6790<\/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\/environments\/production.rb\n   config.log_level = :info<\/pre>\n\n\n\n<p>\u672c\u756a\u74b0\u5883\u306e\u30ed\u30b0\u3092\u9069\u5207\u306b\u8a2d\u5b9a\u3057\u3001\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u554f\u984c\u3092\u8ffd\u8de1<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-136\">\u305d\u306e\u4ed6\u306e\u6700\u9069\u5316\u30c6\u30af\u30cb\u30c3\u30af<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-137\">1. \u30e1\u30e2\u30ea\u6700\u9069\u5316<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30ac\u30d9\u30fc\u30b8\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u306e\u8a2d\u5b9a\u8abf\u6574<\/li>\n\n\n\n<li>\u5927\u304d\u306a\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u9069\u5207\u306a\u51e6\u7406<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-138\">2. \u30a2\u30bb\u30c3\u30c8\u6700\u9069\u5316<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30a2\u30bb\u30c3\u30c8\u306e\u5727\u7e2e\u3068\u6700\u5c0f\u5316<\/li>\n\n\n\n<li>CDN\u306e\u5229\u7528\u306b\u3088\u308b\u9759\u7684\u30d5\u30a1\u30a4\u30eb\u306e\u914d\u4fe1\u901f\u5ea6\u5411\u4e0a<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-139\">3. \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u6700\u9069\u5316<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30b9\u30ed\u30fc\u30af\u30a8\u30ea\u30ed\u30b0\u306e\u5206\u6790\u3068\u6539\u5584<\/li>\n\n\n\n<li>\u5fc5\u8981\u306b\u5fdc\u3058\u305f\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u30d1\u30fc\u30c6\u30a3\u30b7\u30e7\u30cb\u30f3\u30b0<\/li>\n<\/ul>\n\n\n\n<p>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316\u3068\u30b9\u30b1\u30fc\u30e9\u30d3\u30ea\u30c6\u30a3\u306e\u5411\u4e0a\u306f\u7d99\u7d9a\u7684\u306a\u30d7\u30ed\u30bb\u30b9\u3067\u3059\u3002<br>\u5b9a\u671f\u7684\u306b\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u6e2c\u5b9a\u3057\u3001\u30dc\u30c8\u30eb\u30cd\u30c3\u30af\u3092\u7279\u5b9a\u3057\u3066\u6539\u5584\u3059\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002<br>\u6b21\u306e\u7ae0\u3067\u306f\u3001\u3053\u308c\u3089\u306e\u6700\u9069\u5316\u30c6\u30af\u30cb\u30c3\u30af\u3092\u8e0f\u307e\u3048\u3064\u3064\u3001\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u306b\u3064\u3044\u3066\u5b66\u3093\u3067\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-140\">\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/h2>\n\n\n\n<p>Ruby on Rails\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u30c7\u30fc\u30bf\u306e\u4fdd\u8b77\u3001\u30b5\u30fc\u30d3\u30b9\u306e\u4fe1\u983c\u6027\u7dad\u6301\u3001\u305d\u3057\u3066\u6cd5\u7684\u8981\u4ef6\u306e\u9075\u5b88\u306e\u305f\u3081\u306b\u6975\u3081\u3066\u91cd\u8981\u3067\u3059\u3002<br>\u3053\u306e\u7ae0\u3067\u306f\u3001OWASP Top 10\u3092\u53c2\u8003\u306b\u3057\u306a\u304c\u3089\u3001\u4e3b\u8981\u306a\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56\u3068\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u306b\u3064\u3044\u3066\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-141\">OWASP Top 10\u306b\u57fa\u3065\u304f\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56<\/h3>\n\n\n\n<p>OWASP\uff08Open Web Application Security Project\uff09\u304c\u5b9a\u7fa9\u3059\u308b\u4e0a\u4f4d10\u500b\u306eWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30ea\u30b9\u30af\u306b\u57fa\u3065\u3044\u3066\u3001\u4e3b\u8981\u306a\u5bfe\u7b56\u3092\u5b9f\u88c5\u3059\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30a4\u30f3\u30b8\u30a7\u30af\u30b7\u30e7\u30f3\u5bfe\u7b56<\/li>\n\n\n\n<li>\u8a8d\u8a3c\u306e\u4e0d\u5099\u5bfe\u7b56<\/li>\n\n\n\n<li>\u6a5f\u5bc6\u30c7\u30fc\u30bf\u9732\u51fa\u306e\u9632\u6b62<\/li>\n\n\n\n<li>XML\u5916\u90e8\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u53c2\u7167\uff08XXE\uff09\u5bfe\u7b56<\/li>\n\n\n\n<li>\u30a2\u30af\u30bb\u30b9\u5236\u5fa1\u306e\u9069\u5207\u306a\u5b9f\u88c5<\/li>\n\n\n\n<li>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u306e\u8a2d\u5b9a<\/li>\n\n\n\n<li>\u30af\u30ed\u30b9\u30b5\u30a4\u30c8\u30b9\u30af\u30ea\u30d7\u30c6\u30a3\u30f3\u30b0\uff08XSS\uff09\u5bfe\u7b56<\/li>\n\n\n\n<li>\u5b89\u5168\u306a\u30c7\u30b7\u30ea\u30a2\u30e9\u30a4\u30bc\u30fc\u30b7\u30e7\u30f3<\/li>\n\n\n\n<li>\u65e2\u77e5\u306e\u8106\u5f31\u6027\u306e\u3042\u308b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u56de\u907f<\/li>\n\n\n\n<li>\u9069\u5207\u306a\u30ed\u30b0\u8a18\u9332\u3068\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-142\">SQL\u30a4\u30f3\u30b8\u30a7\u30af\u30b7\u30e7\u30f3\u5bfe\u7b56<\/h3>\n\n\n\n<p>SQL\u30a4\u30f3\u30b8\u30a7\u30af\u30b7\u30e7\u30f3\u306f\u3001\u60aa\u610f\u306e\u3042\u308bSQL\u30b3\u30fc\u30c9\u3092\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u6ce8\u5165\u3059\u308b\u653b\u6483\u3067\u3059\u3002<br>\u4ee5\u4e0b\u306e\u65b9\u6cd5\u3067\u5bfe\u7b56\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-143\">1. \u30d7\u30ec\u30fc\u30b9\u30db\u30eb\u30c0\u306e\u4f7f\u7528<\/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=\"\">   User.where(\"name = ? AND email = ?\", params[:name], params[:email])<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-144\">2. ActiveRecord\u30e1\u30bd\u30c3\u30c9\u306e\u9069\u5207\u306a\u4f7f\u7528<\/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=\"\">   User.where(name: params[:name], email: params[:email])<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-145\">3. \u30e6\u30fc\u30b6\u30fc\u5165\u529b\u306e\u30b5\u30cb\u30bf\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=\"\">   sanitized_params = ActiveRecord::Base.sanitize_sql(params[:query])<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-146\">\u30af\u30ed\u30b9\u30b5\u30a4\u30c8\u30b9\u30af\u30ea\u30d7\u30c6\u30a3\u30f3\u30b0\uff08XSS\uff09\u5bfe\u7b56<\/h3>\n\n\n\n<p>XSS\u653b\u6483\u306f\u3001\u60aa\u610f\u306e\u3042\u308b\u30b9\u30af\u30ea\u30d7\u30c8\u3092Web\u30da\u30fc\u30b8\u306b\u633f\u5165\u3059\u308b\u653b\u6483\u3067\u3059\u3002<br>\u5bfe\u7b56\u306b\u306f\u4ee5\u4e0b\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-147\">1. \u81ea\u52d5\u30a8\u30b9\u30b1\u30fc\u30d7\u6a5f\u80fd\u306e\u6d3b\u7528<\/h4>\n\n\n\n<p>Rails\u306e\u30d3\u30e5\u30fc\u3067\u306f\u3001\u30c7\u30d5\u30a9\u30eb\u30c8\u3067 <code>&lt;%= %&gt;<\/code> \u3092\u4f7f\u7528\u3059\u308b\u3068\u81ea\u52d5\u7684\u306bHTML\u30a8\u30b9\u30b1\u30fc\u30d7\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-148\">2. Content Security Policy (CSP) \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\/initializers\/content_security_policy.rb\n   Rails.application.config.content_security_policy do |policy|\n     policy.default_src :self, :https\n     policy.font_src    :self, :https, :data\n     policy.img_src     :self, :https, :data\n     policy.object_src  :none\n     policy.script_src  :self, :https\n     policy.style_src   :self, :https\n   end<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-149\">\u30af\u30ed\u30b9\u30b5\u30a4\u30c8\u30ea\u30af\u30a8\u30b9\u30c8\u30d5\u30a9\u30fc\u30b8\u30a7\u30ea\uff08CSRF\uff09\u5bfe\u7b56<\/h3>\n\n\n\n<p>CSRF\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u610f\u56f3\u3057\u306a\u3044\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u9001\u4fe1\u3055\u305b\u308b\u653b\u6483\u3067\u3059\u3002<br>Rails\u306b\u306f\u7d44\u307f\u8fbc\u307f\u306e\u5bfe\u7b56\u304c\u3042\u308a\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=\"\">class ApplicationController &lt; ActionController::Base\n  protect_from_forgery with: :exception\nend<\/pre>\n\n\n\n<p>\u307e\u305f\u3001Same-Site Cookie\u3092\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u3067\u3001\u3055\u3089\u306b\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u3092\u5f37\u5316\u3067\u304d\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=\"\"># config\/initializers\/session_store.rb\nRails.application.config.session_store :cookie_store, key: '_your_app_session', same_site: :lax<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-150\">\u5b89\u5168\u306a\u30d1\u30b9\u30ef\u30fc\u30c9\u7ba1\u7406<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-151\">1. bcrypt\u306e\u4f7f\u7528<\/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\n   gem 'bcrypt'\n\n   # app\/models\/user.rb\n   class User &lt; ApplicationRecord\n     has_secure_password\n   end<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-152\">2. \u5f37\u529b\u306a\u30d1\u30b9\u30ef\u30fc\u30c9\u30dd\u30ea\u30b7\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=\"\">   validates :password, length: { minimum: 12 },\n                        format: { with: \/\\A(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&amp;])[A-Za-z\\d@$!%*?&amp;]+\\z\/ }<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-153\">\u30bb\u30ad\u30e5\u30a2\u306a\u901a\u4fe1\uff08HTTPS\uff09\u306e\u5f37\u5236<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-154\">1. config\/environments\/production.rb \u3067HTTPS\u3092\u5f37\u5236<\/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.force_ssl = true<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-155\">2. HSTS (HTTP Strict Transport Security) \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.ssl_options = { hsts: { subdomains: true, preload: true, expires: 1.year } }<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-156\">\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u95a2\u9023\u306egem\u3068\u305d\u306e\u4f7f\u7528<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-157\">1. brakeman\uff08\u9759\u7684\u89e3\u6790\u30c4\u30fc\u30eb\uff09<\/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=\"\">   gem install brakeman\n   brakeman<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-158\">2. bundler-audit\uff08\u4f9d\u5b58\u95a2\u4fc2\u306e\u8106\u5f31\u6027\u30c1\u30a7\u30c3\u30af\uff09<\/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=\"\">   gem install bundler-audit\n   bundle audit check --update<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-159\">\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30c6\u30b9\u30c8\u306e\u5b9f\u65bd<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30da\u30cd\u30c8\u30ec\u30fc\u30b7\u30e7\u30f3\u30c6\u30b9\u30c8\u306e\u5b9a\u671f\u7684\u306a\u5b9f\u65bd<\/li>\n\n\n\n<li>\u81ea\u52d5\u5316\u3055\u308c\u305f\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30b9\u30ad\u30e3\u30f3\u306e\u5c0e\u5165<\/li>\n\n\n\n<li>\u30b3\u30fc\u30c9\u30ec\u30d3\u30e5\u30fc\u3067\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30c1\u30a7\u30c3\u30af\u306e\u5fb9\u5e95<\/li>\n<\/ol>\n\n\n\n<p>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u306f\u7d99\u7d9a\u7684\u306a\u30d7\u30ed\u30bb\u30b9\u3067\u3059\u3002<br>\u5b9a\u671f\u7684\u306a\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30ec\u30d3\u30e5\u30fc\u3001\u8fc5\u901f\u306a\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30d1\u30c3\u30c1\u306e\u9069\u7528\u3001\u305d\u3057\u3066\u958b\u767a\u8005\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u610f\u8b58\u5411\u4e0a\u304c\u91cd\u8981\u3067\u3059\u3002<br>\u6b21\u306e\u7ae0\u3067\u306f\u3001\u3053\u308c\u3089\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3092\u8e0f\u307e\u3048\u3064\u3064\u3001\u30c7\u30d7\u30ed\u30a4\u30e1\u30f3\u30c8\u3068CI\/CD\u306b\u3064\u3044\u3066\u5b66\u3093\u3067\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-160\">\u30c7\u30d7\u30ed\u30a4\u30e1\u30f3\u30c8\u3068CI\/CD<\/h2>\n\n\n\n<p>Ruby on Rails\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u958b\u767a\u304c\u5b8c\u4e86\u3057\u305f\u3089\u3001\u6b21\u306f\u30c7\u30d7\u30ed\u30a4\u30e1\u30f3\u30c8\u3068CI\/CD\uff08\u7d99\u7d9a\u7684\u30a4\u30f3\u30c6\u30b0\u30ec\u30fc\u30b7\u30e7\u30f3\/\u7d99\u7d9a\u7684\u30c7\u30ea\u30d0\u30ea\u30fc\uff09\u306e\u8a2d\u5b9a\u3067\u3059\u3002<br>\u3053\u306e\u7ae0\u3067\u306f\u3001Heroku\u3092\u4f7f\u3063\u305f\u7c21\u5358\u306a\u30c7\u30d7\u30ed\u30a4\u65b9\u6cd5\u3068\u3001GitHub Actions\u3092\u5229\u7528\u3057\u305fCI\/CD\u30d1\u30a4\u30d7\u30e9\u30a4\u30f3\u306e\u69cb\u7bc9\u306b\u3064\u3044\u3066\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-161\">Heroku\u3092\u4f7f\u3063\u305f\u7c21\u5358\u306a\u30c7\u30d7\u30ed\u30a4\u65b9\u6cd5<\/h3>\n\n\n\n<p>Heroku\u306f\u3001Rails\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u7c21\u5358\u306b\u30c7\u30d7\u30ed\u30a4\u3067\u304d\u308b\u30af\u30e9\u30a6\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002<br>\u4ee5\u4e0b\u306e\u624b\u9806\u3067\u30c7\u30d7\u30ed\u30a4\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-162\">1. Heroku CLI\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/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=\"\">   brew install heroku\/brew\/heroku<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-163\">2. Heroku\u306b\u30ed\u30b0\u30a4\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=\"\">   heroku login<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-164\">3. \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\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=\"\">   heroku create your-app-name<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-165\">4. Git\u3092\u4f7f\u3063\u305f\u30c7\u30d7\u30ed\u30a4<\/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=\"\">   git push heroku main<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-166\">5. \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u30de\u30a4\u30b0\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=\"\">   heroku run rails db:migrate<\/pre>\n\n\n\n<p>Procfile\u306e\u8a2d\u5b9a\u4f8b:<\/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=\"\">web: bundle exec puma -C config\/puma.rb\nworker: bundle exec sidekiq<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-167\">GitHub Actions\u306b\u3088\u308bCI\/CD\u30d1\u30a4\u30d7\u30e9\u30a4\u30f3\u306e\u69cb\u7bc9<\/h3>\n\n\n\n<p>GitHub Actions\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u30b3\u30fc\u30c9\u306e\u30d7\u30c3\u30b7\u30e5\u3084\u30d7\u30eb\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u30c8\u30ea\u30ac\u30fc\u306b\u3057\u3066\u81ea\u52d5\u7684\u306b\u30c6\u30b9\u30c8\u3001\u30d3\u30eb\u30c9\u3001\u30c7\u30d7\u30ed\u30a4\u3092\u884c\u3046CI\/CD\u30d1\u30a4\u30d7\u30e9\u30a4\u30f3\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-168\">1. \u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u30d5\u30a1\u30a4\u30eb\u306e\u4f5c\u6210 (.github\/workflows\/ci-cd.yml)<\/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=\"\">name: CI\/CD\n\non:\n  push:\n    branches: [ main ]\n  pull_request:\n    branches: [ main ]\n\njobs:\n  test:\n    runs-on: ubuntu-latest\n    steps:\n    - uses: actions\/checkout@v2\n    - name: Set up Ruby\n      uses: ruby\/setup-ruby@v1\n      with:\n        ruby-version: 3.0.0\n    - name: Install dependencies\n      run: bundle install\n    - name: Run tests\n      run: bundle exec rspec\n\n  deploy:\n    needs: test\n    runs-on: ubuntu-latest\n    if: github.ref == 'refs\/heads\/main'\n    steps:\n    - uses: actions\/checkout@v2\n    - name: Deploy to Heroku\n      uses: akhileshns\/heroku-deploy@v3.12.12\n      with:\n        heroku_api_key: ${{secrets.HEROKU_API_KEY}}\n        heroku_app_name: \"your-app-name\"\n        heroku_email: \"your-email@example.com\"<\/pre>\n\n\n\n<p>\u3053\u306e\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u306f\u3001\u30c6\u30b9\u30c8\u3092\u5b9f\u884c\u3057\u3001\u6210\u529f\u3057\u305f\u5834\u5408\u306b\u306e\u307fHeroku\u3078\u306e\u30c7\u30d7\u30ed\u30a4\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-169\">\u672c\u756a\u74b0\u5883\u3067\u306e\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30de\u30a4\u30b0\u30ec\u30fc\u30b7\u30e7\u30f3\u306e\u6ce8\u610f\u70b9<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-170\">1. \u30bc\u30ed\u30c0\u30a6\u30f3\u30bf\u30a4\u30e0\u30de\u30a4\u30b0\u30ec\u30fc\u30b7\u30e7\u30f3<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u8907\u6570\u306e\u5c0f\u3055\u306a\u30de\u30a4\u30b0\u30ec\u30fc\u30b7\u30e7\u30f3\u306b\u5206\u5272<\/li>\n\n\n\n<li><code>add_column<\/code>\u3068<code>change_column_null<\/code>\u3092\u5225\u3005\u306e\u30de\u30a4\u30b0\u30ec\u30fc\u30b7\u30e7\u30f3\u3067\u5b9f\u884c<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-171\">2. \u5927\u898f\u6a21\u306a\u30c7\u30fc\u30bf\u5909\u66f4<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30d0\u30c3\u30af\u30b0\u30e9\u30a6\u30f3\u30c9\u30b8\u30e7\u30d6\u3092\u4f7f\u7528\u3057\u3066\u6bb5\u968e\u7684\u306b\u9069\u7528<\/li>\n\n\n\n<li>\u4e00\u6642\u30c6\u30fc\u30d6\u30eb\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u3092\u79fb\u884c<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-172\">3. \u30ed\u30fc\u30eb\u30d0\u30c3\u30af\u8a08\u753b<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u5404\u30de\u30a4\u30b0\u30ec\u30fc\u30b7\u30e7\u30f3\u306b<code>down<\/code>\u30e1\u30bd\u30c3\u30c9\u3092\u5fc5\u305a\u5b9f\u88c5<\/li>\n\n\n\n<li>\u672c\u756a\u9069\u7528\u524d\u306b\u30ed\u30fc\u30eb\u30d0\u30c3\u30af\u3092\u30c6\u30b9\u30c8<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-173\">\u74b0\u5883\u5909\u6570\u306e\u7ba1\u7406\u3068\u30bb\u30ad\u30e5\u30a2\u306a\u53d6\u308a\u6271\u3044<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-174\">1. \u958b\u767a\u74b0\u5883\u3067\u306e\u74b0\u5883\u5909\u6570\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\n   gem 'dotenv-rails', groups: [:development, :test]<\/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=\"\">   # .env\n   DATABASE_URL=postgres:\/\/username:password@localhost\/database<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-175\">2. Heroku\u3067\u306e\u74b0\u5883\u5909\u6570\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 config:set SECRET_KEY_BASE=your_secret_key<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-176\">3. GitHub Secrets\u306e\u4f7f\u7528<\/h4>\n\n\n\n<p>\u30ea\u30dd\u30b8\u30c8\u30ea\u306e Settings &gt; Secrets \u3067\u74b0\u5883\u5909\u6570\u3092\u8a2d\u5b9a\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u30d5\u30a1\u30a4\u30eb\u3067 <code>${{ secrets.SECRET_NAME }}<\/code> \u3068\u3057\u3066\u53c2\u7167<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-177\">\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0\u3068\u30ed\u30b0\u7ba1\u7406<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-178\">1. New Relic\u306e\u4f7f\u7528<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u76e3\u8996<\/li>\n\n\n\n<li>\u30a8\u30e9\u30fc\u8ffd\u8de1\u3068\u30a2\u30e9\u30fc\u30c8\u8a2d\u5b9a<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-179\">2. Heroku Logging\u3068Papertrail<\/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 addons:create papertrail\n   heroku logs --tail<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-180\">\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0\u3068\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-181\">1. Heroku\u306e\u81ea\u52d5\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0\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 autoscale:enable web:Standard-1X<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"i-182\">2. \u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u6d3b\u7528<\/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 addons:create heroku-redis:hobby-dev<\/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=\"\">   # config\/environments\/production.rb\n   config.cache_store = :redis_cache_store, { url: ENV['REDIS_URL'] }<\/pre>\n\n\n\n<p>\u30c7\u30d7\u30ed\u30a4\u30e1\u30f3\u30c8\u3068CI\/CD\u30d7\u30ed\u30bb\u30b9\u3092\u9069\u5207\u306b\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u3067\u3001\u958b\u767a\u304b\u3089\u30ea\u30ea\u30fc\u30b9\u307e\u3067\u306e\u30b5\u30a4\u30af\u30eb\u3092\u52b9\u7387\u5316\u3057\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u54c1\u8cea\u3068\u5b89\u5b9a\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<br>\u6b21\u306e\u7ae0\u3067\u306f\u3001\u4e2d\u7d1a\u8005\u304b\u3089\u4e0a\u7d1a\u8005\u3078\u306e\u30b9\u30c6\u30c3\u30d7\u30a2\u30c3\u30d7\u65b9\u6cd5\u306b\u3064\u3044\u3066\u63a2\u3063\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-183\">\u6b21\u306e\u30b9\u30c6\u30c3\u30d7\uff1a\u4e2d\u7d1a\u8005\u304b\u3089\u4e0a\u7d1a\u8005\u3078<\/h2>\n\n\n\n<p>Ruby on Rails\u306e\u57fa\u672c\u3092\u7fd2\u5f97\u3057\u305f\u3042\u306a\u305f\u306f\u3001\u6b21\u306e\u30b9\u30c6\u30c3\u30d7\u3068\u3057\u3066\u4e2d\u7d1a\u8005\u304b\u3089\u4e0a\u7d1a\u8005\u3078\u306e\u30ad\u30e3\u30ea\u30a2\u30a2\u30c3\u30d7\u3092\u76ee\u6307\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<br>\u3053\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001\u30b9\u30ad\u30eb\u30a2\u30c3\u30d7\u306e\u65b9\u6cd5\u3084\u30ad\u30e3\u30ea\u30a2\u30d1\u30b9\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-184\">\u9ad8\u5ea6\u306aRuby on Rails\u6280\u8853\u306e\u7fd2\u5f97<\/h3>\n\n\n\n<p>\u4e0a\u7d1a\u8005\u306b\u306a\u308b\u305f\u3081\u306b\u306f\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u9ad8\u5ea6\u306a\u6280\u8853\u3092\u5b66\u3076\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">Ruby On Rails \u4e0a\u7d1a\u8005\u306b\u306a\u308b\u305f\u3081\u306b\u8eab\u306b\u3064\u3051\u308b\u3079\u304d\u3082\u306e5\u9078<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ol class=\"wp-block-list\">\n<li>\u30e1\u30bf\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\uff1aRuby\u306e\u52d5\u7684\u306a\u7279\u6027\u3092\u6d3b\u7528\u3057\u3001\u67d4\u8edf\u3067\u5f37\u529b\u306a\u30b3\u30fc\u30c9\u3092\u66f8\u304f<\/li>\n\n\n\n<li>DSL\uff08\u30c9\u30e1\u30a4\u30f3\u7279\u5316\u8a00\u8a9e\uff09\u306e\u8a2d\u8a08\uff1a\u7279\u5b9a\u306e\u554f\u984c\u9818\u57df\u306b\u7279\u5316\u3057\u305f\u8a00\u8a9e\u3092\u8a2d\u8a08\u30fb\u5b9f\u88c5\u3059\u308b<\/li>\n\n\n\n<li>\u9ad8\u5ea6\u306aActiveRecord\u306e\u4f7f\u7528\u6cd5\uff1a\u8907\u96d1\u306a\u30af\u30a8\u30ea\u3084\u6700\u9069\u5316\u30c6\u30af\u30cb\u30c3\u30af\u3092\u7fd2\u5f97\u3059\u308b<\/li>\n\n\n\n<li>Rails\u30a8\u30f3\u30b8\u30f3\u306e\u958b\u767a\uff1a\u518d\u5229\u7528\u53ef\u80fd\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f5c\u6210\u3059\u308b<\/li>\n\n\n\n<li>\u30ab\u30b9\u30bf\u30e0gem\u306e\u4f5c\u6210\uff1a\u72ec\u81ea\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u958b\u767a\u3057\u3001\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u306b\u8ca2\u732e\u3059\u308b<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-185\">Ruby on Rails\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u3078\u306e\u53c2\u52a0<\/h3>\n\n\n\n<p>\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u3078\u306e\u53c2\u52a0\u306f\u3001\u77e5\u8b58\u306e\u5411\u4e0a\u3068\u4eba\u8108\u5f62\u6210\u306b\u4e0d\u53ef\u6b20\u3067\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ruby on Rails\u306eGitHub\u30ea\u30dd\u30b8\u30c8\u30ea\u306b\u8ca2\u732e\u3059\u308b<\/li>\n\n\n\n<li>\u30ed\u30fc\u30ab\u30eb\u306eRuby\/Rails\u30df\u30fc\u30c8\u30a2\u30c3\u30d7\u306b\u53c2\u52a0\u3059\u308b<\/li>\n\n\n\n<li>RailsConf\u306a\u3069\u306e\u5927\u898f\u6a21\u30ab\u30f3\u30d5\u30a1\u30ec\u30f3\u30b9\u306b\u53c2\u52a0\u3059\u308b<\/li>\n\n\n\n<li>\u6280\u8853\u30d6\u30ed\u30b0\u3092\u57f7\u7b46\u3057\u3001\u77e5\u8b58\u3092\u5171\u6709\u3059\u308b<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-186\">\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3078\u306e\u8ca2\u732e<\/h3>\n\n\n\n<p>\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u8ca2\u732e\u306f\u3001\u5b9f\u8df5\u7684\u306a\u30b9\u30ad\u30eb\u3092\u78e8\u304f\u7d76\u597d\u306e\u6a5f\u4f1a\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30d0\u30b0\u5831\u544a\u3068\u30d5\u30a3\u30c3\u30af\u30b9<\/li>\n\n\n\n<li>\u30c9\u30ad\u30e5\u30e1\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3\u306e\u6539\u5584<\/li>\n\n\n\n<li>\u65b0\u6a5f\u80fd\u306e\u63d0\u6848\u3068\u5b9f\u88c5<\/li>\n\n\n\n<li>\u30b3\u30fc\u30c9\u30ec\u30d3\u30e5\u30fc\u3078\u306e\u53c2\u52a0<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-187\">\u7d99\u7d9a\u7684\u306a\u5b66\u7fd2\u306e\u305f\u3081\u306e\u30ea\u30bd\u30fc\u30b9<\/h3>\n\n\n\n<p>\u4ee5\u4e0b\u306e\u30ea\u30bd\u30fc\u30b9\u3092\u6d3b\u7528\u3057\u3066\u3001\u5e38\u306b\u6700\u65b0\u306e\u77e5\u8b58\u3092\u30ad\u30e3\u30c3\u30c1\u30a2\u30c3\u30d7\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u66f8\u7c4d<\/strong>\uff1a\u300cMetaprogramming Ruby\u300d\u300cEloquent Ruby\u300d<\/li>\n\n\n\n<li><strong>\u30aa\u30f3\u30e9\u30a4\u30f3\u30b3\u30fc\u30b9<\/strong>\uff1aUdemy\u3001Coursera\u3001edX<\/li>\n\n\n\n<li><strong>\u30dd\u30c3\u30c9\u30ad\u30e3\u30b9\u30c8<\/strong>\uff1aRuby Rogues\u3001Rails Podcast<\/li>\n\n\n\n<li><strong>\u30d6\u30ed\u30b0<\/strong>\uff1aRubyFlow\u3001Ruby Weekly<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-188\">\u95a2\u9023\u3059\u308b\u6280\u8853\u30b9\u30bf\u30c3\u30af\u306e\u62e1\u5f35<\/h3>\n\n\n\n<p>Rails\u30a8\u30b3\u30b7\u30b9\u30c6\u30e0\u306e\u5468\u8fba\u6280\u8853\u3082\u7fd2\u5f97\u3059\u308b\u3053\u3068\u3067\u3001\u3088\u308a\u7dcf\u5408\u7684\u306a\u30b9\u30ad\u30eb\u30bb\u30c3\u30c8\u3092\u7372\u5f97\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9<\/strong>\uff1aReact\u3001Vue.js<\/li>\n\n\n\n<li><strong>\u30a4\u30f3\u30d5\u30e9<\/strong>\uff1aDocker\u3001Kubernetes<\/li>\n\n\n\n<li><strong>\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9<\/strong>\uff1a\u9ad8\u5ea6\u306aPostgreSQL\u3001NoSQL<\/li>\n\n\n\n<li><strong>\u30ad\u30e3\u30c3\u30b7\u30e5<\/strong>\uff1aRedis\u3001Memcached<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-189\">\u30ad\u30e3\u30ea\u30a2\u767a\u5c55\u306e\u6a5f\u4f1a<\/h3>\n\n\n\n<p>\u30b9\u30ad\u30eb\u30a2\u30c3\u30d7\u306b\u4f34\u3044\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u30ad\u30e3\u30ea\u30a2\u30d1\u30b9\u304c\u958b\u3051\u3066\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30b7\u30cb\u30a2\u958b\u767a\u8005<\/strong>\uff1a\u30c1\u30fc\u30e0\u306e\u30ea\u30fc\u30c0\u30fc\u30b7\u30c3\u30d7\u3092\u53d6\u308a\u3001\u8907\u96d1\u306a\u554f\u984c\u3092\u89e3\u6c7a<\/li>\n\n\n\n<li><strong>\u30c6\u30c3\u30af\u30ea\u30fc\u30c9<\/strong>\uff1a\u6280\u8853\u7684\u306a\u610f\u601d\u6c7a\u5b9a\u3092\u4e3b\u5c0e\u3057\u3001\u30c1\u30fc\u30e0\u306e\u65b9\u5411\u6027\u3092\u6c7a\u5b9a<\/li>\n\n\n\n<li><strong>\u30a2\u30fc\u30ad\u30c6\u30af\u30c8<\/strong>\uff1a\u5927\u898f\u6a21\u30b7\u30b9\u30c6\u30e0\u306e\u8a2d\u8a08\u3068\u6700\u9069\u5316\u3092\u62c5\u5f53<\/li>\n\n\n\n<li><strong>CTO<\/strong>\uff1a\u6280\u8853\u6226\u7565\u306e\u7b56\u5b9a\u3068\u5b9f\u884c\u3092\u7d71\u62ec<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-190\">\u7d99\u7d9a\u7684\u306a\u81ea\u5df1\u8a55\u4fa1\u3068\u76ee\u6a19\u8a2d\u5b9a<\/h3>\n\n\n\n<p>\u4e0a\u7d1a\u8005\u3078\u306e\u9053\u306e\u308a\u306f\u7d42\u308f\u308a\u304c\u3042\u308a\u307e\u305b\u3093\u3002<br>\u5b9a\u671f\u7684\u306b\u81ea\u5df1\u8a55\u4fa1\u3092\u884c\u3044\u3001\u65b0\u3057\u3044\u76ee\u6a19\u3092\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">Ruby On Rails \u4e0a\u7d1a\u8005\u3078\u306e\u9053\u30104STEP\u3011<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ol class=\"wp-block-list\">\n<li>\u73fe\u5728\u306e\u30b9\u30ad\u30eb\u30ec\u30d9\u30eb\u3092\u5ba2\u89b3\u7684\u306b\u8a55\u4fa1\u3059\u308b<\/li>\n\n\n\n<li>\u77ed\u671f\u7684\u304a\u3088\u3073\u9577\u671f\u7684\u306a\u5b66\u7fd2\u76ee\u6a19\u3092\u8a2d\u5b9a\u3059\u308b<\/li>\n\n\n\n<li>\u76ee\u6a19\u9054\u6210\u306e\u305f\u3081\u306e\u5177\u4f53\u7684\u306a\u884c\u52d5\u8a08\u753b\u3092\u7acb\u3066\u308b<\/li>\n\n\n\n<li>\u5b9a\u671f\u7684\u306b\u9032\u6357\u3092\u78ba\u8a8d\u3057\u3001\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u8a08\u753b\u3092\u8abf\u6574\u3059\u308b<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n\n<p>Ruby on Rails\u306e\u4e16\u754c\u306f\u5e38\u306b\u9032\u5316\u3057\u7d9a\u3051\u3066\u3044\u307e\u3059\u3002<br>\u6280\u8853\u7684\u306a\u6df1\u3055\u3068\u5e45\u3092\u5e83\u3052\u3001\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u306b\u8ca2\u732e\u3057\u7d9a\u3051\u308b\u3053\u3068\u3067\u3001\u3042\u306a\u305f\u3082\u4e0a\u7d1a\u8005\u3068\u3057\u3066\u306e\u9053\u3092\u6b69\u3080\u3053\u3068\u304c\u3067\u304d\u308b\u3067\u3057\u3087\u3046\u3002<br>\u30c1\u30e3\u30ec\u30f3\u30b8\u3092\u6050\u308c\u305a\u3001\u5e38\u306b\u5b66\u3073\u7d9a\u3051\u308b\u59ff\u52e2\u3092\u5927\u5207\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ruby on Rails\u306f\u3001\u9ad8\u901f\u3067\u52b9\u7387\u7684\u306aWeb\u958b\u767a\u3092\u53ef\u80fd\u306b\u3059\u308b\u5f37\u529b\u306a\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3067\u3059\u3002\u672c\u8a18\u4e8b\u3067\u306f\u3001\u521d\u5fc3\u8005\u304b\u3089\u4e2d\u7d1a\u8005\u307e\u3067\u3092\u5bfe\u8c61\u306b\u3001Ruby on Rails\u306e\u57fa\u790e\u304b\u3089\u5fdc\u7528\u307e\u3067\u3001\u5b9f\u8df5\u7684\u306a\u4f8b\u3092\u4ea4\u3048\u3066\u5305\u62ec\u7684\u306b\u89e3\u8aac\u3057\u307e\u3059\u3002  &#8230; <\/p>\n","protected":false},"author":1,"featured_media":3117,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,44],"tags":[],"class_list":{"0":"post-120","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-ruby","8":"category-ruby-rails"},"_links":{"self":[{"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/posts\/120","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=120"}],"version-history":[{"count":1,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/posts\/120\/revisions"}],"predecessor-version":[{"id":121,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/posts\/120\/revisions\/121"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/media\/3117"}],"wp:attachment":[{"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=120"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=120"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}