{"id":2512,"date":"2025-03-24T08:47:08","date_gmt":"2025-03-23T23:47:08","guid":{"rendered":"https:\/\/dexall.co.jp\/articles\/?p=2512"},"modified":"2025-03-24T08:47:38","modified_gmt":"2025-03-23T23:47:38","slug":"%e3%80%90%e4%bf%9d%e5%ad%98%e7%89%88%e3%80%91laravel-blade%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac%e3%83%bc%e3%83%88%e3%82%a8%e3%83%b3%e3%82%b8%e3%83%b3%e5%ae%8c%e5%85%a8%e3%83%9e%e3%82%b9%e3%82%bf","status":"publish","type":"post","link":"https:\/\/dexall.co.jp\/articles\/?p=2512","title":{"rendered":"\u3010\u4fdd\u5b58\u7248\u3011Laravel Blade\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3\u5b8c\u5168\u30de\u30b9\u30bf\u30fc\u30ac\u30a4\u30c92025"},"content":{"rendered":"\n<div class=\"toc\"><br \/>\n<b>Warning<\/b>:  Undefined array key \"is_admin\" in <b>\/home\/xs392991\/dexall.co.jp\/public_html\/articles\/wp-content\/themes\/sango-theme\/library\/gutenberg\/dist\/classes\/Toc.php<\/b> on line <b>116<\/b><br \/>\n<br \/>\n<b>Warning<\/b>:  Undefined array key \"is_category_top\" in <b>\/home\/xs392991\/dexall.co.jp\/public_html\/articles\/wp-content\/themes\/sango-theme\/library\/gutenberg\/dist\/classes\/Toc.php<\/b> on line <b>121<\/b><br \/>\n<br \/>\n<b>Warning<\/b>:  Undefined array key \"is_top\" in <b>\/home\/xs392991\/dexall.co.jp\/public_html\/articles\/wp-content\/themes\/sango-theme\/library\/gutenberg\/dist\/classes\/Toc.php<\/b> on line <b>128<\/b><br \/>\n    <div id=\"toc_container\" class=\"sgb-toc--bullets js-smooth-scroll\" data-dialog-title=\"\u76ee\u6b21\">\n      <p class=\"toc_title\">\u76ee\u6b21 <\/p>\n      <ul class=\"toc_list\">  <li class=\"first\">    <a href=\"#i-0\">Laravel Blade\u3068\u306f\uff1f\u521d\u5fc3\u8005\u3067\u3082\u308f\u304b\u308b\u57fa\u790e\u77e5\u8b58<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-1\">PHP\u3068HTML\u3092\u7c21\u5358\u306b\u66f8\u3051\u308bLaravel\u306e\u516c\u5f0f\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3<\/a>      <\/li>      <li>        <a href=\"#i-2\">\u5f93\u6765\u306ePHP\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3068\u6bd4\u8f03\u3057\u305f\u969b\u306e\u5727\u5012\u7684\u306a\u30e1\u30ea\u30c3\u30c8<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-3\">\u6700\u65b0\u306eLaravel 11\u3067\u306eBlade\u306e\u9032\u5316\u30dd\u30a4\u30f3\u30c8<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-4\">Laravel Blade\u306e\u74b0\u5883\u69cb\u7bc9\u304b\u3089\u59cb\u3081\u308b\u5b9f\u8df5\u30ac\u30a4\u30c9<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-5\">\u65b0\u898f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u306eBlade\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u8a2d\u5b9a\u65b9\u6cd5<\/a>      <\/li>      <li>        <a href=\"#i-6\">\u65e2\u5b58\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3078\u306eBlade\u306e\u5c0e\u5165\u30b9\u30c6\u30c3\u30d7<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-7\">\u958b\u767a\u52b9\u7387\u3092\u4e0a\u3052\u308bVSCode\u62e1\u5f35\u6a5f\u80fd\u3068\u305d\u306e\u8a2d\u5b9a<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-8\">Blade\u69cb\u6587\u30de\u30b9\u30bf\u30fc\u3078\u306e\u9053\uff1a\u57fa\u672c\u304b\u3089\u5fdc\u7528\u307e\u3067<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-9\">\u5909\u6570\u306e\u51fa\u529b\u3068XSS\u5bfe\u7b56\u306e\u81ea\u52d5\u9069\u7528\u306e\u4ed5\u7d44\u307f<\/a>      <\/li>      <li>        <a href=\"#i-10\">\u5236\u5fa1\u69cb\u6587\uff08\u6761\u4ef6\u5206\u5c90\u30fb\u30eb\u30fc\u30d7\uff09\u306e\u5b9f\u8df5\u7684\u306a\u4f7f\u3044\u65b9<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-11\">\u30ec\u30a4\u30a2\u30a6\u30c8\u7d99\u627f\u3068\u30bb\u30af\u30b7\u30e7\u30f3\u7ba1\u7406\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-12\">\u5b9f\u52d9\u3067\u4f7f\u3048\u308b\uff01Blade\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u6d3b\u7528\u8853<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-13\">\u518d\u5229\u7528\u53ef\u80fd\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u8a2d\u8a08\u3068\u5b9f\u88c5<\/a>      <\/li>      <li>        <a href=\"#i-14\">\u30b9\u30ed\u30c3\u30c8\u3068\u30a2\u30c8\u30ea\u30d3\u30e5\u30fc\u30c8\u3092\u4f7f\u3063\u305f\u67d4\u8edf\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u958b\u767a<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-15\">\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u9593\u306e\u30c7\u30fc\u30bf\u53d7\u3051\u6e21\u3057\u3068\u30a4\u30d9\u30f3\u30c8\u9023\u643a<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-16\">\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u610f\u8b58\u3057\u305fBlade\u6d3b\u7528\u30c6\u30af\u30cb\u30c3\u30af<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-17\">\u30d3\u30e5\u30fc\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u6a5f\u80fd\u3092\u4f7f\u3063\u305f\u8868\u793a\u901f\u5ea6\u306e\u6700\u9069\u5316<\/a>      <\/li>      <li>        <a href=\"#i-18\">\u5927\u898f\u6a21\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u5206\u5272\u6226\u7565<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-19\">\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306e\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0\u3068\u6539\u5584\u65b9\u6cd5<\/a>      <\/li>    <\/ul>  <\/li>  <li class=\"last\">    <a href=\"#i-20\">\u73fe\u5834\u306e\u30d7\u30ed\u304c\u6559\u3048\u308b\u30c8\u30e9\u30d6\u30eb\u30b7\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-21\">\u3088\u304f\u3042\u308b\u30a8\u30e9\u30fc\u3068\u305d\u306e\u89e3\u6c7a\u65b9\u6cd5\u3092\u5177\u4f53\u4f8b\u3067\u89e3\u8aac<\/a>      <\/li>      <li>        <a href=\"#i-22\">\u30c7\u30d0\u30c3\u30b0\u30c4\u30fc\u30eb\u3092\u4f7f\u3063\u305f\u52b9\u7387\u7684\u306a\u554f\u984c\u89e3\u6c7a\u30d5\u30ed\u30fc<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-23\">\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30ea\u30b9\u30af\u3092\u56de\u907f\u3059\u308b\u305f\u3081\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/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\">Laravel Blade\u3068\u306f\uff1f\u521d\u5fc3\u8005\u3067\u3082\u308f\u304b\u308b\u57fa\u790e\u77e5\u8b58<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-1\">PHP\u3068HTML\u3092\u7c21\u5358\u306b\u66f8\u3051\u308bLaravel\u306e\u516c\u5f0f\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3<\/h3>\n\n\n\n<p>Blade\uff08\u30d6\u30ec\u30fc\u30c9\uff09\u306f\u3001Laravel\u304c\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3\u3067\u3059\u3002PHP\u3068HTML\u3092\u76f4\u611f\u7684\u306b\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u958b\u767a\u52b9\u7387\u3092\u5927\u5e45\u306b\u5411\u4e0a\u3055\u305b\u308b\u6a5f\u80fd\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3\u3068\u306f\u3001\u52d5\u7684\u306aWeb\u30da\u30fc\u30b8\u3092\u751f\u6210\u3059\u308b\u305f\u3081\u306e\u30c4\u30fc\u30eb\u3067\u3001\u30d7\u30ed\u30b0\u30e9\u30e0\u306e\u30ed\u30b8\u30c3\u30af\uff08PHP\uff09\u3068\u30d7\u30ec\u30bc\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3\uff08HTML\uff09\u3092\u52b9\u7387\u7684\u306b\u5206\u96e2\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002Blade\u306f\u3001\u3053\u306e\u5f79\u5272\u3092\u7279\u306b\u512a\u308c\u305f\u65b9\u6cd5\u3067\u5b9f\u73fe\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u57fa\u672c\u7684\u306a\u8a18\u6cd5\u4f8b\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{{-- Blade\u306e\u30b3\u30e1\u30f3\u30c8 --}}\n&lt;h1&gt;\u3088\u3046\u3053\u305d\u3001{{ $user-&gt;name }}\u3055\u3093&lt;\/h1&gt;\n\n@if (count($tasks) &gt; 0)\n    @foreach ($tasks as $task)\n        &lt;p&gt;{{ $task-&gt;title }}&lt;\/p&gt;\n    @endforeach\n@endif<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-2\">\u5f93\u6765\u306ePHP\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3068\u6bd4\u8f03\u3057\u305f\u969b\u306e\u5727\u5012\u7684\u306a\u30e1\u30ea\u30c3\u30c8<\/h3>\n\n\n\n<p>Blade\u306f\u3001\u5f93\u6765\u306ePHP\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3068\u6bd4\u8f03\u3057\u3066\u591a\u304f\u306e\u512a\u4f4d\u6027\u304c\u3042\u308a\u307e\u3059\uff1a<\/p>\n\n\n<div id=\"id-692769e9-75f4-4050-80f5-1f1c2a5e4d33\">\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u6a5f\u80fd<\/th><th>Blade<\/th><th>\u5f93\u6765\u306ePHP<\/th><\/tr><\/thead><tbody><tr><td>XSS\u5bfe\u7b56<\/td><td>\u81ea\u52d5\u30a8\u30b9\u30b1\u30fc\u30d7\u6a5f\u80fd<\/td><td>\u624b\u52d5\u3067htmlspecialchars()\u304c\u5fc5\u8981<\/td><\/tr><tr><td>\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u5316<\/td><td>\u6a19\u6e96\u6a5f\u80fd\u3068\u3057\u3066\u63d0\u4f9b<\/td><td>\u81ea\u524d\u3067\u5b9f\u88c5\u304c\u5fc5\u8981<\/td><\/tr><tr><td>\u30ad\u30e3\u30c3\u30b7\u30e5\u6a5f\u80fd<\/td><td>\u81ea\u52d5\u7684\u306b\u6700\u9069\u5316<\/td><td>\u624b\u52d5\u5b9f\u88c5\u304c\u5fc5\u8981<\/td><\/tr><tr><td>\u69cb\u6587\u306e\u7c21\u6f54\u3055<\/td><td>\u76f4\u611f\u7684\u3067\u7c21\u6f54<\/td><td>\u5197\u9577\u306b\u306a\u308a\u304c\u3061<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div>\n\n\n<p>\u7279\u7b46\u3059\u3079\u304d\u30e1\u30ea\u30c3\u30c8\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u958b\u767a\u52b9\u7387\u306e\u5411\u4e0a<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u76f4\u611f\u7684\u306a\u69cb\u6587\u306b\u3088\u308a\u3001\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u6642\u9593\u3092\u77ed\u7e2e<\/li>\n\n\n\n<li>\u8c4a\u5bcc\u306a\u30c7\u30a3\u30ec\u30af\u30c6\u30a3\u30d6\u306b\u3088\u308a\u3001\u8907\u96d1\u306a\u51e6\u7406\u3082\u7c21\u6f54\u306b\u8a18\u8ff0\u53ef\u80fd<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u4fdd\u5b88\u6027\u306e\u5411\u4e0a<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u518d\u5229\u7528\u306b\u3088\u308a\u3001\u30b3\u30fc\u30c9\u306e\u91cd\u8907\u3092\u524a\u6e1b<\/li>\n\n\n\n<li>\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u7d99\u627f\u6a5f\u80fd\u306b\u3088\u308a\u3001\u4e00\u8cab\u6027\u306e\u3042\u308b\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u7dad\u6301<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u306e\u5f37\u5316<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>XSS\u653b\u6483\u304b\u3089\u306e\u4fdd\u8b77\u304c\u6a19\u6e96\u88c5\u5099<\/li>\n\n\n\n<li>CSRF\u30c8\u30fc\u30af\u30f3\u306e\u81ea\u52d5\u633f\u5165\u6a5f\u80fd<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-3\">\u6700\u65b0\u306eLaravel 11\u3067\u306eBlade\u306e\u9032\u5316\u30dd\u30a4\u30f3\u30c8<\/h3>\n\n\n\n<p>Laravel 11\uff082024\u5e74\u30ea\u30ea\u30fc\u30b9\uff09\u3067\u306f\u3001Blade\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3\u304c\u3055\u3089\u306b\u9032\u5316\u3057\u3001\u3088\u308a\u5f37\u529b\u306a\u6a5f\u80fd\u304c\u8ffd\u52a0\u3055\u308c\u307e\u3057\u305f\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30a4\u30f3\u30e9\u30a4\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;x-button inline&gt;\n    {{ $slot }}\n&lt;\/x-button&gt;<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>Blade Stack \u306e\u6539\u5584<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u8907\u6570\u306e\u30b9\u30bf\u30c3\u30af\u3092\u52b9\u7387\u7684\u306b\u7ba1\u7406<\/li>\n\n\n\n<li>\u6761\u4ef6\u4ed8\u304d\u30b9\u30bf\u30c3\u30af\u8ffd\u52a0\u306e\u65b0\u69cb\u6587<\/li>\n<\/ul>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306e\u6700\u9069\u5316<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30b3\u30f3\u30d1\u30a4\u30eb\u6642\u306e\u6700\u9069\u5316\u5f37\u5316<\/li>\n\n\n\n<li>\u30ad\u30e3\u30c3\u30b7\u30e5\u6226\u7565\u306e\u6539\u5584<\/li>\n\n\n\n<li>\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u901f\u5ea6\u306e\u5411\u4e0a<\/li>\n<\/ul>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u958b\u767a\u8005\u4f53\u9a13\u306e\u5411\u4e0a<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u3088\u308a\u8a73\u7d30\u306a\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8<\/li>\n\n\n\n<li>IDE\u88dc\u5b8c\u6a5f\u80fd\u306e\u5f37\u5316<\/li>\n\n\n\n<li>\u30c7\u30d0\u30c3\u30b0\u6a5f\u80fd\u306e\u62e1\u5145<\/li>\n<\/ul>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u65b0\u6a5f\u80fd\u306b\u3088\u308a\u3001\u3088\u308a\u52b9\u7387\u7684\u3067\u4fdd\u5b88\u6027\u306e\u9ad8\u3044\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u958b\u767a\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3057\u305f\u3002Blade\u306f\u3001\u30e2\u30c0\u30f3\u306aWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306b\u304a\u3044\u3066\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3068\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3092\u7e4b\u3050\u91cd\u8981\u306a\u67b6\u3051\u6a4b\u3068\u3057\u3066\u306e\u5f79\u5272\u3092\u679c\u305f\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-4\">Laravel Blade\u306e\u74b0\u5883\u69cb\u7bc9\u304b\u3089\u59cb\u3081\u308b\u5b9f\u8df5\u30ac\u30a4\u30c9<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-5\">\u65b0\u898f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u306eBlade\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u8a2d\u5b9a\u65b9\u6cd5<\/h3>\n\n\n\n<p>\u65b0\u898f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067Blade\u3092\u4f7f\u3044\u59cb\u3081\u308b\u305f\u3081\u306e\u624b\u9806\u3092\u8aac\u660e\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Laravel\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u4f5c\u6210<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># Composer\u3092\u4f7f\u7528\u3057\u3066Laravel\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\ncomposer create-project laravel\/laravel my-project\n\n# \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u79fb\u52d5\ncd my-project\n\n# \u958b\u767a\u30b5\u30fc\u30d0\u30fc\u306e\u8d77\u52d5\nphp artisan serve<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>Blade\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u57fa\u672c\u8a2d\u5b9a<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ config\/view.php \u3067\u306e\u4e3b\u8981\u306a\u8a2d\u5b9a\u9805\u76ee\nreturn [\n    'paths' =&gt; [\n        \/\/ \u30d3\u30e5\u30fc\u30d5\u30a1\u30a4\u30eb\u306e\u683c\u7d0d\u5834\u6240\n        resource_path('views'),\n    ],\n\n    'compiled' =&gt; env(\n        'VIEW_COMPILED_PATH',\n        \/\/ \u30b3\u30f3\u30d1\u30a4\u30eb\u6e08\u307f\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u4fdd\u5b58\u5834\u6240\n        realpath(storage_path('framework\/views'))\n    ),\n];<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u69cb\u9020\u306e\u6574\u7406<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">resources\/\n\u2514\u2500\u2500 views\/\n    \u251c\u2500\u2500 layouts\/        # \u30ec\u30a4\u30a2\u30a6\u30c8\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\n    \u251c\u2500\u2500 components\/     # \u518d\u5229\u7528\u53ef\u80fd\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\n    \u251c\u2500\u2500 partials\/       # \u90e8\u5206\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\n    \u2514\u2500\u2500 pages\/          # \u5404\u30da\u30fc\u30b8\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-6\">\u65e2\u5b58\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3078\u306eBlade\u306e\u5c0e\u5165\u30b9\u30c6\u30c3\u30d7<\/h3>\n\n\n\n<p>\u65e2\u5b58\u306ePHP\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306bBlade\u3092\u5c0e\u5165\u3059\u308b\u624b\u9806\u3092\u89e3\u8aac\u3057\u307e\u3059\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Composer\u306e\u4f9d\u5b58\u95a2\u4fc2\u8ffd\u52a0<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># Laravel\u306eview\u95a2\u9023\u30d1\u30c3\u30b1\u30fc\u30b8\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\ncomposer require illuminate\/view illuminate\/filesystem<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30b5\u30fc\u30d3\u30b9\u30d7\u30ed\u30d0\u30a4\u30c0\u30fc\u306e\u8a2d\u5b9a<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ config\/app.php \u307e\u305f\u306f\u72ec\u81ea\u306e\u8a2d\u5b9a\u30d5\u30a1\u30a4\u30eb\n'providers' =&gt; [\n    Illuminate\\View\\ViewServiceProvider::class,\n],<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u65e2\u5b58\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u79fb\u884c\u624b\u9806<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>.php<\/code>\u30d5\u30a1\u30a4\u30eb\u3092<code>.blade.php<\/code>\u306b\u62e1\u5f35\u5b50\u3092\u5909\u66f4<\/li>\n\n\n\n<li>PHP\u306e\u57cb\u3081\u8fbc\u307f\u30b3\u30fc\u30c9\u3092Blade\u69cb\u6587\u306b\u7f6e\u63db<\/li>\n\n\n\n<li>\u30ec\u30a4\u30a2\u30a6\u30c8\u7d99\u627f\u306e\u5b9f\u88c5<\/li>\n<\/ul>\n\n\n\n<p>\u79fb\u884c\u4f8b\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u5909\u66f4\u524d\uff08\u5f93\u6765\u306ePHP\uff09\n&lt;h1&gt;&lt;?php echo htmlspecialchars($title); ?&gt;&lt;\/h1&gt;\n&lt;?php if($isLoggedIn): ?&gt;\n    &lt;p&gt;Welcome back!&lt;\/p&gt;\n&lt;?php endif; ?&gt;\n\n\/\/ \u5909\u66f4\u5f8c\uff08Blade\uff09\n&lt;h1&gt;{{ $title }}&lt;\/h1&gt;\n@if($isLoggedIn)\n    &lt;p&gt;Welcome back!&lt;\/p&gt;\n@endif<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-7\">\u958b\u767a\u52b9\u7387\u3092\u4e0a\u3052\u308bVSCode\u62e1\u5f35\u6a5f\u80fd\u3068\u305d\u306e\u8a2d\u5b9a<\/h3>\n\n\n\n<p>VS Code\u3067\u5feb\u9069\u306aBlade\u958b\u767a\u74b0\u5883\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30b9\u30b9\u30e1\u8a2d\u5b9a\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u5fc5\u9808\u62e1\u5f35\u6a5f\u80fd<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Laravel Blade Snippets<\/li>\n\n\n\n<li>\u30b3\u30fc\u30c9\u88dc\u5b8c\u3068\u69cb\u6587\u30cf\u30a4\u30e9\u30a4\u30c8<\/li>\n\n\n\n<li>\u30b9\u30cb\u30da\u30c3\u30c8\u306e\u63d0\u4f9b<\/li>\n\n\n\n<li>Laravel Blade Formatter<\/li>\n\n\n\n<li>\u81ea\u52d5\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u6a5f\u80fd<\/li>\n\n\n\n<li>\u30a4\u30f3\u30c7\u30f3\u30c8\u306e\u6700\u9069\u5316<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>VS Code\u8a2d\u5b9a\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{\n    \/\/ settings.json\n    \"blade.format.enable\": true,\n    \"blade.format.indentSize\": 4,\n    \"editor.formatOnSave\": true,\n    \"[blade]\": {\n        \"editor.defaultFormatter\": \"shufo.vscode-blade-formatter\",\n        \"editor.autoClosingBrackets\": \"always\"\n    },\n    \"emmet.includeLanguages\": {\n        \"blade\": \"html\"\n    }\n}<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u4fbf\u5229\u306a\u30b9\u30cb\u30da\u30c3\u30c8\u8a2d\u5b9a<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{\n    \/\/ blade.json\n    \"Blade Component\": {\n        \"prefix\": \"bcomp\",\n        \"body\": [\n            \"&lt;x-$1&gt;\",\n            \"    $2\",\n            \"&lt;\/x-$1&gt;\"\n        ]\n    },\n    \"Blade If Statement\": {\n        \"prefix\": \"bif\",\n        \"body\": [\n            \"@if($1)\",\n            \"    $2\",\n            \"@endif\"\n        ]\n    }\n}<\/pre>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li><strong>\u30c7\u30d0\u30c3\u30b0\u74b0\u5883\u306e\u8a2d\u5b9a<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Laravel Debug Bar\u306e\u5c0e\u5165<\/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=\"\">composer require barryvdh\/laravel-debugbar --dev<\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30c7\u30d0\u30c3\u30b0\u8a2d\u5b9a\u306e\u6700\u9069\u5316<\/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=\"\">\/\/ config\/debugbar.php\nreturn [\n    'enabled' =&gt; env('DEBUGBAR_ENABLED', true),\n    'collectors' =&gt; [\n        'views' =&gt; true,  \/\/ \u30d3\u30e5\u30fc\u306e\u53ce\u96c6\u3092\u6709\u52b9\u5316\n        'blade' =&gt; true,  \/\/ Blade\u30b3\u30f3\u30d1\u30a4\u30e9\u306e\u60c5\u5831\u53ce\u96c6\n    ],\n];<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u8a2d\u5b9a\u306b\u3088\u308a\u3001\u52b9\u7387\u7684\u306aBlade\u958b\u767a\u74b0\u5883\u304c\u6574\u3044\u307e\u3059\u3002\u7279\u306bVS Code\u306e\u62e1\u5f35\u6a5f\u80fd\u3068\u8a2d\u5b9a\u306f\u3001\u65e5\u3005\u306e\u958b\u767a\u52b9\u7387\u3092\u5927\u304d\u304f\u5411\u4e0a\u3055\u305b\u308b\u91cd\u8981\u306a\u8981\u7d20\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-8\">Blade\u69cb\u6587\u30de\u30b9\u30bf\u30fc\u3078\u306e\u9053\uff1a\u57fa\u672c\u304b\u3089\u5fdc\u7528\u307e\u3067<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-9\">\u5909\u6570\u306e\u51fa\u529b\u3068XSS\u5bfe\u7b56\u306e\u81ea\u52d5\u9069\u7528\u306e\u4ed5\u7d44\u307f<\/h3>\n\n\n\n<p>Blade\u3067\u306e\u5909\u6570\u51fa\u529b\u306f\u3001\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u3092\u8003\u616e\u3057\u305f\u8a2d\u8a08\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u57fa\u672c\u7684\u306a\u5909\u6570\u51fa\u529b<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{{-- \u57fa\u672c\u7684\u306a\u5909\u6570\u306e\u51fa\u529b\uff08\u81ea\u52d5\u3067\u30a8\u30b9\u30b1\u30fc\u30d7\u3055\u308c\u308b\uff09 --}}\n&lt;h1&gt;{{ $title }}&lt;\/h1&gt;\n\n{{-- HTML\u30a8\u30b9\u30b1\u30fc\u30d7\u3092\u7121\u52b9\u5316\uff08\u4fe1\u983c\u3067\u304d\u308b\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u307f\u4f7f\u7528\uff09 --}}\n&lt;div&gt;{!! $trustedHtml !!}&lt;\/div&gt;\n\n{{-- \u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u306e\u8a2d\u5b9a --}}\n&lt;p&gt;{{ $name ?? '\u30b2\u30b9\u30c8' }}&lt;\/p&gt;<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>XSS\u5bfe\u7b56\u306e\u4ed5\u7d44\u307f<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u5074\npublic function show()\n{\n    \/\/ \u6f5c\u5728\u7684\u306b\u5371\u967a\u306a\u6587\u5b57\u5217\n    $userInput = '&lt;script&gt;alert(\"XSS\")&lt;\/script&gt;';\n\n    return view('page', ['content' =&gt; $userInput]);\n}\n\n\/\/ Blade\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u5074\n{{-- \u81ea\u52d5\u7684\u306b\u30a8\u30b9\u30b1\u30fc\u30d7\u3055\u308c\u3066\u5b89\u5168\u306b\u51fa\u529b\u3055\u308c\u308b --}}\n&lt;div&gt;{{ $content }}&lt;\/div&gt;\n\n\/\/ \u51fa\u529b\u7d50\u679c\n&lt;div&gt;&amp;lt;script&amp;gt;alert(&amp;quot;XSS&amp;quot;)&amp;lt;\/script&amp;gt;&lt;\/div&gt;<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30a8\u30b9\u30b1\u30fc\u30d7\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u30ab\u30b9\u30bf\u30e0\u30a8\u30b9\u30b1\u30fc\u30d7\u51e6\u7406\u306e\u5b9a\u7fa9\nBlade::withoutDoubleEncoding();\n\n\/\/ \u7279\u5b9a\u306e\u5c5e\u6027\u306b\u5bfe\u3059\u308b\u30a8\u30b9\u30b1\u30fc\u30d7\u30eb\u30fc\u30eb\n&lt;div title=\"@{{ \u7279\u6b8a\u306a\u30a8\u30b9\u30b1\u30fc\u30d7 }}\"&gt;<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-10\">\u5236\u5fa1\u69cb\u6587\uff08\u6761\u4ef6\u5206\u5c90\u30fb\u30eb\u30fc\u30d7\uff09\u306e\u5b9f\u8df5\u7684\u306a\u4f7f\u3044\u65b9<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u6761\u4ef6\u5206\u5c90\u306e\u9ad8\u5ea6\u306a\u4f7f\u7528\u6cd5<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{{-- \u57fa\u672c\u7684\u306a\u6761\u4ef6\u5206\u5c90 --}}\n@if ($user-&gt;isAdmin())\n    &lt;span class=\"admin-badge\"&gt;\u7ba1\u7406\u8005&lt;\/span&gt;\n@elseif ($user-&gt;isModerator())\n    &lt;span class=\"mod-badge\"&gt;\u30e2\u30c7\u30ec\u30fc\u30bf\u30fc&lt;\/span&gt;\n@else\n    &lt;span class=\"user-badge\"&gt;\u4e00\u822c\u30e6\u30fc\u30b6\u30fc&lt;\/span&gt;\n@endif\n\n{{-- unless\uff08\u5426\u5b9a\u6761\u4ef6\uff09\u306e\u4f7f\u7528 --}}\n@unless (Auth::check())\n    &lt;a href=\"{{ route('login') }}\"&gt;\u30ed\u30b0\u30a4\u30f3\u3057\u3066\u304f\u3060\u3055\u3044&lt;\/a&gt;\n@endunless\n\n{{-- \u8a8d\u8a3c\u72b6\u614b\u306b\u3088\u308b\u5206\u5c90 --}}\n@auth\n    {{-- \u30ed\u30b0\u30a4\u30f3\u6e08\u307f\u30e6\u30fc\u30b6\u30fc\u306b\u306e\u307f\u8868\u793a --}}\n@endauth\n\n{{-- \u74b0\u5883\u306b\u3088\u308b\u5206\u5c90 --}}\n@production\n    {{-- \u672c\u756a\u74b0\u5883\u3067\u306e\u307f\u5b9f\u884c --}}\n@endproduction<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u52b9\u7387\u7684\u306a\u30eb\u30fc\u30d7\u51e6\u7406<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{{-- foreach\u30eb\u30fc\u30d7\u306e\u9ad8\u5ea6\u306a\u4f7f\u7528 --}}\n@foreach ($users as $user)\n    {{-- $loop\u5909\u6570\u306e\u6d3b\u7528 --}}\n    &lt;div class=\"user-item {{ $loop-&gt;first ? 'first' : '' }}\"&gt;\n        {{ $loop-&gt;iteration }}. {{ $user-&gt;name }}\n        @if ($loop-&gt;last)\n            &lt;span&gt;\u6700\u5f8c\u306e\u30e6\u30fc\u30b6\u30fc&lt;\/span&gt;\n        @endif\n    &lt;\/div&gt;\n@empty\n    &lt;p&gt;\u30e6\u30fc\u30b6\u30fc\u304c\u5b58\u5728\u3057\u307e\u305b\u3093&lt;\/p&gt;\n@endforeach\n\n{{-- \u30eb\u30fc\u30d7\u5909\u6570($loop)\u306e\u4fbf\u5229\u306a\u5c5e\u6027 --}}\n$loop-&gt;index      \/\/ \u73fe\u5728\u306e\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\uff080\u304b\u3089\u958b\u59cb\uff09\n$loop-&gt;iteration  \/\/ \u73fe\u5728\u306e\u7e70\u308a\u8fd4\u3057\u56de\u6570\uff081\u304b\u3089\u958b\u59cb\uff09\n$loop-&gt;remaining  \/\/ \u6b8b\u308a\u306e\u7e70\u308a\u8fd4\u3057\u56de\u6570\n$loop-&gt;count      \/\/ \u7dcf\u30a2\u30a4\u30c6\u30e0\u6570\n$loop-&gt;first      \/\/ \u6700\u521d\u306e\u7e70\u308a\u8fd4\u3057\u304b\u3069\u3046\u304b\n$loop-&gt;last       \/\/ \u6700\u5f8c\u306e\u7e70\u308a\u8fd4\u3057\u304b\u3069\u3046\u304b\n$loop-&gt;even\/odd   \/\/ \u5076\u6570\/\u5947\u6570\u56de\u76ee\u304b\u3069\u3046\u304b\n$loop-&gt;depth      \/\/ \u30cd\u30b9\u30c8\u3055\u308c\u305f\u30eb\u30fc\u30d7\u306e\u6df1\u3055\n$loop-&gt;parent     \/\/ \u30cd\u30b9\u30c8\u3055\u308c\u305f\u30eb\u30fc\u30d7\u306e\u89aa\u306e\u30eb\u30fc\u30d7\u5909\u6570<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-11\">\u30ec\u30a4\u30a2\u30a6\u30c8\u7d99\u627f\u3068\u30bb\u30af\u30b7\u30e7\u30f3\u7ba1\u7406\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u57fa\u672c\u7684\u306a\u30ec\u30a4\u30a2\u30a6\u30c8\u69cb\u9020<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{{-- layouts\/app.blade.php --}}\n&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n    &lt;title&gt;@yield('title', '\u30c7\u30d5\u30a9\u30eb\u30c8\u30bf\u30a4\u30c8\u30eb')&lt;\/title&gt;\n    @stack('styles')\n&lt;\/head&gt;\n&lt;body&gt;\n    @include('partials.header')\n\n    &lt;main&gt;\n        @yield('content')\n    &lt;\/main&gt;\n\n    @include('partials.footer')\n    @stack('scripts')\n&lt;\/body&gt;\n&lt;\/html&gt;\n\n{{-- pages\/home.blade.php --}}\n@extends('layouts.app')\n\n@section('title', '\u30db\u30fc\u30e0\u30da\u30fc\u30b8')\n\n@section('content')\n    &lt;h1&gt;\u3088\u3046\u3053\u305d&lt;\/h1&gt;\n    @include('partials.sidebar')\n    {{ $slot }}\n@endsection\n\n@push('scripts')\n    &lt;script src=\"{{ asset('js\/home.js') }}\"&gt;&lt;\/script&gt;\n@endpush<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30bb\u30af\u30b7\u30e7\u30f3\u7ba1\u7406\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u30bb\u30af\u30b7\u30e7\u30f3\u306e\u4f7f\u3044\u5206\u3051<\/strong><\/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=\"\">{{-- \u89aa\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u4e0a\u66f8\u304d --}}\n@section('sidebar')\n    @parent  {{-- \u89aa\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u4fdd\u6301 --}}\n    &lt;p&gt;\u8ffd\u52a0\u306e\u30b5\u30a4\u30c9\u30d0\u30fc\u30b3\u30f3\u30c6\u30f3\u30c4&lt;\/p&gt;\n@endsection\n\n{{-- \u8907\u6570\u884c\u306e\u30bb\u30af\u30b7\u30e7\u30f3 --}}\n@section('content')\n    &lt;div class=\"container\"&gt;\n        @foreach ($posts as $post)\n            @include('partials.post-card', ['post' =&gt; $post])\n        @endforeach\n    &lt;\/div&gt;\n@endsection<\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u30b9\u30bf\u30c3\u30af\u306e\u52b9\u7387\u7684\u306a\u4f7f\u7528<\/strong><\/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=\"\">{{-- CSS\u306e\u8ffd\u52a0 --}}\n@push('styles')\n    &lt;link href=\"{{ asset('css\/custom.css') }}\" rel=\"stylesheet\"&gt;\n@endpush\n\n{{-- \u6761\u4ef6\u4ed8\u304d\u30b9\u30bf\u30c3\u30af --}}\n@pushIf($shouldIncludeChart, 'scripts')\n    &lt;script src=\"{{ asset('js\/chart.js') }}\"&gt;&lt;\/script&gt;\n@endPushIf\n\n{{-- \u30b9\u30bf\u30c3\u30af\u306e\u5148\u982d\u306b\u8ffd\u52a0 --}}\n@prepend('scripts')\n    &lt;script src=\"{{ asset('js\/jquery.js') }}\"&gt;&lt;\/script&gt;\n@endprepend<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u69cb\u6587\u3068\u6a5f\u80fd\u3092\u9069\u5207\u306b\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u3001\u4fdd\u5b88\u6027\u304c\u9ad8\u304f\u3001\u30bb\u30ad\u30e5\u30a2\u306a\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002\u7279\u306b\u3001XSS\u5bfe\u7b56\u306e\u81ea\u52d5\u9069\u7528\u3068\u3001\u52b9\u7387\u7684\u306a\u30ec\u30a4\u30a2\u30a6\u30c8\u7ba1\u7406\u306f\u3001Blade\u306e\u5927\u304d\u306a\u5f37\u307f\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-12\">\u5b9f\u52d9\u3067\u4f7f\u3048\u308b\uff01Blade\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u6d3b\u7528\u8853<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-13\">\u518d\u5229\u7528\u53ef\u80fd\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u8a2d\u8a08\u3068\u5b9f\u88c5<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30af\u30e9\u30b9\u30d9\u30fc\u30b9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f5c\u6210<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u751f\u6210\nphp artisan make:component Alert<\/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=\"\">\/\/ app\/View\/Components\/Alert.php\nclass Alert extends Component\n{\n    public $type;\n    public $message;\n\n    public function __construct($type = 'info', $message = '')\n    {\n        $this-&gt;type = $type;\n        $this-&gt;message = $message;\n    }\n\n    public function render()\n    {\n        return view('components.alert');\n    }\n\n    \/\/ \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u72ec\u81ea\u306e\u30e1\u30bd\u30c3\u30c9\n    public function typeClass()\n    {\n        return [\n            'info' =&gt; 'bg-blue-100 text-blue-800',\n            'success' =&gt; 'bg-green-100 text-green-800',\n            'warning' =&gt; 'bg-yellow-100 text-yellow-800',\n            'error' =&gt; 'bg-red-100 text-red-800',\n        ][$this-&gt;type] ?? 'bg-gray-100';\n    }\n}<\/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=\"\">{{-- resources\/views\/components\/alert.blade.php --}}\n&lt;div {{ $attributes-&gt;merge(['class' =&gt; 'p-4 rounded-lg ' . $typeClass()]) }}&gt;\n    @if($slot-&gt;isEmpty())\n        {{ $message }}\n    @else\n        {{ $slot }}\n    @endif\n&lt;\/div&gt;<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u30d1\u30bf\u30fc\u30f3<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{{-- \u57fa\u672c\u7684\u306a\u4f7f\u7528\u65b9\u6cd5 --}}\n&lt;x-alert type=\"success\" message=\"\u64cd\u4f5c\u304c\u5b8c\u4e86\u3057\u307e\u3057\u305f\" \/&gt;\n\n{{-- \u30b9\u30ed\u30c3\u30c8\u3092\u4f7f\u7528\u3057\u305f\u5834\u5408 --}}\n&lt;x-alert type=\"warning\"&gt;\n    &lt;p&gt;\u8b66\u544a\uff1a\u3053\u306e\u64cd\u4f5c\u306f\u53d6\u308a\u6d88\u305b\u307e\u305b\u3093&lt;\/p&gt;\n&lt;\/x-alert&gt;\n\n{{-- \u5c5e\u6027\u306e\u30de\u30fc\u30b8 --}}\n&lt;x-alert type=\"error\" class=\"mt-4 mb-4\"&gt;\n    \u30ab\u30b9\u30bf\u30e0\u30af\u30e9\u30b9\u304c\u8ffd\u52a0\u3055\u308c\u307e\u3059\n&lt;\/x-alert&gt;<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-14\">\u30b9\u30ed\u30c3\u30c8\u3068\u30a2\u30c8\u30ea\u30d3\u30e5\u30fc\u30c8\u3092\u4f7f\u3063\u305f\u67d4\u8edf\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u958b\u767a<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u540d\u524d\u4ed8\u304d\u30b9\u30ed\u30c3\u30c8\u306e\u6d3b\u7528<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{{-- components\/card.blade.php --}}\n&lt;div class=\"card\"&gt;\n    &lt;div class=\"card-header\"&gt;\n        {{ $header }}\n    &lt;\/div&gt;\n    &lt;div class=\"card-body\"&gt;\n        {{ $slot }}\n    &lt;\/div&gt;\n    &lt;div class=\"card-footer\"&gt;\n        {{ $footer ?? '\u00a9 2025 Your Company' }}\n    &lt;\/div&gt;\n&lt;\/div&gt;\n\n{{-- \u4f7f\u7528\u4f8b --}}\n&lt;x-card&gt;\n    &lt;x-slot:header&gt;\n        &lt;h2&gt;\u30ab\u30fc\u30c9\u306e\u30bf\u30a4\u30c8\u30eb&lt;\/h2&gt;\n    &lt;\/x-slot:header&gt;\n\n    &lt;p&gt;\u30ab\u30fc\u30c9\u306e\u672c\u6587\u30b3\u30f3\u30c6\u30f3\u30c4&lt;\/p&gt;\n\n    &lt;x-slot:footer&gt;\n        &lt;button&gt;\u8a73\u7d30\u3092\u898b\u308b&lt;\/button&gt;\n    &lt;\/x-slot:footer&gt;\n&lt;\/x-card&gt;<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u52d5\u7684\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u5b9f\u88c5<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{{-- \u52d5\u7684\u306a\u30d5\u30a9\u30fc\u30e0\u30d5\u30a3\u30fc\u30eb\u30c9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 --}}\n&lt;div&gt;\n    @foreach($fields as $field)\n        &lt;x-dynamic-component\n            :component=\"'form.' . $field-&gt;type\"\n            :name=\"$field-&gt;name\"\n            :label=\"$field-&gt;label\"\n            :value=\"$field-&gt;value\"\n        \/&gt;\n    @endforeach\n&lt;\/div&gt;<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-15\">\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u9593\u306e\u30c7\u30fc\u30bf\u53d7\u3051\u6e21\u3057\u3068\u30a4\u30d9\u30f3\u30c8\u9023\u643a<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u9593\u306e\u901a\u4fe1\u30d1\u30bf\u30fc\u30f3<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u89aa\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\nclass DataTable extends Component\n{\n    public $items;\n    public $selectedItem = null;\n\n    protected $listeners = ['itemSelected'];\n\n    public function itemSelected($id)\n    {\n        $this-&gt;selectedItem = $id;\n        $this-&gt;emit('selectionChanged', $id);\n    }\n}\n\n{{-- \u5b50\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 --}}\n&lt;div&gt;\n    @foreach($items as $item)\n        &lt;x-table-row\n            :item=\"$item\"\n            :selected=\"$selectedItem === $item-&gt;id\"\n            wire:click=\"$emit('itemSelected', {{ $item-&gt;id }})\"\n        \/&gt;\n    @endforeach\n&lt;\/div&gt;<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u30b5\u30d6\u30b9\u30af\u30ea\u30d7\u30b7\u30e7\u30f3\u30d1\u30bf\u30fc\u30f3<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u30a4\u30d9\u30f3\u30c8\u3092\u767a\u884c\u3059\u308b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\nclass Notification extends Component\n{\n    public function notify($message)\n    {\n        $this-&gt;emit('notification', [\n            'message' =&gt; $message,\n            'timestamp' =&gt; now()\n        ]);\n    }\n}\n\n\/\/ \u30a4\u30d9\u30f3\u30c8\u3092\u8cfc\u8aad\u3059\u308b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\nclass NotificationListener extends Component\n{\n    protected $listeners = ['notification' =&gt; 'handleNotification'];\n\n    public function handleNotification($data)\n    {\n        \/\/ \u901a\u77e5\u306e\u51e6\u7406\n    }\n}<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u9ad8\u5ea6\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u30d1\u30bf\u30fc\u30f3<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\nclass ComponentFactory extends Component\n{\n    public function createComponent($type, $props = [])\n    {\n        $componentClass = \"App\\\\View\\\\Components\\\\\" . ucfirst($type);\n        return new $componentClass(...array_values($props));\n    }\n}\n\n\/\/ \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\nclass ComponentCollection extends Component\n{\n    public $components = [];\n\n    public function mount($components)\n    {\n        $this-&gt;components = collect($components)-&gt;map(function ($component) {\n            return [\n                'type' =&gt; $component['type'],\n                'props' =&gt; $component['props'] ?? [],\n                'key' =&gt; uniqid('component_')\n            ];\n        });\n    }\n\n    public function render()\n    {\n        return view('components.collection');\n    }\n}<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u30d1\u30bf\u30fc\u30f3\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u3001\u67d4\u8edf\u3067\u518d\u5229\u7528\u53ef\u80fd\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002\u7279\u306b\u3001\u5927\u898f\u6a21\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u306f\u3001\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u9593\u306e\u9069\u5207\u306a\u901a\u4fe1\u3068\u72b6\u614b\u7ba1\u7406\u304c\u91cd\u8981\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-16\">\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u610f\u8b58\u3057\u305fBlade\u6d3b\u7528\u30c6\u30af\u30cb\u30c3\u30af<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-17\">\u30d3\u30e5\u30fc\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u6a5f\u80fd\u3092\u4f7f\u3063\u305f\u8868\u793a\u901f\u5ea6\u306e\u6700\u9069\u5316<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30d3\u30e5\u30fc\u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u57fa\u672c\u8a2d\u5b9a<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ config\/view.php\nreturn [\n    'cache' =&gt; true,\n    'compiled' =&gt; storage_path('framework\/views'),\n];\n\n\/\/ \u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u624b\u52d5\u30af\u30ea\u30a2\nphp artisan view:clear<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u90e8\u5206\u7684\u306a\u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u5b9f\u88c5<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{{-- \u30bb\u30af\u30b7\u30e7\u30f3\u5358\u4f4d\u3067\u306e\u30ad\u30e3\u30c3\u30b7\u30e5 --}}\n@cache('user-profile-' . $user-&gt;id, 3600)\n    &lt;div class=\"profile-card\"&gt;\n        &lt;h2&gt;{{ $user-&gt;name }}&lt;\/h2&gt;\n        @include('partials.user-stats')\n    &lt;\/div&gt;\n@endcache\n\n{{-- \u6761\u4ef6\u4ed8\u304d\u30ad\u30e3\u30c3\u30b7\u30e5 --}}\n@cache(['key' =&gt; 'product-list', 'ttl' =&gt; 3600, 'if' =&gt; !Auth::check()])\n    @foreach($products as $product)\n        @include('partials.product-card')\n    @endforeach\n@endcache<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30ad\u30e3\u30c3\u30b7\u30e5\u30bf\u30b0\u306e\u6d3b\u7528<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u30ad\u30e3\u30c3\u30b7\u30e5\u30bf\u30b0\u3092\u4f7f\u7528\u3057\u305f\u95a2\u9023\u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u4e00\u62ec\u7ba1\u7406\nCache::tags(['products', 'frontend'])-&gt;remember('product-list', 3600, function () {\n    return view('products.index', [\n        'products' =&gt; Product::latest()-&gt;get()\n    ])-&gt;render();\n});\n\n\/\/ \u7279\u5b9a\u306e\u30bf\u30b0\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u30af\u30ea\u30a2\nCache::tags('products')-&gt;flush();<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-18\">\u5927\u898f\u6a21\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u5206\u5272\u6226\u7565<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u52b9\u7387\u7684\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u8a2d\u8a08<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u8efd\u91cf\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\nclass LightweightComponent extends Component\n{\n    \/\/ \u6700\u5c0f\u9650\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u30e1\u30bd\u30c3\u30c9\n    public $title;\n\n    public function __construct($title)\n    {\n        $this-&gt;title = $title;\n    }\n\n    \/\/ \u30ad\u30e3\u30c3\u30b7\u30e5\u30ad\u30fc\u306e\u5b9a\u7fa9\n    public function cacheKey(): string\n    {\n        return 'lightweight-component:' . md5($this-&gt;title);\n    }\n}\n\n\/\/ \u91cd\u3044\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u9045\u5ef6\u8aad\u307f\u8fbc\u307f\n&lt;div x-data=\"{ shown: false }\"&gt;\n    &lt;button @click=\"shown = true\"&gt;\u30c7\u30fc\u30bf\u3092\u8868\u793a&lt;\/button&gt;\n\n    &lt;template x-if=\"shown\"&gt;\n        &lt;x-heavy-data-table \/&gt;\n    &lt;\/template&gt;\n&lt;\/div&gt;<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u968e\u5c64\u5316<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u6a5f\u80fd\u3054\u3068\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u30b0\u30eb\u30fc\u30d7\u5316\ncomponents\/\n\u251c\u2500\u2500 layout\/\n\u2502   \u251c\u2500\u2500 Header.php\n\u2502   \u2514\u2500\u2500 Footer.php\n\u251c\u2500\u2500 ui\/\n\u2502   \u251c\u2500\u2500 Button.php\n\u2502   \u2514\u2500\u2500 Card.php\n\u2514\u2500\u2500 features\/\n    \u251c\u2500\u2500 UserProfile.php\n    \u2514\u2500\u2500 ProductList.php\n\n\/\/ \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u30cd\u30fc\u30e0\u30b9\u30da\u30fc\u30b9\u7ba1\u7406\n@props(['type' =&gt; 'primary'])\n\n&lt;x-ui.button :type=\"$type\"&gt;\n    {{ $slot }}\n&lt;\/x-ui.button&gt;<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30ea\u30bd\u30fc\u30b9\u6700\u9069\u5316<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u30a2\u30bb\u30c3\u30c8\u306e\u30d0\u30f3\u30c9\u30eb\n@pushOnce('scripts')\n    @vite(['resources\/js\/app.js'])\n@endPushOnce\n\n\/\/ \u6761\u4ef6\u4ed8\u304d\u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\n@if($shouldLoadChart)\n    @push('scripts')\n        &lt;script src=\"{{ asset('js\/chart.min.js') }}\" defer&gt;&lt;\/script&gt;\n    @endpush\n@endif<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-19\">\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306e\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0\u3068\u6539\u5584\u65b9\u6cd5<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0\u306e\u5b9f\u88c5<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u30d3\u30e5\u30fc\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u6642\u9593\u306e\u8a08\u6e2c\nclass ViewProfile\n{\n    public function handle($request, Closure $next)\n    {\n        $start = microtime(true);\n\n        $response = $next($request);\n\n        $renderTime = microtime(true) - $start;\n        Log::info(\"View rendered in {$renderTime}s\");\n\n        return $response;\n    }\n}\n\n\/\/ \u30c6\u30ec\u30e1\u30c8\u30ea\u30fc\u306e\u53ce\u96c6\nclass ViewTelemetry\n{\n    public static function track($view, $data)\n    {\n        $memory = memory_get_usage(true);\n        $components = count($data['components'] ?? []);\n\n        Telemetry::record([\n            'view' =&gt; $view,\n            'memory' =&gt; $memory,\n            'components' =&gt; $components,\n            'timestamp' =&gt; now()\n        ]);\n    }\n}<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6539\u5584\u30c6\u30af\u30cb\u30c3\u30af<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u6700\u9069\u5316\nclass OptimizedComponent extends Component\n{\n    \/\/ \u30e1\u30e2\u5316\u3092\u4f7f\u7528\u3057\u305f\u30c7\u30fc\u30bf\u53d6\u5f97\n    public function getData()\n    {\n        return cache()-&gt;remember(\n            'component-data-' . $this-&gt;id,\n            3600,\n            fn() =&gt; $this-&gt;computeExpensiveData()\n        );\n    }\n\n    \/\/ \u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u306e\u6700\u9069\u5316\n    public function shouldRender()\n    {\n        return $this-&gt;isVisible &amp;&amp; !$this-&gt;isArchived;\n    }\n}\n\n\/\/ \u30d3\u30e5\u30fc\u30b3\u30f3\u30d1\u30a4\u30e9\u306e\u6700\u9069\u5316\nclass OptimizedViewCompiler extends BladeCompiler\n{\n    protected function compileStatements($value)\n    {\n        \/\/ \u30ab\u30b9\u30bf\u30e0\u30b3\u30f3\u30d1\u30a4\u30eb\u6700\u9069\u5316\n        return parent::compileStatements($value);\n    }\n}<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u30e1\u30c8\u30ea\u30af\u30b9\u306e\u53ce\u96c6\nclass ViewPerformanceMonitor\n{\n    public static function collect()\n    {\n        return [\n            'compile_time' =&gt; self::getCompileTime(),\n            'render_time' =&gt; self::getRenderTime(),\n            'memory_usage' =&gt; self::getMemoryUsage(),\n            'cache_hits' =&gt; self::getCacheHits(),\n            'component_count' =&gt; self::getComponentCount()\n        ];\n    }\n\n    \/\/ \u30e1\u30c8\u30ea\u30af\u30b9\u306e\u8996\u899a\u5316\n    public function dashboard()\n    {\n        return view('admin.performance', [\n            'metrics' =&gt; self::collect(),\n            'trends' =&gt; self::getTrends(),\n            'alerts' =&gt; self::getAlerts()\n        ]);\n    }\n}<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u6700\u9069\u5316\u30c6\u30af\u30cb\u30c3\u30af\u3092\u9069\u5207\u306b\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u3001\u5927\u898f\u6a21\u306aBlade\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u3082\u9ad8\u3044\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u7dad\u6301\u3067\u304d\u307e\u3059\u3002\u7279\u306b\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u6226\u7565\u3068\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u9069\u5207\u306a\u5206\u5272\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u62e1\u5f35\u6027\u3092\u78ba\u4fdd\u3059\u308b\u4e0a\u3067\u91cd\u8981\u3067\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-20\">\u73fe\u5834\u306e\u30d7\u30ed\u304c\u6559\u3048\u308b\u30c8\u30e9\u30d6\u30eb\u30b7\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-21\">\u3088\u304f\u3042\u308b\u30a8\u30e9\u30fc\u3068\u305d\u306e\u89e3\u6c7a\u65b9\u6cd5\u3092\u5177\u4f53\u4f8b\u3067\u89e3\u8aac<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30b3\u30f3\u30d1\u30a4\u30eb\u30a8\u30e9\u30fc\u306e\u5bfe\u51e6<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u30a8\u30e9\u30fc1: Undefined variable\n@if($user-&gt;isAdmin)  \/\/ $user\u304c\u672a\u5b9a\u7fa9\n\/\/ \u89e3\u6c7a\u7b56\n@if(isset($user) &amp;&amp; $user-&gt;isAdmin)\n\n\/\/ \u30a8\u30e9\u30fc2: \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u304c\u898b\u3064\u304b\u3089\u306a\u3044\n&lt;x-custom-component \/&gt;  \/\/ \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u30af\u30e9\u30b9\u304c\u5b58\u5728\u3057\u306a\u3044\n\/\/ \u89e3\u6c7a\u7b56\nphp artisan view:clear  \/\/ \u30d3\u30e5\u30fc\u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u30af\u30ea\u30a2\nphp artisan cache:clear \/\/ \u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u30af\u30ea\u30a2\n\n\/\/ \u30a8\u30e9\u30fc3: \u30b9\u30bf\u30c3\u30af\u306e\u91cd\u8907\n@push('scripts')  \/\/ \u540c\u3058\u30b9\u30af\u30ea\u30d7\u30c8\u304c\u8907\u6570\u56de\u8ffd\u52a0\u3055\u308c\u308b\n\/\/ \u89e3\u6c7a\u7b56\n@pushOnce('scripts')\n    &lt;script src=\"{{ asset('js\/app.js') }}\"&gt;&lt;\/script&gt;\n@endPushOnce<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30ec\u30a4\u30a2\u30a6\u30c8\u95a2\u9023\u306e\u554f\u984c<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u30a8\u30e9\u30fc1: \u30bb\u30af\u30b7\u30e7\u30f3\u306e\u672a\u5b9a\u7fa9\n\/\/ layouts\/app.blade.php\n@yield('content')  \/\/ content\u30bb\u30af\u30b7\u30e7\u30f3\u304c\u5b50\u30d3\u30e5\u30fc\u3067\u5b9a\u7fa9\u3055\u308c\u3066\u3044\u306a\u3044\n\n\/\/ \u89e3\u6c7a\u7b56\n@yield('content', '\u30c7\u30d5\u30a9\u30eb\u30c8\u30b3\u30f3\u30c6\u30f3\u30c4')\n\n\/\/ \u30a8\u30e9\u30fc2: \u89aa\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u4e8c\u91cd\u8aad\u307f\u8fbc\u307f\n@extends('layouts.app')\n@extends('layouts.admin')  \/\/ \u8907\u6570\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u7d99\u627f\n\n\/\/ \u89e3\u6c7a\u7b56\n@extends('layouts.app')\n@section('admin-content')\n    @include('layouts.admin-content')\n@endsection<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30c7\u30fc\u30bf\u30d0\u30a4\u30f3\u30c7\u30a3\u30f3\u30b0\u306e\u554f\u984c<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u30a8\u30e9\u30fc: \u914d\u5217\u30c7\u30fc\u30bf\u306e\u4e0d\u9069\u5207\u306a\u30d0\u30a4\u30f3\u30c7\u30a3\u30f3\u30b0\n@foreach($items as $item)\n    {{ $item['name'] }}  \/\/ \u914d\u5217\u30ad\u30fc\u304c\u5b58\u5728\u3057\u306a\u3044\n@endforeach\n\n\/\/ \u89e3\u6c7a\u7b56\n@foreach($items as $item)\n    {{ $item['name'] ?? 'No Name' }}  \/\/ \u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u306e\u8a2d\u5b9a\n    @if(isset($item['name']))\n        {{ $item['name'] }}\n    @endif\n@endforeach<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-22\">\u30c7\u30d0\u30c3\u30b0\u30c4\u30fc\u30eb\u3092\u4f7f\u3063\u305f\u52b9\u7387\u7684\u306a\u554f\u984c\u89e3\u6c7a\u30d5\u30ed\u30fc<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Laravel Debugbar\u306e\u6d3b\u7528<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ debugbar\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3068\u8a2d\u5b9a\ncomposer require barryvdh\/laravel-debugbar --dev\n\n\/\/ \u30c7\u30d0\u30c3\u30b0\u60c5\u5831\u306e\u51fa\u529b\nDebugbar::info($variable);\nDebugbar::warning('\u8b66\u544a\u30e1\u30c3\u30bb\u30fc\u30b8');\nDebugbar::addMessage('\u30ab\u30b9\u30bf\u30e0\u30e1\u30c3\u30bb\u30fc\u30b8');\n\n\/\/ \u30d3\u30e5\u30fc\u30c7\u30d0\u30c3\u30b0\n@php\n    debugbar()-&gt;startMeasure('render-time', 'View Rendering Time');\n@endphp\n\n\/\/ \u51e6\u7406\u5185\u5bb9\n\n@php\n    debugbar()-&gt;stopMeasure('render-time');\n@endphp<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30b7\u30b9\u30c6\u30de\u30c6\u30a3\u30c3\u30af\u306a\u30c7\u30d0\u30c3\u30b0\u624b\u9806<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u30b9\u30c6\u30c3\u30d71: \u5909\u6570\u306e\u30c0\u30f3\u30d7\n&lt;div class=\"debug-info\"&gt;\n    @dump($variables)  \/\/ \u958b\u767a\u74b0\u5883\u3067\u306e\u307f\u8868\u793a\n&lt;\/div&gt;\n\n\/\/ \u30b9\u30c6\u30c3\u30d72: \u30ed\u30b0\u306e\u6d3b\u7528\n@php\n    Log::debug('\u30c7\u30d0\u30c3\u30b0\u60c5\u5831', [\n        'view' =&gt; 'user.profile',\n        'data' =&gt; $userData\n    ]);\n@endphp\n\n\/\/ \u30b9\u30c6\u30c3\u30d73: \u30c7\u30d0\u30c3\u30b0\u30d3\u30e5\u30fc\u306e\u4f5c\u6210\n\/\/ resources\/views\/debug\/view-data.blade.php\n@if(config('app.debug'))\n    &lt;div class=\"debug-panel\"&gt;\n        &lt;h3&gt;View Debug Information&lt;\/h3&gt;\n        &lt;pre&gt;{{ print_r(get_defined_vars()['__data'], true) }}&lt;\/pre&gt;\n    &lt;\/div&gt;\n@endif<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u5206\u6790<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u30d3\u30e5\u30fc\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u6642\u9593\u306e\u8a08\u6e2c\n$start = microtime(true);\n$view = view('user.profile', compact('user'))-&gt;render();\n$renderTime = microtime(true) - $start;\n\n\/\/ \u30e1\u30e2\u30ea\u4f7f\u7528\u91cf\u306e\u76e3\u8996\n$memoryBefore = memory_get_usage();\n\/\/ \u30d3\u30e5\u30fc\u306e\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\n$memoryAfter = memory_get_usage();\n$memoryUsed = $memoryAfter - $memoryBefore;<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-23\">\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30ea\u30b9\u30af\u3092\u56de\u907f\u3059\u308b\u305f\u3081\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>XSS\u5bfe\u7b56\u306e\u5fb9\u5e95<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u5b89\u5168\u306a\u30c7\u30fc\u30bf\u51fa\u529b\n\/\/ \u60aa\u3044\u4f8b\n{!! $userInput !!}  \/\/ \u30a8\u30b9\u30b1\u30fc\u30d7\u306a\u3057\n\n\/\/ \u826f\u3044\u4f8b\n{{ $userInput }}  \/\/ \u81ea\u52d5\u30a8\u30b9\u30b1\u30fc\u30d7\n@escaped($userInput)  \/\/ \u660e\u793a\u7684\u306a\u30a8\u30b9\u30b1\u30fc\u30d7\n\n\/\/ HTML\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u5b89\u5168\u306a\u51e6\u7406\nclass SafeHtmlComponent extends Component\n{\n    public $content;\n\n    public function __construct($content)\n    {\n        $this-&gt;content = strip_tags($content, [\n            'p', 'br', 'strong', 'em', 'a'\n        ]);\n    }\n}<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>CSRF\u30c8\u30fc\u30af\u30f3\u306e\u9069\u5207\u306a\u7ba1\u7406<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u30d5\u30a9\u30fc\u30e0\u3067\u306eCSRF\u5bfe\u7b56\n&lt;form method=\"POST\" action=\"\/update\"&gt;\n    @csrf\n    &lt;input type=\"text\" name=\"title\"&gt;\n&lt;\/form&gt;\n\n\/\/ API\u30ea\u30af\u30a8\u30b9\u30c8\u3067\u306eCSRF\u5bfe\u7b56\n$.ajaxSetup({\n    headers: {\n        'X-CSRF-TOKEN': $('meta[name=\"csrf-token\"]').attr('content')\n    }\n});<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30bb\u30ad\u30e5\u30a2\u306a\u8a2d\u5b9a\u7ba1\u7406<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u74b0\u5883\u5909\u6570\u306e\u5b89\u5168\u306a\u4f7f\u7528\n&lt;script&gt;\n    window.config = @json([\n        'env' =&gt; config('app.env'),\n        'debug' =&gt; config('app.debug'),\n        \/\/ \u6a5f\u5bc6\u60c5\u5831\u306f\u542b\u3081\u306a\u3044\n    ]);\n&lt;\/script&gt;\n\n\/\/ \u30bb\u30ad\u30e5\u30a2\u306a\u30bb\u30c3\u30b7\u30e7\u30f3\u7ba1\u7406\n\/\/ config\/session.php\nreturn [\n    'secure' =&gt; true,\n    'same_site' =&gt; 'lax',\n    'http_only' =&gt; true,\n];<\/pre>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li><strong>\u30a2\u30af\u30bb\u30b9\u5236\u5fa1\u306e\u5b9f\u88c5<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u30d3\u30e5\u30fc\u3067\u306e\u30a2\u30af\u30bb\u30b9\u5236\u5fa1\n@can('edit', $post)\n    &lt;a href=\"{{ route('posts.edit', $post) }}\"&gt;\u7de8\u96c6&lt;\/a&gt;\n@endcan\n\n\/\/ \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3067\u306e\u30a2\u30af\u30bb\u30b9\u5236\u5fa1\nclass SecureComponent extends Component\n{\n    public function render()\n    {\n        if (!auth()-&gt;user()-&gt;can('access-secure-content')) {\n            return '';  \/\/ \u6a29\u9650\u304c\u306a\u3044\u5834\u5408\u306f\u4f55\u3082\u8868\u793a\u3057\u306a\u3044\n        }\n\n        return view('components.secure');\n    }\n}<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u30c8\u30e9\u30d6\u30eb\u30b7\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0\u624b\u6cd5\u3068\u5b89\u5168\u5bfe\u7b56\u3092\u9069\u5207\u306b\u5b9f\u88c5\u3059\u308b\u3053\u3068\u3067\u3001\u3088\u308a\u5805\u7262\u306aBlade\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002\u7279\u306b\u3001\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56\u306f\u5e38\u306b\u6700\u65b0\u306e\u8105\u5a01\u306b\u5bfe\u5fdc\u3067\u304d\u308b\u3088\u3046\u3001\u5b9a\u671f\u7684\u306a\u898b\u76f4\u3057\u3068\u66f4\u65b0\u304c\u91cd\u8981\u3067\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Warning: Undefined array key &#8220;is_admin&#8221; in \/home\/xs392991\/dexall.co.jp\/public_html\/articles\/wp-content\/themes\/ &#8230; <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[],"class_list":{"0":"post-2512","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-php","7":"nothumb"},"_links":{"self":[{"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/posts\/2512","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=2512"}],"version-history":[{"count":2,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/posts\/2512\/revisions"}],"predecessor-version":[{"id":2514,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/posts\/2512\/revisions\/2514"}],"wp:attachment":[{"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2512"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2512"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}