{"id":210,"date":"2025-02-24T02:55:59","date_gmt":"2025-02-23T17:55:59","guid":{"rendered":"https:\/\/hexis.jp\/?p=210"},"modified":"2025-02-26T23:15:05","modified_gmt":"2025-02-26T14:15:05","slug":"windows-11-%e3%81%a7-laravel-x-docker-%e3%81%ae%e3%83%91%e3%83%95%e3%82%a9%e3%83%bc%e3%83%9e%e3%83%b3%e3%82%b9%e6%94%b9%e5%96%84%e8%a1%93%ef%bc%81%e9%87%8d%e3%81%84%e7%92%b0%e5%a2%83%e3%82%92","status":"publish","type":"post","link":"https:\/\/hexis.jp\/?p=210","title":{"rendered":"Windows 11 \u3067 Laravel \u00d7 Docker \u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6539\u5584\u8853\uff01\u91cd\u3044\u74b0\u5883\u3092\u5feb\u9069\u306b\u3059\u308b\u65b9\u6cd5"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB\"><\/span><strong>1. \u306f\u3058\u3081\u306b<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Windows 11 \u00d7 Docker \u3067 Laravel \u3092\u52d5\u304b\u3057\u3066\u3044\u308b\u3068\u3001<strong>\u30da\u30fc\u30b8\u306e\u8868\u793a\u304c\u9045\u3044<\/strong>\u3001<strong>\u30ec\u30b9\u30dd\u30f3\u30b9\u304c\u91cd\u3044<\/strong> \u3068\u611f\u3058\u308b\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f \u7279\u306b\u958b\u767a\u74b0\u5883\u3067\u306f\u3001\u30d5\u30a1\u30a4\u30eb\u306e\u540c\u671f\u3084\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u51e6\u7406\u304c\u30dc\u30c8\u30eb\u30cd\u30c3\u30af\u306b\u306a\u308a\u3001\u5feb\u9069\u306b\u958b\u767a\u3067\u304d\u306a\u3044\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>\u306a\u305c\u3001Docker \u4e0a\u306e Laravel \u306f\u9045\u304f\u306a\u308b\u306e\u304b\uff1f<\/strong><br>\u4e3b\u306a\u539f\u56e0\u3068\u3057\u3066\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u554f\u984c\u304c\u8003\u3048\u3089\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>WSL2 \u306e\u30ea\u30bd\u30fc\u30b9\u8a2d\u5b9a\u4e0d\u8db3<\/strong>\uff08\u30e1\u30e2\u30ea\u3084 CPU \u306e\u5272\u308a\u5f53\u3066\u304c\u6700\u9069\u5316\u3055\u308c\u3066\u3044\u306a\u3044\uff09<\/li>\n\n\n\n<li><strong>Docker \u306e\u30d5\u30a1\u30a4\u30eb\u5171\u6709\u306e\u9045\u5ef6<\/strong>\uff08Laravel \u306e\u30d5\u30a1\u30a4\u30eb\u304c\u30db\u30b9\u30c8\u5074\u3068\u540c\u671f\u3055\u308c\u3066\u3044\u308b\u305f\u3081\uff09<\/li>\n\n\n\n<li><strong>MySQL \u3084 PostgreSQL \u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u4f4e\u4e0b<\/strong>\uff08\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u30b9\u30c8\u30ec\u30fc\u30b8\u8a2d\u5b9a\u304c\u975e\u52b9\u7387\uff09<\/li>\n\n\n\n<li><strong>Laravel \u5074\u306e\u8a2d\u5b9a\u304c\u9069\u5207\u3067\u306a\u3044<\/strong>\uff08\u30ad\u30e3\u30c3\u30b7\u30e5\u672a\u4f7f\u7528\u3001\u4e0d\u8981\u306a\u30ed\u30b0\u51fa\u529b\u306a\u3069\uff09<\/li>\n<\/ol>\n\n\n\n<p>\u672c\u8a18\u4e8b\u3067\u306f\u3001<strong>Windows 11 \u74b0\u5883\u3067 Laravel \u306e\u8868\u793a\u3092\u9ad8\u901f\u5316\u3059\u308b\u5177\u4f53\u7684\u306a\u65b9\u6cd5<\/strong> \u3092\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u2705 <strong>WSL2 \u306e\u6700\u9069\u5316\uff08\u30e1\u30e2\u30ea\u30fbCPU \u5272\u308a\u5f53\u3066\u8abf\u6574\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u524a\u9664\uff09<\/strong><br>\u2705 <strong>Docker \u306e\u8a2d\u5b9a\u5909\u66f4\uff08\u30d5\u30a1\u30a4\u30eb\u540c\u671f\u306e\u6539\u5584\u3001MySQL \u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u5411\u4e0a\uff09<\/strong><br>\u2705 <strong>Laravel \u5074\u306e\u30c1\u30e5\u30fc\u30cb\u30f3\u30b0\uff08\u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u6d3b\u7528\u3001\u8a2d\u5b9a\u306e\u898b\u76f4\u3057\uff09<\/strong><\/p>\n\n\n\n<p>\u3053\u306e\u8a18\u4e8b\u306e\u624b\u9806\u3092\u5b9f\u8df5\u3059\u308c\u3070\u3001<strong>Laravel \u306e\u8868\u793a\u901f\u5ea6\u3092\u5927\u5e45\u306b\u5411\u4e0a<\/strong> \u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\uff01 \u305c\u3072\u8a66\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\uff01<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Laravel_%E3%81%8C%E9%81%85%E3%81%8F%E3%81%AA%E3%82%8B%E4%B8%BB%E3%81%AA%E5%8E%9F%E5%9B%A0\"><\/span><strong>2. Laravel \u304c\u9045\u304f\u306a\u308b\u4e3b\u306a\u539f\u56e0<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Windows 11 \u00d7 Docker \u74b0\u5883\u3067 Laravel \u306e\u8868\u793a\u304c\u9045\u304f\u306a\u308b\u539f\u56e0\u306f <strong>\u8907\u6570\u306e\u8981\u7d20\u304c\u7d61\u307f\u5408\u3063\u3066\u767a\u751f<\/strong> \u3057\u307e\u3059\u3002\u4ee5\u4e0b\u306e\u4e3b\u306a\u539f\u56e0\u3092\u30c1\u30a7\u30c3\u30af\u3057\u3001\u81ea\u5206\u306e\u74b0\u5883\u306b\u5f53\u3066\u306f\u307e\u308a\u305d\u3046\u306a\u3082\u306e\u3092\u78ba\u8a8d\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u2460 WSL2 \u306e\u30ea\u30bd\u30fc\u30b9\u8a2d\u5b9a\u4e0d\u8db3<\/strong><\/h3>\n\n\n\n<p>Windows \u306e Docker \u306f <strong>WSL2\uff08Windows Subsystem for Linux 2\uff09<\/strong> \u306e\u4e0a\u3067\u52d5\u4f5c\u3057\u3066\u3044\u307e\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u8a2d\u5b9a\u306e\u307e\u307e\u3060\u3068\u3001WSL2 \u306b\u5272\u308a\u5f53\u3066\u3089\u308c\u308b <strong>CPU \u3084\u30e1\u30e2\u30ea\u306e\u30ea\u30bd\u30fc\u30b9\u304c\u4e0d\u8db3<\/strong> \u3057\u3001Laravel \u306e\u51e6\u7406\u304c\u9045\u304f\u306a\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>\u5f71\u97ff\u3059\u308b\u8981\u7d20<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>WSL2 \u306b <strong>\u30e1\u30e2\u30ea\u30fbCPU \u306e\u5272\u308a\u5f53\u3066\u304c\u5c11\u306a\u3044<\/strong>\uff08\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u306f\u52d5\u7684\u5272\u308a\u5f53\u3066\u306e\u305f\u3081\u6700\u9069\u5316\u304c\u5fc5\u8981\uff09<\/li>\n\n\n\n<li><strong>\u30b9\u30ef\u30c3\u30d7\u9818\u57df\u304c\u6709\u52b9<\/strong> \u3067\u30c7\u30a3\u30b9\u30af\u30a2\u30af\u30bb\u30b9\u304c\u983b\u767a\u3057\u3001\u901f\u5ea6\u4f4e\u4e0b\u3092\u62db\u304f<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u2461 Docker \u306e\u30d5\u30a1\u30a4\u30eb\u5171\u6709\u306e\u9045\u5ef6<\/strong><\/h3>\n\n\n\n<p>Laravel \u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30d5\u30a9\u30eb\u30c0\u3092 Windows \u5074\u306b\u7f6e\u3044\u305f\u307e\u307e <code>docker-compose.yml<\/code> \u3067\u30de\u30a6\u30f3\u30c8\u3057\u3066\u3044\u308b\u5834\u5408\u3001<strong>\u30d5\u30a1\u30a4\u30eb\u306e\u8aad\u307f\u66f8\u304d\u304c\u9045\u5ef6<\/strong> \u3057\u3066\u3057\u307e\u3044\u307e\u3059\u3002\u7279\u306b\u3001\u958b\u767a\u4e2d\u306f\u30d5\u30a1\u30a4\u30eb\u306e\u5909\u66f4\u304c\u983b\u7e41\u306b\u767a\u751f\u3059\u308b\u305f\u3081\u3001<strong>\u30b7\u30f3\u30dc\u30ea\u30c3\u30af\u30ea\u30f3\u30af\u306e\u51e6\u7406\u3084\u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u5f71\u97ff\u3067 Laravel \u306e\u30ec\u30b9\u30dd\u30f3\u30b9\u304c\u9045\u304f\u306a\u308b<\/strong> \u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>\u5f71\u97ff\u3059\u308b\u8981\u7d20<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>bind mount<\/code> \u3067\u306e <strong>\u30d5\u30a1\u30a4\u30eb\u540c\u671f\u304c\u9045\u3044<\/strong>\uff08\u7279\u306b <code>storage<\/code> \u3084 <code>vendor<\/code> \u30c7\u30a3\u30ec\u30af\u30c8\u30ea\uff09<\/li>\n\n\n\n<li>Laravel \u306e <strong>\u81ea\u52d5\u30ea\u30ed\u30fc\u30c9\uff08auto reload\uff09<\/strong> \u304c\u9045\u5ef6\u3092\u5f15\u304d\u8d77\u3053\u3059<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u2462 \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u51e6\u7406\u304c\u9045\u3044<\/strong><\/h3>\n\n\n\n<p>Laravel \u306f MySQL \u3084 PostgreSQL \u306a\u3069\u306e\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092\u4f7f\u7528\u3057\u307e\u3059\u304c\u3001Docker \u30b3\u30f3\u30c6\u30ca\u4e0a\u306e\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306f <strong>\u30b9\u30c8\u30ec\u30fc\u30b8 I\/O \u306e\u5f71\u97ff\u3092\u53d7\u3051\u3084\u3059\u3044<\/strong> \u305f\u3081\u3001\u9045\u304f\u306a\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>\u5f71\u97ff\u3059\u308b\u8981\u7d20<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Docker \u306e\u30dc\u30ea\u30e5\u30fc\u30e0\u7ba1\u7406\u304c\u975e\u52b9\u7387<\/strong>\uff08\u30c7\u30d5\u30a9\u30eb\u30c8\u8a2d\u5b9a\u306e\u307e\u307e\u3060\u3068\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u304c\u4f4e\u4e0b\uff09<\/li>\n\n\n\n<li><strong>MySQL \u306e\u8a2d\u5b9a\u304c\u9069\u5207\u3067\u306a\u3044<\/strong>\uff08\u30ad\u30e3\u30c3\u30b7\u30e5\u672a\u8a2d\u5b9a\u3001\u30d0\u30c3\u30d5\u30a1\u30b5\u30a4\u30ba\u304c\u5c0f\u3055\u3044\uff09<\/li>\n\n\n\n<li>\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30b3\u30f3\u30c6\u30ca\u3068\u30a2\u30d7\u30ea\u30b3\u30f3\u30c6\u30ca\u306e <strong>\u901a\u4fe1\u30aa\u30fc\u30d0\u30fc\u30d8\u30c3\u30c9<\/strong> \u304c\u767a\u751f<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u2463 Laravel \u306e\u8a2d\u5b9a\u304c\u6700\u9069\u5316\u3055\u308c\u3066\u3044\u306a\u3044<\/strong><\/h3>\n\n\n\n<p>Laravel \u81ea\u4f53\u306e\u8a2d\u5b9a\u304c\u9069\u5207\u3067\u306a\u3044\u3068\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u51e6\u7406\u901f\u5ea6\u304c\u5927\u5e45\u306b\u4f4e\u4e0b\u3057\u307e\u3059\u3002\u7279\u306b <strong>\u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u672a\u4f7f\u7528<\/strong> \u3084 <strong>\u30ed\u30b0\u51fa\u529b\u306e\u8ca0\u8377<\/strong> \u306a\u3069\u304c\u5f71\u97ff\u3059\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>\u5f71\u97ff\u3059\u308b\u8981\u7d20<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u30ad\u30e3\u30c3\u30b7\u30e5\u304c\u7121\u52b9<\/strong>\uff08<code>config:cache<\/code> \u3084 <code>route:cache<\/code> \u304c\u672a\u4f7f\u7528\uff09<\/li>\n\n\n\n<li><strong>\u4e0d\u8981\u306a\u30ed\u30b0\u51fa\u529b<\/strong>\uff08\u958b\u767a\u74b0\u5883\u3067 <code>debug<\/code> \u30e2\u30fc\u30c9\u306e\u307e\u307e\u52d5\u304b\u3057\u3066\u3044\u308b\uff09<\/li>\n\n\n\n<li><strong>\u30bb\u30c3\u30b7\u30e7\u30f3\u3084\u30d5\u30a1\u30a4\u30eb\u306e\u66f8\u304d\u8fbc\u307f\u51e6\u7406\u304c\u9045\u3044<\/strong>\uff08\u7279\u306b <code>storage<\/code> \u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306e\u9045\u5ef6\uff09<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u554f\u984c\u3092\u89e3\u6c7a\u3059\u308b\u3053\u3068\u3067\u3001<strong>Laravel \u306e\u8868\u793a\u901f\u5ea6\u3092\u5927\u5e45\u306b\u5411\u4e0a<\/strong> \u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u6b21\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001\u5177\u4f53\u7684\u306a <strong>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6539\u5584\u7b56<\/strong> \u3092\u7d39\u4ecb\u3057\u3066\u3044\u304d\u307e\u3059\uff01<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Laravel_%E3%81%AE%E3%83%91%E3%83%95%E3%82%A9%E3%83%BC%E3%83%9E%E3%83%B3%E3%82%B9%E6%94%B9%E5%96%84%E7%AD%96\"><\/span><strong>3. Laravel \u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6539\u5584\u7b56<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u3053\u3053\u304b\u3089\u306f\u3001Windows 11 \u00d7 Docker \u74b0\u5883\u3067 <strong>Laravel \u306e\u8868\u793a\u901f\u5ea6\u3092\u6539\u5584\u3059\u308b\u305f\u3081\u306e\u5177\u4f53\u7684\u306a\u65b9\u6cd5<\/strong> \u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002\u4ee5\u4e0b\u306e\u5bfe\u7b56\u3092\u5b9f\u8df5\u3059\u308c\u3070\u3001\u30da\u30fc\u30b8\u306e\u8aad\u307f\u8fbc\u307f\u304c\u65e9\u304f\u306a\u308a\u3001\u958b\u767a\u304c\u30b9\u30e0\u30fc\u30ba\u306b\u306a\u308a\u307e\u3059\uff01<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3.1 WSL2 \u306e\u6700\u9069\u5316<\/strong><\/h3>\n\n\n\n<p>Docker \u306f <strong>WSL2\uff08Windows Subsystem for Linux 2\uff09<\/strong> \u4e0a\u3067\u52d5\u4f5c\u3059\u308b\u305f\u3081\u3001WSL2 \u306e\u30ea\u30bd\u30fc\u30b9\u8a2d\u5b9a\u3092\u6700\u9069\u5316\u3059\u308b\u3053\u3068\u3067\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>\u2460 WSL2 \u306e\u30ea\u30bd\u30fc\u30b9\u5272\u308a\u5f53\u3066\u3092\u5897\u3084\u3059<\/strong><\/h4>\n\n\n\n<p>\u30c7\u30d5\u30a9\u30eb\u30c8\u306e WSL2 \u306f\u30e1\u30e2\u30ea\u3084 CPU \u3092\u52d5\u7684\u306b\u5272\u308a\u5f53\u3066\u307e\u3059\u304c\u3001<strong>\u660e\u793a\u7684\u306b\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u3067\u5b89\u5b9a\u3057\u305f\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u78ba\u4fdd<\/strong> \u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>\u8a2d\u5b9a\u624b\u9806<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>WSL2 \u306e\u8a2d\u5b9a\u30d5\u30a1\u30a4\u30eb\uff08<code>~\/.wslconfig<\/code>\uff09\u3092\u4f5c\u6210\u30fb\u7de8\u96c6\u3059\u308b<\/strong><br>Windows \u306e\u30a8\u30af\u30b9\u30d7\u30ed\u30fc\u30e9\u30fc\u3067 <code>C:\\Users\\{\u30e6\u30fc\u30b6\u30fc\u540d}<\/code> \u30d5\u30a9\u30eb\u30c0\u3092\u958b\u304d\u3001<code>~\/.wslconfig<\/code> \u3092\u4f5c\u6210\u3057\u3066\u3001\u4ee5\u4e0b\u306e\u5185\u5bb9\u3092\u8a18\u8ff0\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n<\/ol>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-graphql\" data-lang=\"GraphQL\"><code>[wsl2]\nmemory=8GB   # \u30e1\u30e2\u30ea 8GB \u5272\u308a\u5f53\u3066\uff08\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u8abf\u6574\uff09\nprocessors=4 # CPU \u3092 4 \u30b3\u30a2\u4f7f\u7528\uff08CPU \u306b\u5fdc\u3058\u3066\u5909\u66f4\uff09\nswap=0       # \u30b9\u30ef\u30c3\u30d7\u9818\u57df\u3092\u7121\u52b9\u5316\uff08\u30c7\u30a3\u30b9\u30af\u8ca0\u8377\u8efd\u6e1b\uff09<\/code><\/pre><\/div>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>WSL2 \u3092\u518d\u8d77\u52d5\u3059\u308b<\/strong><br>\u8a2d\u5b9a\u3092\u53cd\u6620\u3059\u308b\u305f\u3081\u306b\u3001\u4ee5\u4e0b\u306e\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\"><code>wsl --shutdown<\/code><\/pre><\/div>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30ea\u30bd\u30fc\u30b9\u304c\u6b63\u3057\u304f\u5272\u308a\u5f53\u3066\u3089\u308c\u3066\u3044\u308b\u304b\u78ba\u8a8d\u3059\u308b<\/strong><br>WSL2 \u306e Ubuntu \u30bf\u30fc\u30df\u30ca\u30eb\u3067\u3001\u6b21\u306e\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3057\u3066 CPU\u30fb\u30e1\u30e2\u30ea\u306e\u60c5\u5831\u3092\u30c1\u30a7\u30c3\u30af\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-powershell\" data-lang=\"PowerShell\"><code>free -h # \u30e1\u30e2\u30ea\u4f7f\u7528\u72b6\u6cc1\u3092\u78ba\u8a8d\nnproc # CPU \u30b3\u30a2\u6570\u3092\u78ba\u8a8d<\/code><\/pre><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>\u2461 WSL2 \u306e\u30c7\u30a3\u30b9\u30af\u3092\u6700\u9069\u5316\u3059\u308b<\/strong><\/h4>\n\n\n\n<p>WSL2 \u3067\u306f\u3001\u4e0d\u8981\u306a\u30ad\u30e3\u30c3\u30b7\u30e5\u3084\u30c7\u30a3\u30b9\u30af\u306e\u65ad\u7247\u5316\u304c\u767a\u751f\u3057\u3001\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u4f4e\u4e0b\u3092\u5f15\u304d\u8d77\u3053\u3059\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\u5b9a\u671f\u7684\u306b\u6700\u9069\u5316\u3092\u884c\u3044\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<p><strong>\u6700\u9069\u5316\u624b\u9806<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>WSL2 \u3092\u5b8c\u5168\u306b\u505c\u6b62<\/li>\n<\/ol>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-powershell\" data-lang=\"PowerShell\"><code>wsl --shutdown<\/code><\/pre><\/div>\n\n\n\n<ol class=\"wp-block-list\">\n<li>WSL2 \u306e\u30c7\u30a3\u30b9\u30af\u3092\u6700\u9069\u5316\uff08PowerShell \u3067\u5b9f\u884c\uff09<\/li>\n<\/ol>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-powershell\" data-lang=\"PowerShell\"><code>optimize-vhd -Path C:\\Users\\{\u30e6\u30fc\u30b6\u30fc\u540d}\\AppData\\Local\\Docker\\wsl\\data\\ext4.vhdx<\/code><\/pre><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3.2 Docker Desktop \u306e\u8a2d\u5b9a\u5909\u66f4<\/strong><\/h3>\n\n\n\n<p>Docker \u306e\u8a2d\u5b9a\u3092\u898b\u76f4\u3059\u3053\u3068\u3067\u3001\u30d5\u30a1\u30a4\u30eb\u540c\u671f\u306e\u9045\u5ef6\u3092\u6e1b\u3089\u3057\u3001Laravel \u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u6539\u5584\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>\u2460 Docker \u306e\u30ea\u30bd\u30fc\u30b9\u5272\u308a\u5f53\u3066\u3092\u5897\u3084\u3059<\/strong><\/h4>\n\n\n\n<p>Docker \u306e\u30ea\u30bd\u30fc\u30b9\u8a2d\u5b9a\u3092\u5909\u66f4\u3057\u3001<strong>Laravel \u306e\u51e6\u7406\u304c\u30b9\u30e0\u30fc\u30ba\u306b\u52d5\u4f5c\u3059\u308b\u3088\u3046\u306b\u6700\u9069\u5316<\/strong> \u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Docker Desktop \u3092\u958b\u304f<\/strong><\/li>\n\n\n\n<li><strong>\u300cSettings\u300d \u2192 \u300cResources\u300d<\/strong> \u3092\u958b\u304f<\/li>\n\n\n\n<li>\u4ee5\u4e0b\u306e\u8a2d\u5b9a\u3092\u8abf\u6574\u3059\u308b\n<ul class=\"wp-block-list\">\n<li><strong>CPU:<\/strong> 4 \u30b3\u30a2\u4ee5\u4e0a\uff08\u63a8\u5968\uff09<\/li>\n\n\n\n<li><strong>Memory:<\/strong> 6GB \u4ee5\u4e0a\uff08\u63a8\u5968\uff09<\/li>\n\n\n\n<li><strong>Swap:<\/strong> 0\uff08\u30c7\u30a3\u30b9\u30af\u8ca0\u8377\u3092\u8efd\u6e1b\uff09<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>\u2461 gRPC FUSE \u3092\u7121\u52b9\u5316\u3059\u308b\uff08\u30d5\u30a1\u30a4\u30eb\u5171\u6709\u306e\u6539\u5584\uff09<\/strong><\/h4>\n\n\n\n<p>Docker Desktop \u306e\u30d5\u30a1\u30a4\u30eb\u5171\u6709\u306e\u65b9\u5f0f\u3092\u5909\u66f4\u3057\u3001\u30d5\u30a1\u30a4\u30eb\u30a2\u30af\u30bb\u30b9\u306e\u9045\u5ef6\u3092\u6e1b\u3089\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Docker Desktop \u306e\u8a2d\u5b9a\u3092\u958b\u304f<\/strong><\/li>\n\n\n\n<li><strong>\u300cSettings\u300d \u2192 \u300cAdvanced\u300d<\/strong> \u3078\u79fb\u52d5<\/li>\n\n\n\n<li><strong>\u300cgRPC FUSE for File Sharing\u300d<\/strong> \u306e\u30c1\u30a7\u30c3\u30af\u3092\u5916\u3059<\/li>\n\n\n\n<li><strong>Docker \u3092\u518d\u8d77\u52d5\u3059\u308b<\/strong><\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3.3 Laravel \u306e\u8a2d\u5b9a\u6700\u9069\u5316<\/strong><\/h3>\n\n\n\n<p>Laravel \u81ea\u4f53\u306e\u8a2d\u5b9a\u3092\u898b\u76f4\u3059\u3053\u3068\u3067\u3001\u30ec\u30b9\u30dd\u30f3\u30b9\u901f\u5ea6\u3092\u6539\u5584\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>\u2460 Laravel \u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u6709\u52b9\u5316\u3059\u308b<\/strong><\/h4>\n\n\n\n<p>\u958b\u767a\u74b0\u5883\u3067\u3082\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u6709\u52b9\u306b\u3059\u308b\u3053\u3068\u3067\u3001\u30d5\u30a1\u30a4\u30eb\u306e\u8aad\u307f\u8fbc\u307f\u3092\u6700\u9069\u5316\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-powershell\" data-lang=\"PowerShell\"><code>php artisan config:cache\nphp artisan route:cache\nphp artisan view:cache<\/code><\/pre><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>\u2461 Laravel \u306e\u30ed\u30b0\u51fa\u529b\u3092\u6700\u9069\u5316<\/strong><\/h4>\n\n\n\n<p>\u30c7\u30d0\u30c3\u30b0\u6642\u306e <code>log<\/code> \u304c\u9045\u5ef6\u306e\u539f\u56e0\u306b\u306a\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\u30ed\u30b0\u30ec\u30d9\u30eb\u3092\u4e0b\u3052\u3066\u8ca0\u8377\u3092\u8efd\u6e1b\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<p><strong><code>.env<\/code> \u306e\u8a2d\u5b9a\u5909\u66f4<\/strong><\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-graphql\" data-lang=\"GraphQL\"><code>LOG_CHANNEL=single<\/code><\/pre><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"34_%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%EF%BC%88MySQL%E3%83%BBPostgreSQL%EF%BC%89%E3%81%AE%E6%9C%80%E9%81%A9%E5%8C%96\"><\/span><strong>3.4 \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\uff08MySQL\u30fbPostgreSQL\uff09\u306e\u6700\u9069\u5316<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Laravel \u306e\u8868\u793a\u304c\u9045\u304f\u306a\u308b\u539f\u56e0\u306e\u4e00\u3064\u306b <strong>\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u4f4e\u4e0b<\/strong> \u304c\u3042\u308a\u307e\u3059\u3002Docker \u4e0a\u3067 MySQL \u3084 PostgreSQL \u3092\u4f7f\u7528\u3059\u308b\u3068\u3001<strong>\u30b9\u30c8\u30ec\u30fc\u30b8 I\/O \u306e\u5f71\u97ff<\/strong> \u3084 <strong>\u30e1\u30e2\u30ea\u8a2d\u5b9a\u306e\u4e0d\u8db3<\/strong> \u306b\u3088\u3063\u3066\u3001\u30af\u30a8\u30ea\u5b9f\u884c\u304c\u9045\u304f\u306a\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u3053\u3067\u306f\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u6700\u9069\u5316\u65b9\u6cd5\u3092\u89e3\u8aac\u3057\u307e\u3059\uff01<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u2460 \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u30b3\u30f3\u30c6\u30ca\u8a2d\u5b9a\u3092\u6700\u9069\u5316\u3059\u308b<\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>1. \u30c7\u30fc\u30bf\u306e\u6c38\u7d9a\u5316\u3092\u6700\u9069\u5316\u3059\u308b\uff08\u30dc\u30ea\u30e5\u30fc\u30e0\u306e\u5909\u66f4\uff09<\/strong><\/h4>\n\n\n\n<p>Docker \u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u8a2d\u5b9a\u3067\u306f\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u30c7\u30fc\u30bf\u304c <strong>\u30b3\u30f3\u30c6\u30ca\u306e\u4eee\u60f3\u30b9\u30c8\u30ec\u30fc\u30b8\u4e0a\u306b\u4fdd\u5b58<\/strong> \u3055\u308c\u307e\u3059\u304c\u3001\u3053\u308c\u304c <strong>I\/O \u306e\u9045\u5ef6\u3092\u5f15\u304d\u8d77\u3053\u3059\u539f\u56e0<\/strong> \u306b\u306a\u308a\u307e\u3059\u3002\u305d\u3053\u3067\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u30c7\u30fc\u30bf\u3092 <strong>\u5c02\u7528\u306e\u30dc\u30ea\u30e5\u30fc\u30e0<\/strong> \u306b\u4fdd\u5b58\u3057\u3001\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u5411\u4e0a\u3055\u305b\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<p><strong><code>docker-compose.yml<\/code> \u306e\u8a2d\u5b9a\u4f8b\uff08MySQL\uff09<\/strong><\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-yaml\" data-lang=\"YAML\"><code>version: &#39;3.8&#39;\nservices:\n  mysql:\n    image: mysql:8.0\n    container_name: mysql\n    restart: unless-stopped\n    environment:\n      MYSQL_ROOT_PASSWORD: root\n      MYSQL_DATABASE: laravel\n      MYSQL_USER: laravel\n      MYSQL_PASSWORD: secret\n    command: --innodb-buffer-pool-size=512M --max_connections=200\n    volumes:\n      - db_data:\/var\/lib\/mysql\n    ports:\n      - &quot;3306:3306&quot;\nvolumes:\n  db_data:<\/code><\/pre><\/div>\n\n\n\n<p>\u2705 <strong>\u30dd\u30a4\u30f3\u30c8<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>volumes<\/code> \u3092\u4f7f\u3063\u3066\u30c7\u30fc\u30bf\u3092\u6c38\u7d9a\u5316\u3057\u3001\u30b9\u30c8\u30ec\u30fc\u30b8\u306e\u6700\u9069\u5316\u3092\u884c\u3046<\/li>\n\n\n\n<li><code>innodb-buffer-pool-size<\/code> \u3092\u9069\u5207\u306b\u8abf\u6574\uff08\u30e1\u30e2\u30ea 512MB \u306b\u5897\u52a0\uff09<\/li>\n\n\n\n<li><code>max_connections<\/code> \u3092\u5897\u3084\u3057\u3066\u63a5\u7d9a\u6570\u306e\u30dc\u30c8\u30eb\u30cd\u30c3\u30af\u3092\u6e1b\u3089\u3059<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u2461 MySQL \u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u5411\u4e0a\u3055\u305b\u308b<\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>1. \u30af\u30a8\u30ea\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u6709\u52b9\u306b\u3059\u308b<\/strong><\/h4>\n\n\n\n<p>MySQL \u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u8a2d\u5b9a\u3067\u306f\u30af\u30a8\u30ea\u30ad\u30e3\u30c3\u30b7\u30e5\u304c\u7121\u52b9\u306b\u306a\u3063\u3066\u3044\u308b\u305f\u3081\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u6709\u52b9\u306b\u3059\u308b\u3053\u3068\u3067 <strong>\u540c\u3058\u30af\u30a8\u30ea\u306e\u5b9f\u884c\u901f\u5ea6\u3092\u5411\u4e0a<\/strong> \u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>\u8a2d\u5b9a\u65b9\u6cd5<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><code>my.cnf<\/code>\uff08MySQL \u306e\u8a2d\u5b9a\u30d5\u30a1\u30a4\u30eb\uff09\u3092\u7de8\u96c6\u3057\u3001\u4ee5\u4e0b\u306e\u8a2d\u5b9a\u3092\u8ffd\u52a0<\/li>\n<\/ol>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-graphql\" data-lang=\"GraphQL\"><code>[mysqld] query_cache_type = 1 query_cache_size = 64M<\/code><\/pre><\/div>\n\n\n\n<ol class=\"wp-block-list\">\n<li>MySQL \u30b3\u30f3\u30c6\u30ca\u3092\u518d\u8d77\u52d5<\/li>\n<\/ol>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-sh\" data-lang=\"Shell session\"><code>docker-compose down docker-compose up -d<\/code><\/pre><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>2. \u30b9\u30ed\u30fc\u30af\u30a8\u30ea\u3092\u8abf\u67fb\u3059\u308b<\/strong><\/h4>\n\n\n\n<p>MySQL \u306e\u30b9\u30ed\u30fc\u30af\u30a8\u30ea\u30ed\u30b0\u3092\u6709\u52b9\u306b\u3057\u3001<strong>\u9045\u3044\u30af\u30a8\u30ea\u3092\u7279\u5b9a\u3057\u3066\u6700\u9069\u5316<\/strong> \u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<p><strong><code>my.cnf<\/code> \u306e\u8a2d\u5b9a<\/strong><\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-graphql\" data-lang=\"GraphQL\"><code>[mysqld]\nslow_query_log = 1\nlong_query_time = 2\nlog_output = FILE<\/code><\/pre><\/div>\n\n\n\n<p>\u2705 2\u79d2\u4ee5\u4e0a\u304b\u304b\u308b\u30af\u30a8\u30ea\u3092\u30ed\u30b0\u306b\u8a18\u9332\u3057\u3001\u30dc\u30c8\u30eb\u30cd\u30c3\u30af\u3092\u7279\u5b9a<\/p>\n\n\n\n<p><strong>\u30ed\u30b0\u306e\u78ba\u8a8d\u65b9\u6cd5<\/strong><\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-sh\" data-lang=\"Shell session\"><code>docker exec -it mysql bash\ncat \/var\/lib\/mysql\/slow-query.log<\/code><\/pre><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u2462 PostgreSQL \u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u5411\u4e0a\u3055\u305b\u308b<\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>1. \u30e1\u30e2\u30ea\u8a2d\u5b9a\u3092\u5909\u66f4\u3059\u308b<\/strong><\/h4>\n\n\n\n<p>PostgreSQL \u3067\u306f <code>shared_buffers<\/code> \u306e\u5024\u3092\u5897\u3084\u3059\u3053\u3068\u3067\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u5411\u4e0a\u3055\u305b\u3089\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong><code>postgresql.conf<\/code> \u306e\u8a2d\u5b9a<\/strong><\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-graphql\" data-lang=\"GraphQL\"><code>shared_buffers = 256MB\nwork_mem = 16MB\neffective_cache_size = 512MB<\/code><\/pre><\/div>\n\n\n\n<p>\u2705 <code>shared_buffers<\/code> \u3092\u30b5\u30fc\u30d0\u30fc\u30e1\u30e2\u30ea\u306e <strong>1\/4 \u7a0b\u5ea6<\/strong> \u306b\u8a2d\u5b9a<br>\u2705 <code>effective_cache_size<\/code> \u306f <code>shared_buffers<\/code> \u306e <strong>2\u500d\u7a0b\u5ea6<\/strong> \u306b\u8a2d\u5b9a<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>2. \u30af\u30a8\u30ea\u5b9f\u884c\u8a08\u753b\u3092\u5206\u6790\u3059\u308b<\/strong><\/h4>\n\n\n\n<p>PostgreSQL \u306b\u306f <code>EXPLAIN ANALYZE<\/code> \u3068\u3044\u3046\u30b3\u30de\u30f3\u30c9\u304c\u3042\u308a\u3001<strong>\u30af\u30a8\u30ea\u306e\u51e6\u7406\u901f\u5ea6\u3092\u8a73\u7d30\u306b\u5206\u6790<\/strong> \u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>\u4f8b: \u9045\u3044\u30af\u30a8\u30ea\u306e\u5206\u6790<\/strong><\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-sql\" data-lang=\"SQL\"><code>EXPLAIN ANALYZE SELECT * FROM users WHERE email = &#39;example@example.com&#39;;<\/code><\/pre><\/div>\n\n\n\n<p>\u2705 <code>Seq Scan<\/code>\uff08\u30b7\u30fc\u30b1\u30f3\u30b7\u30e3\u30eb\u30b9\u30ad\u30e3\u30f3\uff09\u306b\u306a\u3063\u3066\u3044\u308b\u5834\u5408\u306f <strong>\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u3092\u8ffd\u52a0<\/strong> \u3057\u3066\u6539\u5584<\/p>\n\n\n\n<p><strong>\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u306e\u8ffd\u52a0<\/strong><\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-sql\" data-lang=\"SQL\"><code>CREATE INDEX idx_users_email ON users(email);<\/code><\/pre><\/div>\n\n\n\n<p>\u2705 \u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3067\u3001\u691c\u7d22\u30af\u30a8\u30ea\u306e\u901f\u5ea6\u3092\u5927\u5e45\u306b\u5411\u4e0a<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u2463 Laravel \u306e\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u8a2d\u5b9a\u3092\u6700\u9069\u5316\u3059\u308b<\/strong><\/h3>\n\n\n\n<p>Laravel \u5074\u306e\u8a2d\u5b9a\u3082\u6700\u9069\u5316\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u8ca0\u8377\u3092\u8efd\u6e1b\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>1. Eloquent \u306e N+1 \u554f\u984c\u3092\u56de\u907f\u3059\u308b<\/strong><\/h4>\n\n\n\n<p>Eloquent \u3067\u306f\u30ea\u30ec\u30fc\u30b7\u30e7\u30f3\u3092\u6301\u3064\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3059\u308b\u3068\u3001<strong>N+1 \u554f\u984c<\/strong> \u304c\u767a\u751f\u3059\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u3092\u56de\u907f\u3059\u308b\u306b\u306f\u3001<code>with()<\/code> \u3092\u4f7f\u7528\u3057\u3066 <strong>\u4e8b\u524d\u306b\u95a2\u9023\u30c7\u30fc\u30bf\u3092\u30ed\u30fc\u30c9<\/strong> \u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<p><strong>\u6539\u5584\u524d\uff08N+1 \u554f\u984c\u304c\u767a\u751f\uff09<\/strong><\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>$users = User::all();\nforeach ($users as $user) {\n    echo $user-&gt;posts-&gt;count();\n}<\/code><\/pre><\/div>\n\n\n\n<p>\u2705 \u30e6\u30fc\u30b6\u30fc\u3054\u3068\u306b <code>posts<\/code> \u3092\u53d6\u5f97\u3059\u308b\u305f\u3081\u3001<strong>SQL \u30af\u30a8\u30ea\u304c\u5927\u91cf\u306b\u767a\u751f<\/strong> \u3059\u308b<\/p>\n\n\n\n<p><strong>\u6539\u5584\u5f8c\uff08<code>with()<\/code> \u3092\u4f7f\u7528\uff09<\/strong><\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>$users = User::with(&#39;posts&#39;)-&gt;get();\nforeach ($users as $user) {\n    echo $user-&gt;posts-&gt;count();\n}<\/code><\/pre><\/div>\n\n\n\n<p>\u2705 <strong>1\u56de\u306e\u30af\u30a8\u30ea\u3067\u5168\u3066\u306e\u95a2\u9023\u30c7\u30fc\u30bf\u3092\u53d6\u5f97<\/strong> \u3067\u304d\u308b\u305f\u3081\u3001\u9ad8\u901f\u5316<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>2. \u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u6d3b\u7528\u3059\u308b<\/strong><\/h4>\n\n\n\n<p>Laravel \u3067\u306f\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u30af\u30a8\u30ea\u7d50\u679c\u3092\u30ad\u30e3\u30c3\u30b7\u30e5\u3059\u308b\u3053\u3068\u3067\u3001<strong>\u540c\u3058\u30af\u30a8\u30ea\u306e\u5b9f\u884c\u56de\u6570\u3092\u6e1b\u3089\u3057\u3001\u9ad8\u901f\u5316<\/strong> \u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>\u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u5229\u7528\u4f8b<\/strong><\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>$users = Cache::remember(&#39;users_list&#39;, 3600, function () {\n    return User::all();\n});<\/code><\/pre><\/div>\n\n\n\n<p>\u2705 <code>Cache::remember()<\/code> \u3092\u4f7f\u3046\u3053\u3068\u3067\u3001<strong>1\u6642\u9593\uff083600\u79d2\uff09\u30c7\u30fc\u30bf\u3092\u30ad\u30e3\u30c3\u30b7\u30e5<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E3%81%BE%E3%81%A8%E3%82%81\"><\/span><strong>\u307e\u3068\u3081<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u3053\u3053\u307e\u3067\u306e\u8a2d\u5b9a\u3092\u9069\u7528\u3059\u308b\u3053\u3068\u3067\u3001Laravel \u306e\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u5927\u5e45\u306b\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\uff01<\/p>\n\n\n\n<p>\u2705 <strong>MySQL\/PostgreSQL \u306e\u8a2d\u5b9a\u3092\u6700\u9069\u5316<\/strong>\uff08\u30e1\u30e2\u30ea\u8abf\u6574\u30fb\u30ad\u30e3\u30c3\u30b7\u30e5\u6d3b\u7528\uff09<br>\u2705 <strong>\u30b9\u30ed\u30fc\u30af\u30a8\u30ea\u3092\u7279\u5b9a\u3057\u3001\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u3092\u8ffd\u52a0<\/strong><br>\u2705 <strong>Eloquent \u306e <code>with()<\/code> \u3092\u6d3b\u7528\u3057\u3066 N+1 \u554f\u984c\u3092\u56de\u907f<\/strong><br>\u2705 <strong>\u30af\u30a8\u30ea\u7d50\u679c\u3092\u30ad\u30e3\u30c3\u30b7\u30e5\u3057\u3066\u8ca0\u8377\u3092\u8efd\u6e1b<\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"35_%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E3%81%AE%E6%9C%80%E9%81%A9%E5%8C%96%EF%BC%88CSSJS_%E3%81%AE%E9%AB%98%E9%80%9F%E5%8C%96%EF%BC%89\"><\/span><strong>3.5 \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306e\u6700\u9069\u5316\uff08CSS\/JS \u306e\u9ad8\u901f\u5316\uff09<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Laravel \u306e\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3092\u6700\u9069\u5316\u3057\u3066\u3082\u3001<strong>\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306e CSS\/JavaScript \u306e\u51e6\u7406\u304c\u9045\u3044\u3068\u3001\u30da\u30fc\u30b8\u306e\u8868\u793a\u901f\u5ea6\u304c\u5411\u4e0a\u3057\u306a\u3044<\/strong> \u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\u7279\u306b\u3001\u958b\u767a\u74b0\u5883\u3067\u306f <code>npm run dev<\/code> \u3084 <code>vite<\/code> \u306e\u8a2d\u5b9a\u304c\u9069\u5207\u3067\u306a\u3044\u3068\u3001\u30d6\u30e9\u30a6\u30b6\u306e\u8aad\u307f\u8fbc\u307f\u304c\u9045\u304f\u306a\u308b\u3053\u3068\u3082\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3053\u3053\u3067\u306f\u3001<strong>CSS\/JS \u306e\u6700\u9069\u5316\u306b\u3088\u308b Laravel \u306e\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u9ad8\u901f\u5316<\/strong> \u306e\u65b9\u6cd5\u3092\u89e3\u8aac\u3057\u307e\u3059\uff01<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u2460 Laravel Mix \/ Vite \u306e\u6700\u9069\u5316<\/strong><\/h3>\n\n\n\n<p>Laravel \u3067\u306f <strong>Laravel Mix<\/strong> \u307e\u305f\u306f <strong>Vite<\/strong> \u3092\u4f7f\u3063\u3066 CSS\/JS \u3092\u7ba1\u7406\u3057\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u30d3\u30eb\u30c9\u30c4\u30fc\u30eb\u306e\u8a2d\u5b9a\u3092\u898b\u76f4\u3059\u3053\u3068\u3067\u3001\u958b\u767a\u74b0\u5883\u306e\u901f\u5ea6\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>1. Vite \u306e\u958b\u767a\u30b5\u30fc\u30d0\u30fc\u3092\u6700\u9069\u5316\u3059\u308b<\/strong><\/h4>\n\n\n\n<p>Vite \u306f\u30c7\u30d5\u30a9\u30eb\u30c8\u3067 <strong>\u30db\u30c3\u30c8\u30ea\u30ed\u30fc\u30c9\uff08HMR\uff09<\/strong> \u3092\u884c\u3044\u307e\u3059\u304c\u3001Docker \u74b0\u5883\u3067\u306f\u9045\u304f\u306a\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002<code>vite.config.js<\/code> \u306b\u4ee5\u4e0b\u306e\u8a2d\u5b9a\u3092\u8ffd\u52a0\u3059\u308b\u3068\u3001<strong>\u30ea\u30ed\u30fc\u30c9\u306e\u9045\u5ef6\u3092\u89e3\u6d88<\/strong> \u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong><code>vite.config.js<\/code> \u306e\u6700\u9069\u5316<\/strong><\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\"><code>export default defineConfig({\n  server: {\n    watch: {\n      usePolling: true, \/\/ \u30d5\u30a1\u30a4\u30eb\u5909\u66f4\u306e\u691c\u77e5\u3092\u6700\u9069\u5316\n    },\n    hmr: {\n      host: &#39;localhost&#39;, \/\/ Docker \u74b0\u5883\u3067\u6b63\u3057\u304f\u30db\u30c3\u30c8\u30ea\u30ed\u30fc\u30c9\n      port: 5173,\n    },\n  },\n});<\/code><\/pre><\/div>\n\n\n\n<p>\u2705 <strong>Polling \u3092\u6709\u52b9\u5316<\/strong> \u3059\u308b\u3053\u3068\u3067\u3001\u30d5\u30a1\u30a4\u30eb\u5909\u66f4\u306e\u691c\u77e5\u304c\u30b9\u30e0\u30fc\u30ba\u306b\u306a\u308b<br>\u2705 <strong>HMR \u306e\u30db\u30b9\u30c8\u8a2d\u5b9a<\/strong> \u3092 <code>localhost<\/code> \u306b\u3059\u308b\u3053\u3068\u3067\u3001Docker \u74b0\u5883\u3067\u30ea\u30ed\u30fc\u30c9\u30a8\u30e9\u30fc\u3092\u9632\u3050<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>2. Laravel Mix \u306e\u30d3\u30eb\u30c9\u3092\u6700\u9069\u5316\u3059\u308b<\/strong><\/h4>\n\n\n\n<p>Laravel Mix \u3092\u4f7f\u3063\u3066\u3044\u308b\u5834\u5408\u3001\u958b\u767a\u4e2d\u306e\u30d3\u30eb\u30c9\u304c\u9045\u304f\u306a\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u8a2d\u5b9a\u3092\u5909\u66f4\u3059\u308b\u3068\u3001<strong>\u30d3\u30eb\u30c9\u901f\u5ea6\u304c\u6539\u5584<\/strong> \u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong><code>webpack.mix.js<\/code> \u306e\u6700\u9069\u5316<\/strong><\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\"><code>mix.options({\n  hmrOptions: {\n    host: &#39;localhost&#39;, \n    port: 8080\n  },\n  processCssUrls: false \/\/ URL \u306e\u51e6\u7406\u3092\u30b9\u30ad\u30c3\u30d7\u3057\u3066\u30d3\u30eb\u30c9\u9ad8\u901f\u5316\n});<\/code><\/pre><\/div>\n\n\n\n<p>\u2705 <strong><code>processCssUrls: false<\/code> \u306b\u3059\u308b\u3053\u3068\u3067\u3001\u4e0d\u8981\u306a URL \u89e3\u6c7a\u3092\u30b9\u30ad\u30c3\u30d7<\/strong><br>\u2705 <strong>HMR \u306e\u30db\u30b9\u30c8\u3092 <code>localhost<\/code> \u306b\u3059\u308b\u3053\u3068\u3067\u3001Docker \u74b0\u5883\u3067\u30a8\u30e9\u30fc\u3092\u9632\u3050<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u2461 CSS\/JS \u306e\u8aad\u307f\u8fbc\u307f\u6700\u9069\u5316<\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>1. \u4e0d\u8981\u306a\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u524a\u6e1b\u3059\u308b<\/strong><\/h4>\n\n\n\n<p>\u958b\u767a\u6642\u306b <strong>jQuery \u3084 Bootstrap \u306e\u5168\u30d5\u30a1\u30a4\u30eb\u3092\u8aad\u307f\u8fbc\u3093\u3067\u3044\u308b\u3068\u3001\u4e0d\u8981\u306a\u30ea\u30bd\u30fc\u30b9\u304c\u5897\u3048\u3066\u30da\u30fc\u30b8\u8868\u793a\u304c\u9045\u304f\u306a\u308b<\/strong> \u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002<br><code>app.js<\/code> \u3084 <code>app.css<\/code> \u306b\u4e0d\u8981\u306a\u3082\u306e\u304c\u542b\u307e\u308c\u3066\u3044\u306a\u3044\u304b\u78ba\u8a8d\u3057\u3001\u6700\u5c0f\u9650\u306e\u3082\u306e\u3060\u3051\u3092\u8aad\u307f\u8fbc\u3080\u3088\u3046\u306b\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\"><code>\/\/ \u4e0d\u8981\u306a\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u524a\u6e1b\nimport &#39;bootstrap&#39;; \/\/ \u3059\u3079\u3066\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\u3068\u91cd\u304f\u306a\u308b<\/code><\/pre><\/div>\n\n\n\n<p>\u2705 Bootstrap \u306e JS \u306f <code>import 'bootstrap\/js\/dist\/alert'<\/code> \u306e\u3088\u3046\u306b <strong>\u500b\u5225\u30a4\u30f3\u30dd\u30fc\u30c8<\/strong> \u3059\u308b\u3068\u8efd\u91cf\u5316\u3067\u304d\u308b<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>2. CSS\/JS \u306e\u30df\u30cb\u30d5\u30a1\u30a4\uff08\u5727\u7e2e\uff09\u3092\u6709\u52b9\u5316\u3059\u308b<\/strong><\/h4>\n\n\n\n<p>\u672c\u756a\u74b0\u5883\u3067\u306f\u3001CSS\/JS \u3092\u30df\u30cb\u30d5\u30a1\u30a4\uff08\u5727\u7e2e\uff09\u3059\u308b\u3053\u3068\u3067 <strong>\u30da\u30fc\u30b8\u306e\u8aad\u307f\u8fbc\u307f\u3092\u9ad8\u901f\u5316<\/strong> \u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-powershell\" data-lang=\"PowerShell\"><code>npm run build<\/code><\/pre><\/div>\n\n\n\n<p>\u307e\u305f\u306f Laravel Mix \u3092\u4f7f\u3063\u3066\u3044\u308b\u5834\u5408\u306f\u3001<code>production<\/code> \u30e2\u30fc\u30c9\u3067\u30d3\u30eb\u30c9\u3059\u308b\u3088\u3046\u306b\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\"><code>mix.js(&#39;resources\/js\/app.js&#39;, &#39;public\/js&#39;).version();\nmix.sass(&#39;resources\/sass\/app.scss&#39;, &#39;public\/css&#39;).version();<\/code><\/pre><\/div>\n\n\n\n<p>\u2705 <strong><code>.version()<\/code> \u3092\u3064\u3051\u308b\u3053\u3068\u3067\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u30d0\u30b9\u30c6\u30a3\u30f3\u30b0\uff08\u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u7121\u52b9\u5316\uff09\u3082\u3067\u304d\u308b<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u2462 \u30d6\u30e9\u30a6\u30b6\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u6d3b\u7528\u3059\u308b<\/strong><\/h3>\n\n\n\n<p>CSS\/JS \u30d5\u30a1\u30a4\u30eb\u306e\u8aad\u307f\u8fbc\u307f\u3092\u9ad8\u901f\u5316\u3059\u308b\u306b\u306f\u3001<strong>\u30d6\u30e9\u30a6\u30b6\u30ad\u30e3\u30c3\u30b7\u30e5<\/strong> \u3092\u9069\u5207\u306b\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>1. <code>.htaccess<\/code> \u3067\u30ad\u30e3\u30c3\u30b7\u30e5\u8a2d\u5b9a\u3092\u8ffd\u52a0\u3059\u308b<\/strong><\/h4>\n\n\n\n<p>Apache \u3092\u4f7f\u7528\u3057\u3066\u3044\u308b\u5834\u5408\u306f\u3001<code>.htaccess<\/code> \u306b\u4ee5\u4e0b\u306e\u8a2d\u5b9a\u3092\u8ffd\u52a0\u3059\u308b\u3068 <strong>CSS\/JS \u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u9069\u5207\u306b\u7ba1\u7406<\/strong> \u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong><code>.htaccess<\/code> \u306e\u8a2d\u5b9a<\/strong><\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-graphql\" data-lang=\"GraphQL\"><code>&lt;IfModule mod_expires.c&gt;\n  ExpiresActive On\n  ExpiresByType text\/css &quot;access plus 1 month&quot;\n  ExpiresByType application\/javascript &quot;access plus 1 month&quot;\n&lt;\/IfModule&gt;<\/code><\/pre><\/div>\n\n\n\n<p>\u2705 CSS \u3084 JavaScript \u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u3092 <strong>1\u30f6\u6708\u9593\u6709\u52b9<\/strong> \u306b\u3059\u308b\u3053\u3068\u3067\u3001\u30ed\u30fc\u30c9\u6642\u9593\u3092\u77ed\u7e2e<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>2. Laravel \u3067\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u30af\u30ea\u30a2\u3059\u308b<\/strong><\/h4>\n\n\n\n<p>\u958b\u767a\u4e2d\u306b\u30ad\u30e3\u30c3\u30b7\u30e5\u304c\u60aa\u5f71\u97ff\u3092\u4e0e\u3048\u308b\u3053\u3068\u3082\u3042\u308b\u306e\u3067\u3001\u5909\u66f4\u5f8c\u306f\u9069\u5b9c\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u30af\u30ea\u30a2\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-powershell\" data-lang=\"PowerShell\"><code>php artisan cache:clear\nphp artisan config:clear\nphp artisan view:clear\nphp artisan route:clear<\/code><\/pre><\/div>\n\n\n\n<p>\u2705 <strong>\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u30af\u30ea\u30a2\u3059\u308b\u3053\u3068\u3067\u3001\u53e4\u3044\u8a2d\u5b9a\u304c\u5f71\u97ff\u3059\u308b\u306e\u3092\u9632\u3050<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E3%81%BE%E3%81%A8%E3%82%81-2\"><\/span><strong>\u307e\u3068\u3081<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u3053\u3053\u307e\u3067\u306e\u8a2d\u5b9a\u3092\u9069\u7528\u3059\u308b\u3053\u3068\u3067\u3001Laravel \u306e\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u304c\u5411\u4e0a\u3057\u3001<strong>\u30da\u30fc\u30b8\u306e\u8868\u793a\u901f\u5ea6\u304c\u5927\u5e45\u306b\u6539\u5584<\/strong> \u3055\u308c\u307e\u3059\uff01<\/p>\n\n\n\n<p>\u2705 <strong>Vite \u3084 Laravel Mix \u306e\u8a2d\u5b9a\u3092\u6700\u9069\u5316\u3057\u3001\u30d3\u30eb\u30c9\u6642\u9593\u3092\u77ed\u7e2e<\/strong><br>\u2705 <strong>\u4e0d\u8981\u306a\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u524a\u6e1b\u3057\u3001\u30d5\u30a1\u30a4\u30eb\u30b5\u30a4\u30ba\u3092\u6700\u5c0f\u5316<\/strong><br>\u2705 <strong>CSS\/JS \u3092\u5727\u7e2e\u3057\u3066\u30da\u30fc\u30b8\u306e\u30ed\u30fc\u30c9\u6642\u9593\u3092\u77ed\u7e2e<\/strong><br>\u2705 <strong>\u30d6\u30e9\u30a6\u30b6\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u9069\u5207\u306b\u8a2d\u5b9a\u3057\u3066\u3001\u7121\u99c4\u306a\u30ea\u30bd\u30fc\u30b9\u8aad\u307f\u8fbc\u307f\u3092\u9632\u3050<\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_%E3%81%BE%E3%81%A8%E3%82%81_%E8%BF%BD%E5%8A%A0%E3%81%AE%E6%94%B9%E5%96%84%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88\"><\/span><strong>4. \u307e\u3068\u3081 &amp; \u8ffd\u52a0\u306e\u6539\u5584\u30dd\u30a4\u30f3\u30c8<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Windows 11 \u00d7 Docker \u74b0\u5883\u3067 Laravel \u306e\u8868\u793a\u304c\u9045\u3044\u539f\u56e0\u3068\u3001\u305d\u306e\u5bfe\u7b56\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u89e3\u8aac\u3057\u3066\u304d\u307e\u3057\u305f\u3002\u8a2d\u5b9a\u3092\u9069\u7528\u3059\u308b\u3053\u3068\u3067\u3001<strong>\u30da\u30fc\u30b8\u306e\u8aad\u307f\u8fbc\u307f\u304c\u901f\u304f\u306a\u308a\u3001\u958b\u767a\u74b0\u5883\u304c\u5feb\u9069\u306b\u306a\u308b<\/strong> \u306f\u305a\u3067\u3059\uff01<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\ud83d\udccc \u3053\u306e\u8a18\u4e8b\u3067\u89e3\u8aac\u3057\u305f\u6539\u5584\u30dd\u30a4\u30f3\u30c8\u307e\u3068\u3081<\/strong><\/h3>\n\n\n\n<p>\u2705 <strong>WSL2 \u306e\u6700\u9069\u5316<\/strong>\uff08CPU\u30fb\u30e1\u30e2\u30ea\u306e\u5272\u308a\u5f53\u3066\u8abf\u6574\u3001\u30c7\u30a3\u30b9\u30af\u306e\u6700\u9069\u5316\uff09<br>\u2705 <strong>Docker \u306e\u8a2d\u5b9a\u5909\u66f4<\/strong>\uff08\u30ea\u30bd\u30fc\u30b9\u914d\u5206\u3001\u30d5\u30a1\u30a4\u30eb\u5171\u6709\u306e\u6539\u5584\u3001gRPC FUSE \u306e\u7121\u52b9\u5316\uff09<br>\u2705 <strong>\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u5411\u4e0a<\/strong>\uff08MySQL\/PostgreSQL \u306e\u8a2d\u5b9a\u6700\u9069\u5316\u3001\u30b9\u30ed\u30fc\u30af\u30a8\u30ea\u5bfe\u7b56\u3001Eloquent \u306e\u6700\u9069\u5316\uff09<br>\u2705 <strong>Laravel \u306e\u30c1\u30e5\u30fc\u30cb\u30f3\u30b0<\/strong>\uff08\u30ad\u30e3\u30c3\u30b7\u30e5\u6d3b\u7528\u3001\u30ed\u30b0\u51fa\u529b\u306e\u6700\u9069\u5316\uff09<br>\u2705 <strong>\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306e\u6700\u9069\u5316<\/strong>\uff08Vite\/Laravel Mix \u306e\u8a2d\u5b9a\u5909\u66f4\u3001\u4e0d\u8981\u30e9\u30a4\u30d6\u30e9\u30ea\u524a\u6e1b\u3001CSS\/JS \u306e\u5727\u7e2e\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u6d3b\u7528\uff09<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\ud83d\ude80 \u3055\u3089\u306b\u5feb\u9069\u306a\u958b\u767a\u74b0\u5883\u3092\u4f5c\u308b\u305f\u3081\u306e\u8ffd\u52a0\u6539\u5584\u30dd\u30a4\u30f3\u30c8<\/strong><\/h3>\n\n\n\n<p><strong>\u2460 Redis \u3092\u5c0e\u5165\u3057\u3066\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u5f37\u5316\u3059\u308b<\/strong><br>Laravel \u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u3084\u30bb\u30c3\u30b7\u30e7\u30f3\u7ba1\u7406\u3092 <code>file<\/code> \u3067\u306f\u306a\u304f <strong>Redis \u306b\u5909\u66f4<\/strong> \u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u8aad\u307f\u66f8\u304d\u304c\u9ad8\u901f\u306b\u306a\u308a\u307e\u3059\u3002<br><strong><code>docker-compose.yml<\/code> \u306b Redis \u3092\u8ffd\u52a0<\/strong> \u3057\u3001<code>.env<\/code> \u306e\u8a2d\u5b9a\u3092\u5909\u66f4\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<p><strong>Redis \u3092\u6709\u52b9\u306b\u3059\u308b<\/strong><\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-graphql\" data-lang=\"GraphQL\"><code>CACHE_DRIVER=redis\nSESSION_DRIVER=redis\nQUEUE_CONNECTION=redis<\/code><\/pre><\/div>\n\n\n\n<p>\u2705 <strong>\u30c7\u30fc\u30bf\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u304c\u52b9\u7387\u5316\u3055\u308c\u3001DB \u30af\u30a8\u30ea\u306e\u56de\u6570\u304c\u6e1b\u308b\u305f\u3081\u9ad8\u901f\u5316<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><strong>\u2461 Laravel Octane \u3092\u5c0e\u5165\u3057\u3066\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30ec\u30b9\u30dd\u30f3\u30b9\u3092\u9ad8\u901f\u5316\u3059\u308b<\/strong><br>Laravel Octane \u3092\u4f7f\u3046\u3068\u3001<strong>\u30ea\u30af\u30a8\u30b9\u30c8\u3054\u3068\u306e\u30d5\u30eb\u30d6\u30fc\u30c8\u3092\u56de\u907f<\/strong> \u3057\u3001\u30a2\u30d7\u30ea\u306e\u30ec\u30b9\u30dd\u30f3\u30b9\u901f\u5ea6\u304c\u5287\u7684\u306b\u5411\u4e0a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>Octane \u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/strong><\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-powershell\" data-lang=\"PowerShell\"><code>composer require laravel\/octane\nphp artisan octane:install\nphp artisan octane:start<\/code><\/pre><\/div>\n\n\n\n<p>\u2705 <strong>\u30b5\u30fc\u30d0\u30fc\u306e\u8d77\u52d5\u304c\u6700\u9069\u5316\u3055\u308c\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u51e6\u7406\u304c\u7206\u901f\u306b\uff01<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><strong>\u2462 Nginx + PHP-FPM \u3092\u5c0e\u5165\u3057\u3066 Docker \u74b0\u5883\u3092\u6700\u9069\u5316\u3059\u308b<\/strong><br>Apache \u3088\u308a\u3082\u8efd\u91cf\u306a <strong>Nginx + PHP-FPM \u3092\u4f7f\u7528<\/strong> \u3059\u308b\u3053\u3068\u3067\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u51e6\u7406\u306e\u901f\u5ea6\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<br>Docker \u3067 Laravel \u3092\u52d5\u304b\u3059\u5834\u5408\u3001<strong>\u30c7\u30d5\u30a9\u30eb\u30c8\u306e PHP \u30d3\u30eb\u30c8\u30a4\u30f3\u30b5\u30fc\u30d0\u30fc\u3067\u306f\u306a\u304f\u3001Nginx + PHP-FPM \u306b\u5207\u308a\u66ff\u3048\u308b<\/strong> \u306e\u3082\u30aa\u30b9\u30b9\u30e1\u3067\u3059\uff01<\/p>\n\n\n\n<p>\u2705 <strong>\u8ca0\u8377\u5206\u6563\u3084\u30ad\u30e3\u30c3\u30b7\u30e5\u6a5f\u80fd\u3092\u6d3b\u7528\u3067\u304d\u308b\u305f\u3081\u3001\u5927\u898f\u6a21\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u3082\u6700\u9069<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%F0%9F%8E%AF_%E3%81%BE%E3%81%A8%E3%82%81%EF%BC%9A%E8%A8%AD%E5%AE%9A%E3%82%92%E8%A6%8B%E7%9B%B4%E3%81%97%E3%81%A6%E5%BF%AB%E9%81%A9%E3%81%AA_Laravel_%E9%96%8B%E7%99%BA%E7%92%B0%E5%A2%83%E3%82%92%EF%BC%81\"><\/span><strong>\ud83c\udfaf \u307e\u3068\u3081\uff1a\u8a2d\u5b9a\u3092\u898b\u76f4\u3057\u3066\u5feb\u9069\u306a Laravel \u958b\u767a\u74b0\u5883\u3092\uff01<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Windows 11 \u3067 Docker \u00d7 Laravel \u3092\u4f7f\u3063\u3066\u3044\u308b\u3068\u3001\u74b0\u5883\u306b\u3088\u3063\u3066\u306f\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u304c\u60aa\u304f\u306a\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\u3057\u304b\u3057\u3001<strong>WSL2 \u306e\u8abf\u6574\u3084 Docker \u306e\u8a2d\u5b9a\u5909\u66f4\u3001Laravel \u306e\u30c1\u30e5\u30fc\u30cb\u30f3\u30b0\u3092\u9069\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u8868\u793a\u901f\u5ea6\u3092\u5927\u5e45\u306b\u6539\u5584\u3059\u308b\u3053\u3068\u304c\u53ef\u80fd\u3067\u3059\uff01<\/strong><\/p>\n\n\n\n<p>\ud83d\udccc <strong>\u4eca\u56de\u7d39\u4ecb\u3057\u305f\u65b9\u6cd5\u3092\u8a66\u3057\u3066\u3001\u5feb\u9069\u306a Laravel \u958b\u767a\u3092\u697d\u3057\u3093\u3067\u304f\u3060\u3055\u3044\uff01<\/strong> \ud83d\ude80<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. \u306f\u3058\u3081\u306b Windows 11 \u00d7 Docker \u3067 Laravel \u3092\u52d5\u304b\u3057\u3066\u3044\u308b\u3068\u3001\u30da\u30fc\u30b8\u306e\u8868\u793a\u304c\u9045\u3044\u3001\u30ec\u30b9\u30dd\u30f3\u30b9\u304c\u91cd\u3044 \u3068\u611f\u3058\u308b\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f \u7279\u306b\u958b\u767a\u74b0\u5883\u3067\u306f\u3001\u30d5\u30a1\u30a4\u30eb\u306e\u540c\u671f\u3084\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u51e6\u7406\u304c\u30dc\u30c8 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":212,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"vkexunit_cta_each_option":"","footnotes":""},"categories":[9,10],"tags":[],"class_list":["post-210","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-laravel","category-develop"],"_links":{"self":[{"href":"https:\/\/hexis.jp\/index.php?rest_route=\/wp\/v2\/posts\/210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hexis.jp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hexis.jp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hexis.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hexis.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=210"}],"version-history":[{"count":2,"href":"https:\/\/hexis.jp\/index.php?rest_route=\/wp\/v2\/posts\/210\/revisions"}],"predecessor-version":[{"id":227,"href":"https:\/\/hexis.jp\/index.php?rest_route=\/wp\/v2\/posts\/210\/revisions\/227"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hexis.jp\/index.php?rest_route=\/wp\/v2\/media\/212"}],"wp:attachment":[{"href":"https:\/\/hexis.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=210"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hexis.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=210"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hexis.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}