{"id":2743,"date":"2026-07-17T10:43:03","date_gmt":"2026-07-17T01:43:03","guid":{"rendered":"https:\/\/biochemistry.isc.chubu.ac.jp\/labo\/suzuki\/?page_id=2743"},"modified":"2026-07-24T12:30:46","modified_gmt":"2026-07-24T03:30:46","slug":"laravel-02","status":"publish","type":"page","link":"https:\/\/biochemistry.isc.chubu.ac.jp\/labo\/suzuki\/programming\/php\/laravel-02","title":{"rendered":"Laravel\u306e\u30d3\u30e5\u30fc(blade)\u306e\u4f7f\u3044\u65b9"},"content":{"rendered":"<p>Laravel\u3092\u4f7f\u3063\u3066\u7814\u7a76\u5ba4\u306e\u6750\u6599\u30fb\u30b5\u30f3\u30d7\u30eb\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3092\u958b\u767a\u3057\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n<p>\u4ee5\u4e0b\u306e\u524d\u56de\u306e\u7d42\u4e86\u6642\u70b9\u306e\u72b6\u614b\u3092\u518d\u73fe\u3067\u304d\u307e\u3059\u3002<\/p>\n<pre class=\"console\">\n$ git clone https:\/\/kiku3.tsbio.info\/git\/study-laravel.git study_laravel\n$ git checkout step1\n<\/pre>\n<p>\u4e00\u5ea6\u3053\u3053\u3067\u81ea\u5206\u306e\u30d6\u30e9\u30f3\u30c1\u3092\u3064\u304f\u3063\u3066\u304a\u304f\u3068\u3088\u3044\u3067\u3059\u3002<\/p>\n<pre class=\"console\">\n$ git checkout -b my1\n<\/pre>\n<p>\u4eca\u5f8c\u306f\u57fa\u672c\u7684\u306bsrc\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3067\u4f5c\u696d\u3057\u307e\u3059\u3002VisualStudioCode\u3092\u4f7f\u3063\u3066\u3044\u308b\u5834\u5408\u306f\u3001<code>code src<\/code>\u3068\u3059\u308b\u3068\u3088\u3044\u3067\u3059\u3002<\/p>\n<h2>\u30eb\u30fc\u30c8(route)\u3068\u30d3\u30e5\u30fc(view)\u306e\u8a2d\u5b9a<\/h2>\n<p>WWW\u306e\u5143\u3005\u306e\u4ed5\u7d44\u307f\u3067\u306f\u3001http:\/\/host\/path\/to\/file \u3068\u3044\u3046URL\u304c\u3001host\u3068\u3044\u3046\u30b3\u30f3\u30d4\u30e5\u30fc\u30bf\u306e\u3001\/path\/to\/file \u3068\u3044\u3046\u30d5\u30a1\u30a4\u30eb\u3092\u6307\u3057\u793a\u3057\u3066\u3044\u307e\u3057\u305f\u3002\nfile\u304cPHP\u306e\u30d5\u30a1\u30a4\u30eb\u3067\u3042\u3063\u305f\u3068\u304d\u3001\u305d\u3053\u306b\u66f8\u304b\u308c\u305f\u30d7\u30ed\u30b0\u30e9\u30e0\u306b\u5f93\u3063\u3066\u3064\u304f\u3089\u308c\u305fHTML\u3092\u30d6\u30e9\u30a6\u30b6\u30fc\u304c\u8868\u793a\u3057\u307e\u3059\u3002<\/p>\n<p>laravel\u3067\u306fURL\u3068PHP\u306e\u30d5\u30a1\u30a4\u30eb\u304c\u5206\u96e2\u3055\u308c\u3066\u3044\u307e\u3059\u3002\n\u3064\u307e\u308a\u3001\u3069\u306eURL\u306b\u5bfe\u3057\u3066\u3001\u3069\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u52d5\u304b\u3059\u306e\u304b\u3068\u3044\u3046\u95a2\u4fc2\u3092\u81ea\u7531\u306b\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u305d\u308c\u306f\u30eb\u30fc\u30c8(route)\u306e\u8a2d\u5b9a\u3068\u3044\u3044\u307e\u3059\u3002<\/p>\n<h3>\u9759\u7684\u306aHTML\u3092\u8fd4\u3059\u30eb\u30fc\u30c8\u306e\u5b9a\u7fa9<\/h3>\n<p><\/p>\n<p>\u30d6\u30e9\u30a6\u30b6\u30fc\u304c\u30d9\u30fc\u30b9URL (\u3053\u3053\u3067\u306f\/\u3068\u3057\u307e\u3059)\u306b\u30a2\u30af\u30bb\u30b9\u3057\u305f\u3068\u304d\u306b\u3001\u4e0b\u8a18\u306e\u3088\u3046\u306a\u3082\u306e\u304c\u8868\u793a\u3055\u308c\u308b\u3088\u3046\u306b\u3057\u3066\u304d\u307e\u3059\u3002<\/p>\n<div class=\"code-block-wrapper\">\n  <h5 class=\"source-file\">\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u30a4\u30e1\u30fc\u30b8<\/h5>\n<\/div>\n<p><div id='page-sample' style='border:2px solid gray;padding:1em;'>\n  <div style='background-color: #1792f7; margin:0; padding:0; position:relative;'>\n    <h5 style='right:1em; top:0;margin:0; position:absolute;'>header<\/h5>\n    <h1 style='font-size:medium;padding-top:1em;padding-left:1em;font-size:1em;'>Lab&#8217;s stock<\/h1>\n    <ul style='margin:0;'>\n      <li style='display:inline;margin:0;border:1px solid black;background-color:#80FF80;padding: 0 1em 0 1em;'>\u30aa\u30ea\u30b4DNA<\/li>\n      <li style='display:inline;margin:0;border:1px solid black;background-color:#80FF80;padding: 0 1em 0 1em;'>\u7a2e<\/li>\n    <\/ul>\n  <\/div>\n  <div style='background-color: #FFFF80; margin:0;paddin:1em; position:relative;'>\n    <h5 style='right:1em; top:0;margin:0; position:absolute;'>main<\/h5>\n    <ul style='margin:0;'>\n      <li style='display:inline;margin:0;border:1px solid black;background-color:#80FF80;padding: 0 1em 0 1em;'>\u4e00\u89a7<\/li>\n      <li style='display:inline;margin:0;border:1px solid black;background-color:#80FF80;padding: 0 1em 0 1em;'>\u8ffd\u52a0<\/li>\n    <\/ul>\n    <table style='font-size: small; margin:1em;'>\n      <thead>\n        <tr><th>id<\/th><th>\u540d\u524d<\/th><th>\u914d\u5217<\/th><th>\u4f5c\u6210\u65e5<\/th><th>\u6240\u6709\u8005<\/th><\/tr>\n      <\/thead>\n      <tbody>\n        <tr><td>1<\/td><td>gene1_abc<\/td><td>ACGAGTC&#8230;<\/td><td>240102<\/td><td>\u4f50\u85e4<\/td><\/tr>\n        <tr><td>2<\/td><td>gene2_F<\/td><td>TCGAAGTC&#8230;<\/td><td>250516<\/td><td>\u9234\u6728<\/td><\/tr>\n        <tr><td>3<\/td><td>gene3_R<\/td><td>GGCAATC&#8230;<\/td><td>260720<\/td><td>\u9ad8\u6a4b<\/td><\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n<\/div>\n\n<\/p>\n<p>\u3053\u306e\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9(HTML)\u3092 <code>resoureces\/views<\/code> \u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b <code>index.blade.php<\/code>  \u3068\u3044\u3046\u540d\u524d\u3067\u3064\u304f\u308a\u307e\u3059\u3002\n\u3053\u306e <code>index.blade.php<\/code> \u3092\u30d3\u30e5\u30fc(view)\u3068\u547c\u3073\u307e\u3059\u3002<\/p>\n<div class=\"code-block-wrapper\">\n            <h5 class=\"source-file\">resources\/views\/index.blade.php<\/h5>\n    <pre class=\"code\">\n&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;ja&quot;&gt;\n&lt;body&gt;\n  &lt;header&gt;\n    &lt;h1&gt;My Lab&#039;s Stock&lt;\/h1&gt;\n    &lt;ul id=&#039;module-tabs&#039;&gt;\n      &lt;li&gt;&lt;a id=&#039;oligo-tab&#039; href=&#039;\/oligo&#039;&gt;\u30aa\u30ea\u30b4DNA&lt;\/a&gt;&lt;\/li&gt;\n    &lt;\/ul&gt;\n  &lt;\/header&gt;\n  &lt;main&gt;\n    &lt;div class=&#039;oligo-panel&#039;&gt;\n      &lt;ul id=&#039;oligo-tabs&#039;&gt;\n        &lt;li&gt;&lt;a id=&#039;oligo-index-tab&#039; href=&#039;\/oligo&#039;&gt;\u4e00\u89a7&lt;\/a&gt;&lt;\/li&gt;\n        &lt;li&gt;&lt;a id=&#039;oligo-create-tab&#039; href=&#039;\/oligo\/create&#039;&gt;\u8ffd\u52a0&lt;\/a&gt;&lt;\/li&gt;\n      &lt;\/ul&gt;\n      &lt;div class=&#039;feature-panels&#039;&gt;\n        &lt;div id=&#039;oligo-index-panel&#039;&gt;\n          &lt;table&gt;\n            &lt;thead&gt;\n              &lt;tr&gt;&lt;th&gt;id&lt;\/th&gt;&lt;th&gt;\u540d\u524d&lt;\/th&gt;&lt;th&gt;\u914d\u5217&lt;\/th&gt;&lt;th&gt;\u4f5c\u6210\u65e5&lt;\/th&gt;&lt;th&gt;\u6240\u6709\u8005&lt;\/th&gt;&lt;\/tr&gt;\n            &lt;\/thead&gt;\n            &lt;tbody&gt;\n              &lt;tr&gt;&lt;td&gt;1&lt;\/td&gt;&lt;td&gt;gene1_abc&lt;\/td&gt;&lt;td&gt;ACGAGTC...&lt;\/td&gt;&lt;td&gt;240102&lt;\/td&gt;&lt;td&gt;\u4f50\u85e4&lt;\/td&gt;&lt;\/tr&gt;\n              &lt;tr&gt;&lt;td&gt;2&lt;\/td&gt;&lt;td&gt;gene2_F&lt;\/td&gt;&lt;td&gt;TCGAAGTC...&lt;\/td&gt;&lt;td&gt;250516&lt;\/td&gt;&lt;td&gt;\u9234\u6728&lt;\/td&gt;&lt;\/tr&gt;\n              &lt;tr&gt;&lt;td&gt;3&lt;\/td&gt;&lt;td&gt;gene3_R&lt;\/td&gt;&lt;td&gt;GGCAATC...&lt;\/td&gt;&lt;td&gt;260720&lt;\/td&gt;&lt;td&gt;\u9ad8\u6a4b&lt;\/td&gt;&lt;\/tr&gt;\n            &lt;\/tbody&gt;\n          &lt;\/table&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n  &lt;\/main&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/pre>\n<\/div>\n<p>\/\u3078\u306e\u30a2\u30af\u30bb\u30b9\u3067\u3001<code>resources\/views\/index.blade.php<\/code> \u304c\u8868\u793a\u3055\u308c\u308b\u3088\u3046\u306b <code>routes\/web.php<\/code> \u3092\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u7de8\u96c6\u3057\u307e\u3059\u3002<\/p>\n<div class=\"code-block-wrapper\">\n            <h5 class=\"source-file\">routes\/web.php<\/h5>\n    <pre class=\"code\">\n&lt;?php\n \nuse Illuminate\\Support\\Facades\\Route;\n \n\/*\n * \u30d3\u30e5\u30fc\u3092\u8fd4\u3059\u3060\u3051\u306e\u30eb\u30fc\u30c8\n *\/\nRoute::get(&#039;\/&#039;, function () {\n    return view(&#039;index&#039;);  \/\/ \u3053\u3053\u3067\u6307\u5b9a\u3057\u305f\u540d\u524d\u306b.blade.php\u3092\u3064\u3051\u305f\u30d5\u30a1\u30a4\u30eb\u3092resources\/views\u4ee5\u4e0b\u306b\u3064\u304f\u308b\n});\n<\/pre>\n<\/div>\n<p><a href=\"http:\/\/localhost:8002\/\">http:\/\/localhost:8002\/<\/a> \u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u3068\u3001<code>index.blade.php<\/code> \u304c\u8868\u793a\u3055\u308c\u308b\u3053\u3068\u3092\u78ba\u304b\u3081\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<h2>blade\u3092\u4f7f\u3063\u305fHTML\u306e\u69cb\u9020\u5316<\/h2>\n<p><\/p>\n<p>blade\u306flaravel\u306e\u65e2\u5b9a\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30a8\u30f3\u30b8\u30f3\u3067\u3059\u3002\nblade\u306fHTML\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u4e2d\u306b\u3001PHP\u306e\u30c7\u30fc\u30bf(\u5909\u6570\u3084\u914d\u5217)\u3092\u57cb\u3081\u8fbc\u3093\u3067\u3001\u6700\u7d42\u7684\u306a\u30a6\u30a7\u30d6\u30da\u30fc\u30b8\u3092\u3064\u304f\u308a\u51fa\u3057\u307e\u3059\u3002\n\u4ee5\u4e0b\u3067\u793a\u3059\u3088\u3046\u306b\u3001\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u7d71\u4e00\u3084\u3001&lt;\u3084&gt;\u306a\u3069\u306e\u30a8\u30b9\u30b1\u30fc\u30d7\u51e6\u7406\u3092\u7c21\u5358\u306b\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u3066\u304f\u308c\u307e\u3059\u3002<\/p>\n<p>blade\u306e\u8a73\u3057\u3044\u8aac\u660e\u306f <a href=\"https:\/\/readouble.com\/laravel\/13.x\/ja\/blade.html\">https:\/\/readouble.com\/laravel\/13.x\/ja\/blade.html<\/a> \u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<p>\u30ea\u30bd\u30fc\u30b9(\u30aa\u30ea\u30b4DNA)\u306e\u4e00\u89a7(index)\u3068\u767b\u9332(create)\u306e\u30da\u30fc\u30b8\u3092\u3064\u304f\u3063\u3066\u3044\u304d\u307e\u3059\u3002\u305d\u308c\u305e\u308c\u306e\u30da\u30fc\u30b8\u3067\u8868\u793a\u3059\u308b\u56fa\u6709\u306e\u90e8\u5206\u3092 resources\/views\/oligo \u4ee5\u4e0b\u306b\u3001index.blade.php \u3068 create.blade.php \u3068\u3057\u3066\u3064\u304f\u308a\u307e\u3059\u3002<\/p>\n<div class=\"code-block-wrapper\">\n            <h5 class=\"source-file\">oligo\/index.blade.php<\/h5>\n    <pre class=\"code\">\n&lt;table&gt;\n  &lt;thead&gt;\n    &lt;tr&gt;&lt;th&gt;id&lt;\/th&gt;&lt;th&gt;\u540d\u524d&lt;\/th&gt;&lt;th&gt;\u914d\u5217&lt;\/th&gt;&lt;th&gt;\u4f5c\u6210\u65e5&lt;\/th&gt;&lt;th&gt;\u6240\u6709\u8005&lt;\/th&gt;&lt;\/tr&gt;\n  &lt;\/thead&gt;\n  &lt;tbody&gt;\n    &lt;tr&gt;&lt;td&gt;1&lt;\/td&gt;&lt;td&gt;gene1_abc&lt;\/td&gt;&lt;td&gt;ACGAGTC...&lt;\/td&gt;&lt;td&gt;240102&lt;\/td&gt;&lt;td&gt;\u4f50\u85e4&lt;\/td&gt;&lt;\/tr&gt;\n    &lt;tr&gt;&lt;td&gt;2&lt;\/td&gt;&lt;td&gt;gene2_F&lt;\/td&gt;&lt;td&gt;TCGAAGTC...&lt;\/td&gt;&lt;td&gt;250516&lt;\/td&gt;&lt;td&gt;\u9234\u6728&lt;\/td&gt;&lt;\/tr&gt;\n    &lt;tr&gt;&lt;td&gt;3&lt;\/td&gt;&lt;td&gt;gene3_R&lt;\/td&gt;&lt;td&gt;GGCAATC...&lt;\/td&gt;&lt;td&gt;260720&lt;\/td&gt;&lt;td&gt;\u9ad8\u6a4b&lt;\/td&gt;&lt;\/tr&gt;\n  &lt;\/tbody&gt;\n&lt;\/table&gt;\n<\/pre>\n<\/div>\ncreate.blade.php\u306e\u307b\u3046\u306f\u5f8c\u307b\u3069\u3064\u304f\u308b\u3053\u3068\u306b\u3057\u307e\u3059\u3002\n\u3053\u308c\u306f\u307e\u3060HTML\u3068\u3057\u3066\u306f\u4e0d\u5b8c\u5168\u3067\u3059\u304c\u3001\/oligo\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u3068\u8868\u793a\u3055\u308c\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002\n<p>\/oligo \u3078\u306e\u30a2\u30af\u30bb\u30b9\u3092 <code>resources\/views\/oligo<\/code> \u4ee5\u4e0b\u306e <code>index.blade.php<\/code> \u3078\u3001\/oligo\/create \u3078\u306e\u30a2\u30af\u30bb\u30b9\u3092 <code>create.blade.php<\/code> \u3078\u7d4c\u8def\u3092\u8a2d\u5b9a\u3059\u308b\u305f\u3081\u306b\u3001<code>routes\/web.php<\/code> \u3092\u7de8\u96c6\u3057\u307e\u3059\u3002<\/p>\n<div class=\"code-block-wrapper\">\n            <h5 class=\"source-file\">routes\/web.php<\/h5>\n    <pre class=\"code\">\n&lt;?php\n \nuse Illuminate\\Support\\Facades\\Route;\n \n\/*\n * \u30d3\u30e5\u30fc\u3092\u8fd4\u3059\u3060\u3051\u306e\u30eb\u30fc\u30c8\n *\/\nRoute::get(&#039;\/&#039;, function () {\n    return view(&#039;index&#039;);\n});\nRoute::get(&#039;\/oligo&#039;, function () {\n    return view(&#039;oligo.index&#039;);  \/\/ resources\/views\u4ee5\u4e0b\u306e\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306f . \u3067\u3064\u306a\u3050\n});\nRoute::get(&#039;\/oligo\/create&#039;, function () {\n    return view(&#039;oligo.create&#039;);  \/\/ resources\/views\u4ee5\u4e0b\u306e\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306f . \u3067\u3064\u306a\u3050\n});\n<\/pre>\n<\/div>\n<h3>\u5171\u901a\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u3064\u304f\u308a\u65b91 component<\/h3>\n<p>index\u3082create\u3082HTML\u306e\u69cb\u9020\u306e\u4e2d\u3067\u540c\u3058\u4f4d\u7f6e\u306b\u3042\u308a\u307e\u3059\u3002\u3053\u3053\u3067\u306f\u305d\u308c\u3092feature\u3068\u3044\u3046\u30af\u30e9\u30b9\u306b\u3057\u307e\u3059\u3002\n\u7814\u7a76\u5ba4\u306e\u6750\u6599\u3068\u3057\u3066\u7ba1\u7406\u3059\u308b\u30ea\u30bd\u30fc\u30b9(\u30aa\u30ea\u30b4DNA\u3068\u304b)\u3092 module \u3068\u3044\u3046\u30ec\u30d9\u30eb\u3067\u8868\u3057\u3001\u305d\u308c\u305e\u308c\u306e\u30ea\u30bd\u30fc\u30b9\u7ba1\u7406\u306b\u5fc5\u8981\u306a\u6a5f\u80fd\u3092 feature \u3068\u3044\u3046\u30ec\u30d9\u30eb\u3067\u8868\u3059\u3053\u3068\u306b\u3057\u307e\u3059\u3002<\/p>\n<p>index\u3068create\u3092\u540c\u3058\u30ec\u30d9\u30eb\u306e\u69cb\u9020\u3068\u3059\u308b\u305f\u3081\u306bdiv\u30bf\u30b0\u3067\u304f\u304f\u308a\u307e\u3059\u3002\u305d\u3057\u3066class\u5c5e\u6027\u3068\u3057\u3066feature-panel\u3092\u3064\u3051\u3001id\u3092oligo-index\u3068oligo-create\u3068\u3057\u307e\u3059\u3002\n\u3064\u307e\u308aHTML\u3092\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u69cb\u9020\u306b\u3057\u307e\u3059\u3002\n<div class=\"code-block-wrapper\">\n    <pre class=\"code\">\n&lt;\/p&gt;\n&lt;div id=&#039;oligo-index&#039; class=&#039;feature-panel&#039;&gt;index.blade.php\u306e\u4e2d\u8eab&lt;\/div&gt;\n<\/pre>\n<\/div>\n<p>\u5916\u5074\u306e div.feature-panel \u306e\u90e8\u5206\u306f\u3001index.blade.php \u3068 create.blade.php \u3067\u540c\u3058\u306a\u306e\u3067\u3001\u3053\u308c\u3092blade\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8(feature\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8)\u3068\u3057\u3066\u3064\u304f\u308a\u307e\u3059\u3002<\/p>\n<p>\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f <code>resources\/views\/components<\/code> \u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u4ee5\u4e0b\u306b\u3064\u304f\u308a\u307e\u3059\u3002\u4eca\u56de\u306f <code>feature.blade.php<\/code> \u3068\u3057\u307e\u3059\u3002<\/p>\n<div class=\"code-block-wrapper\">\n            <h5 class=\"source-file\">components\/feature.blade.php<\/h5>\n    <pre class=\"code\">\n&lt;div class=&#039;feature-panel&#039; {{ $attributes }}&gt;\n  {{ $slot }}\n&lt;\/div&gt;\n<\/pre>\n<\/div>\n<p>\u3053\u306efeature.blade.php\u3092\u4f7f\u3046\u305f\u3081\u306b\u3001index.blade.php\u3092\u4ee5\u4e0b\u306e\u7de8\u96c6\u3057\u307e\u3059\u3002\n<div class=\"code-block-wrapper\">\n            <h5 class=\"source-file\">oligo\/index.blade.php<\/h5>\n    <pre class=\"code\">\n&lt;x-feature id=&#039;oligo-index&#039;&gt;\n  &lt;table&gt;\n    &lt;thead&gt;\n      &lt;tr&gt;&lt;th&gt;id&lt;\/th&gt;&lt;th&gt;\u540d\u524d&lt;\/th&gt;&lt;th&gt;\u914d\u5217&lt;\/th&gt;&lt;th&gt;\u4f5c\u6210\u65e5&lt;\/th&gt;&lt;th&gt;\u6240\u6709\u8005&lt;\/th&gt;&lt;\/tr&gt;\n    &lt;\/thead&gt;\n    &lt;tbody&gt;\n      &lt;tr&gt;&lt;td&gt;1&lt;\/td&gt;&lt;td&gt;gene1_abc&lt;\/td&gt;&lt;td&gt;ACGAGTC...&lt;\/td&gt;&lt;td&gt;240102&lt;\/td&gt;&lt;td&gt;\u4f50\u85e4&lt;\/td&gt;&lt;\/tr&gt;\n      &lt;tr&gt;&lt;td&gt;2&lt;\/td&gt;&lt;td&gt;gene2_F&lt;\/td&gt;&lt;td&gt;TCGAAGTC...&lt;\/td&gt;&lt;td&gt;250516&lt;\/td&gt;&lt;td&gt;\u9234\u6728&lt;\/td&gt;&lt;\/tr&gt;\n      &lt;tr&gt;&lt;td&gt;3&lt;\/td&gt;&lt;td&gt;gene3_R&lt;\/td&gt;&lt;td&gt;GGCAATC...&lt;\/td&gt;&lt;td&gt;260720&lt;\/td&gt;&lt;td&gt;\u9ad8\u6a4b&lt;\/td&gt;&lt;\/tr&gt;\n    &lt;\/tbody&gt;\n  &lt;\/table&gt;\n&lt;\/x-feature&gt;\n<\/pre>\n<\/div>\n<\/p>\n<p>\/oligo \u3078\u30a2\u30af\u30bb\u30b9\u3059\u308b\u3068\u4ee5\u4e0b\u306eHTML\u304c\u8fd4\u3063\u3066\u304d\u307e\u3059\u3002<\/p>\n<div class=\"code-block-wrapper\">\n    <pre class=\"code\">\n&lt;div class=&#039;feature-panel&#039; id=&quot;oligo-index&quot;&gt;\n  &lt;table&gt;\n    &lt;thead&gt;\n      &lt;tr&gt;&lt;th&gt;id&lt;\/th&gt;&lt;th&gt;\u540d\u524d&lt;\/th&gt;&lt;th&gt;\u914d\u5217&lt;\/th&gt;&lt;th&gt;\u4f5c\u6210\u65e5&lt;\/th&gt;&lt;th&gt;\u6240\u6709\u8005&lt;\/th&gt;&lt;\/tr&gt;\n    &lt;\/thead&gt;\n    &lt;tbody&gt;\n      &lt;tr&gt;&lt;td&gt;1&lt;\/td&gt;&lt;td&gt;gene1_abc&lt;\/td&gt;&lt;td&gt;ACGAGTC...&lt;\/td&gt;&lt;td&gt;240102&lt;\/td&gt;&lt;td&gt;\u4f50\u85e4&lt;\/td&gt;&lt;\/tr&gt;\n      &lt;tr&gt;&lt;td&gt;2&lt;\/td&gt;&lt;td&gt;gene2_F&lt;\/td&gt;&lt;td&gt;TCGAAGTC...&lt;\/td&gt;&lt;td&gt;250516&lt;\/td&gt;&lt;td&gt;\u9234\u6728&lt;\/td&gt;&lt;\/tr&gt;\n      &lt;tr&gt;&lt;td&gt;3&lt;\/td&gt;&lt;td&gt;gene3_R&lt;\/td&gt;&lt;td&gt;GGCAATC...&lt;\/td&gt;&lt;td&gt;260720&lt;\/td&gt;&lt;td&gt;\u9ad8\u6a4b&lt;\/td&gt;&lt;\/tr&gt;\n    &lt;\/tbody&gt;\n  &lt;\/table&gt;\n&lt;\/div&gt;\n<\/pre>\n<\/div>\n<p>routes\/web.php \u304c \/oligo \u3078\u306e\u30a2\u30af\u30bb\u30b9\u306b\u5bfe\u3057 resources\/views\/oligo\/index.blade.php \u3092\u8fd4\u3059\u3088\u3046\u306b\u8a2d\u5b9a\u3055\u308c\u3066\u3044\u307e\u3059\u3002index.blade.php\u306e\u4e2d\u306b\u3042\u308b <code>&lt;x-feature&gt;<\/code> \u304cblade\u306b\u5bfe\u3057\u3066\u3001components\/feature.blade.php\u3092\u547c\u3076\u6307\u793a\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u3068\u304d <code>&lt;x-feature&gt;<\/code> \u3067\u56f2\u307e\u308c\u305f\u90e8\u5206\u304c\u3001feature.blade.php\u306e\u4e2d\u3067\u306f <code>$slot<\/code> \u3068\u3044\u3046\u5909\u6570\u306b\u5165\u308a\u307e\u3059\u3002\u540c\u6642\u306b\u3001x-feature\u30bf\u30b0\u306e\u5c5e\u6027 (\u4eca\u56de\u306f<code>id='oligo-index'<\/code>) \u304c <code>$attributes<\/code> \u306b\u5165\u308a\u307e\u3059(<code>$attributes<\/code>\u306f <code>Illuminate\\View\\ComponentAttributeBag<\/code>\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8)\u3002feature.blade.php\u81ea\u8eab\u3082blade\u306b\u3088\u3063\u3066\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3055\u308c\u3001\u4e0a\u8a18\u306eHTML\u304c\u8fd4\u3063\u3066\u304d\u307e\u3059\u3002<\/p>\n<p>blade\u306e\u30d3\u30e5\u30fc\u306e\u4e2d\u3067\u306f x- \u3067\u59cb\u307e\u308bHTML\u30bf\u30b0\u306f\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u547c\u3073\u51fa\u3057\u307e\u3059\u3002<\/p>\n<p><code>{{ ... }}<\/code> \u306f <code>&lt;?php echo ... ?&gt;<\/code> \u306b\u7f6e\u304d\u63db\u3048\u3089\u308c\u307e\u3059\u3002<\/p>\n<h3>\u5171\u901a\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u3064\u304f\u308a\u65b92 extends<\/h3>\n<p>feature\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u3046\u3053\u3068\u3067\u3001index.blade.php\u3068create.blade.php\u3067\u5171\u901a\u306e\u69cb\u9020 <code>&lt;div class='feature-panel'&gt;<\/code> \u304c\u3064\u304f\u308c\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n<p>\u3053\u308c\u3092oligo module\u306efeatures\u306b\u3044\u308c\u308b\u69cb\u9020\u3092\u3064\u304f\u308a\u307e\u3059\u3002\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u306f\u305d\u308c\u305e\u308c\u72ec\u81ea\u306e\u6a5f\u80fd\u304c\u5fc5\u8981\u306a\u306e\u3067\u3001\u3053\u308c\u306f\u500b\u5225\u306b\u4f5c\u6210\u3057\u307e\u3059\u3002oligo\/module.blade.php\u3092\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u3064\u304f\u308a\u307e\u3059\u3002<\/p>\n<p><div class=\"code-block-wrapper\">\n            <h5 class=\"source-file\">oligo\/module.blade.php<\/h5>\n    <pre class=\"code\">\n&lt;!-- \u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30e1\u30cb\u30e5\u30fc --&gt;\n&lt;nav&gt;\n  &lt;ul class=&#039;module-tabs&#039; role=&#039;tablist&#039;&gt;\n    &lt;li&gt;&lt;a href=&#039;\/oligo\/index&#039; role=&#039;tab&#039; id=&#039;oligo-index-tab&#039;&gt;\u4e00\u89a7&lt;\/a&gt;&lt;\/li&gt;\n    &lt;li&gt;&lt;a href=&#039;\/oligo\/create&#039; role=&#039;tab&#039; id=&#039;oligo-create-tab&#039;&gt;\u8ffd\u52a0&lt;\/a&gt;&lt;\/li&gt;\n  &lt;\/ul&gt;\n&lt;\/nav&gt;\n \n&lt;!-- feature\u304c\u4e26\u3076\u3068\u3053\u308d --&gt;\n&lt;div class=&#039;features&#039;&gt;\n  @yield(&#039;feature&#039;)\n&lt;\/div&gt;\n<\/pre>\n<\/div>\n<\/p>\n<p>oligo\/module.blade.php \u3092\u547c\u3076\u3088\u3046\u306b oligo\/index.blade.php \u3092\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u7de8\u96c6\u3057\u307e\u3059\u3002<\/p>\n<div class=\"code-block-wrapper\">\n            <h5 class=\"source-file\">oligo\/index.blade.php<\/h5>\n    <pre class=\"code\">\n@extends(&#039;oligo.module&#039;)\n \n@section(&#039;feature&#039;)\n&lt;x-feature id=&#039;oligo-index&#039;&gt;\n  &lt;table&gt;\n    &lt;thead&gt;\n      &lt;tr&gt;&lt;th&gt;id&lt;\/th&gt;&lt;th&gt;\u540d\u524d&lt;\/th&gt;&lt;th&gt;\u914d\u5217&lt;\/th&gt;&lt;th&gt;\u4f5c\u6210\u65e5&lt;\/th&gt;&lt;th&gt;\u6240\u6709\u8005&lt;\/th&gt;&lt;\/tr&gt;\n    &lt;\/thead&gt;\n    &lt;tbody&gt;\n      &lt;tr&gt;&lt;td&gt;1&lt;\/td&gt;&lt;td&gt;gene1_abc&lt;\/td&gt;&lt;td&gt;ACGAGTC...&lt;\/td&gt;&lt;td&gt;240102&lt;\/td&gt;&lt;td&gt;\u4f50\u85e4&lt;\/td&gt;&lt;\/tr&gt;\n      &lt;tr&gt;&lt;td&gt;2&lt;\/td&gt;&lt;td&gt;gene2_F&lt;\/td&gt;&lt;td&gt;TCGAAGTC...&lt;\/td&gt;&lt;td&gt;250516&lt;\/td&gt;&lt;td&gt;\u9234\u6728&lt;\/td&gt;&lt;\/tr&gt;\n      &lt;tr&gt;&lt;td&gt;3&lt;\/td&gt;&lt;td&gt;gene3_R&lt;\/td&gt;&lt;td&gt;GGCAATC...&lt;\/td&gt;&lt;td&gt;260720&lt;\/td&gt;&lt;td&gt;\u9ad8\u6a4b&lt;\/td&gt;&lt;\/tr&gt;\n    &lt;\/tbody&gt;\n  &lt;\/table&gt;\n&lt;\/x-feature&gt;\n@endsection\n<\/pre>\n<\/div>\n<p>index.blade.php \u5185\u306e @section \u304b\u3089 @endsection \u3067\u56f2\u307e\u308c\u305f\u7bc4\u56f2\u304c feature \u3068\u3044\u3046\u5909\u6570\u306b\u5165\u308a\u307e\u3059\u3002oligo\/module.blade.php \u5074\u3067\u306f @yield(&#8216;feature&#8217;) \u3068\u3059\u308b\u3053\u3068\u3067\u3001feature\u5909\u6570 (\u3059\u306a\u308f\u3061 @section \u304b\u3089 @endsection\u306e\u90e8\u5206)\u306b\u7f6e\u304d\u63db\u3048\u3089\u308c\u307e\u3059\u3002@extends\u306e\u90e8\u5206\u304c oligo\/module.blade.php\u3092\u547c\u3076\u90e8\u5206\u3067\u3059\u3002<\/p>\n<p>\/oligo \u3078\u30a2\u30af\u30bb\u30b9\u3059\u308b\u3068\u4ee5\u4e0b\u306eHTML\u304c\u8fd4\u3063\u3066\u304d\u307e\u3059\u3002<\/p>\n<div class=\"code-block-wrapper\">\n    <pre class=\"code\">\n&lt;!-- \u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30e1\u30cb\u30e5\u30fc --&gt;\n&lt;nav&gt;\n  &lt;ul class=&#039;module-tabs&#039; role=&#039;tablist&#039;&gt;\n    &lt;li&gt;&lt;a href=&#039;\/oligo\/index&#039; role=&#039;tab&#039; id=&#039;oligo-index-tab&#039;&gt;\u4e00\u89a7&lt;\/a&gt;&lt;\/li&gt;\n    &lt;li&gt;&lt;a href=&#039;\/oligo\/create&#039; role=&#039;tab&#039; id=&#039;oligo-create-tab&#039;&gt;\u8ffd\u52a0&lt;\/a&gt;&lt;\/li&gt;\n  &lt;\/ul&gt;\n&lt;\/nav&gt;\n\n&lt;!-- feature\u304c\u4e26\u3076\u3068\u3053\u308d --&gt;\n&lt;div class=&#039;features&#039;&gt;\n  &lt;div class=&#039;feature-panel&#039; id=&quot;oligo-index&quot;&gt;\n  &lt;table&gt;\n    &lt;thead&gt;\n      &lt;tr&gt;&lt;th&gt;id&lt;\/th&gt;&lt;th&gt;\u540d\u524d&lt;\/th&gt;&lt;th&gt;\u914d\u5217&lt;\/th&gt;&lt;th&gt;\u4f5c\u6210\u65e5&lt;\/th&gt;&lt;th&gt;\u6240\u6709\u8005&lt;\/th&gt;&lt;\/tr&gt;\n    &lt;\/thead&gt;\n    &lt;tbody&gt;\n      &lt;tr&gt;&lt;td&gt;1&lt;\/td&gt;&lt;td&gt;gene1_abc&lt;\/td&gt;&lt;td&gt;ACGAGTC...&lt;\/td&gt;&lt;td&gt;240102&lt;\/td&gt;&lt;td&gt;\u4f50\u85e4&lt;\/td&gt;&lt;\/tr&gt;\n      &lt;tr&gt;&lt;td&gt;2&lt;\/td&gt;&lt;td&gt;gene2_F&lt;\/td&gt;&lt;td&gt;TCGAAGTC...&lt;\/td&gt;&lt;td&gt;250516&lt;\/td&gt;&lt;td&gt;\u9234\u6728&lt;\/td&gt;&lt;\/tr&gt;\n      &lt;tr&gt;&lt;td&gt;3&lt;\/td&gt;&lt;td&gt;gene3_R&lt;\/td&gt;&lt;td&gt;GGCAATC...&lt;\/td&gt;&lt;td&gt;260720&lt;\/td&gt;&lt;td&gt;\u9ad8\u6a4b&lt;\/td&gt;&lt;\/tr&gt;\n    &lt;\/tbody&gt;\n  &lt;\/table&gt;\n&lt;\/div&gt;\n&lt;\/div&gt;\n<\/pre>\n<\/div>\n<h3>\u3055\u3089\u306b\u4e0a\u4f4d\u306e\u69cb\u9020\u3092\u3064\u304f\u308b<\/h3>\n<p>oligo\/module.blade.php \u306e div.module-panel \u3092\u304b\u3076\u305b\u307e\u3059\u3002\u305d\u308c\u3092 app.blade.php \u306b\u3044\u308c\u3066\u3001\u3055\u3089\u306b\u5916\u5074\u306b html.blade.php \u3092\u52a0\u3048\u307e\u3059\u3002<\/p>\n<p>blade\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u30d5\u30a1\u30a4\u30eb\u306e\u7f6e\u304d\u5834\u6240\u304c\u5b9a\u3081\u3089\u308c\u3066\u3044\u307e\u3059\u3002\u306a\u306e\u3067\u3001\u500b\u5225\u306e\u8a2d\u5b9a\u304c\u306f\u3044\u308b\u3082\u306e\u306fextends\u3092\u4f7f\u3046\u3088\u3046\u306b\u3059\u308b\u3068\u3088\u3044\u3067\u3059\u3002<\/p>\n<p><div class=\"code-block-wrapper\">\n            <h5 class=\"source-file\">oligo\/module.blade.php<\/h5>\n    <pre class=\"code\">\n@extends(&#039;layouts.app&#039;)\n \n@section(&#039;module&#039;)\n  &lt;x-module id=&#039;oligo&#039;&gt;\n    &lt;!-- \u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30e1\u30cb\u30e5\u30fc --&gt;\n    &lt;nav&gt;\n      &lt;ul class=&#039;module-tabs&#039; role=&#039;tablist&#039;&gt;\n        &lt;li&gt;&lt;a href=&#039;\/oligo\/index&#039; role=&#039;tab&#039; id=&#039;oligo-index-tab&#039;&gt;\u4e00\u89a7&lt;\/a&gt;&lt;\/li&gt;\n        &lt;li&gt;&lt;a href=&#039;\/oligo\/create&#039; role=&#039;tab&#039; id=&#039;oligo-create-tab&#039;&gt;\u8ffd\u52a0&lt;\/a&gt;&lt;\/li&gt;\n      &lt;\/ul&gt;\n    &lt;\/nav&gt;\n    \n    &lt;!-- feature\u304c\u4e26\u3076\u3068\u3053\u308d --&gt;\n    &lt;div class=&#039;features&#039;&gt;\n      @yield(&#039;feature&#039;)\n    &lt;\/div&gt;\n  &lt;\/x-module&gt;\n@endsection\n<\/pre>\n<\/div>\n<div class=\"code-block-wrapper\">\n            <h5 class=\"source-file\">components\/module.blade.php<\/h5>\n    <pre class=\"code\">\n&lt;div class=&#039;module-panel&#039; id=&quot;$module&quot; role=&quot;tabpanel&quot;&gt;\n  {{ $slot }}\n&lt;\/div&gt;\n<\/pre>\n<\/div>\n<div class=\"code-block-wrapper\">\n            <h5 class=\"source-file\">layouts\/app.blade.php<\/h5>\n    <pre class=\"code\">\n@extends(&#039;layouts.html&#039;)\n \n@section(&#039;body&#039;)\n  &lt;header&gt;\n    &lt;h1&gt;My Lab&#039;s Stock&lt;\/h1&gt;\n    &lt;ul id=&#039;module-tabs&#039;&gt;\n      &lt;li&gt;&lt;a id=&#039;oligo-tab&#039; href=&#039;\/oligo&#039;&gt;\u30aa\u30ea\u30b4DNA&lt;\/a&gt;&lt;\/li&gt;\n    &lt;\/ul&gt;\n  &lt;\/header&gt;\n  &lt;main id=&#039;modules&#039;&gt;\n    @yield(&#039;module&#039;)\n  &lt;\/main&gt;\n@endsection\n<\/pre>\n<\/div>\n<div class=\"code-block-wrapper\">\n            <h5 class=\"source-file\">layouts\/html.blade.php<\/h5>\n    <pre class=\"code\">\n&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;ja&quot;&gt;\n  &lt;head&gt;\n    &lt;meta charset=&quot;utf-8&quot;&gt;\n    &lt;title&gt;My Lab&#039;s Stock&lt;\/title&gt;\n  &lt;\/head&gt;\n  &lt;body&gt;\n    @yield(&#039;body&#039;)\n  &lt;\/body&gt;\n&lt;\/html&gt;\n<\/pre>\n<\/div>\n<\/p>\n<pre><code>module1\/feature1.blade.php\n  x-feature \u306b\u3088\u3063\u3066 components\/feature.blade.php \u3092\u547c\u3076\n  extends \u306b\u3088\u3063\u3066 module1\/module.blade.php \u3092\u547c\u3076\n\nmodule1\/module.blade.php\n  x-module \u306b\u3088\u3063\u3066 components\/module.blade.php \u3092\u547c\u3076\n  extends \u306b\u3088\u3063\u3066 layouts\/app.blade.php \u3092\u547c\u3076\n\nlayouts\/app.blade.php\n  extends \u306b\u3088\u3063\u3066 layouts\/html.blade.php \u3092\u547c\u3076\n\n&lt;!DOCTYPE html&gt; \u2190 layouts\/html.blade.php\n&lt;html lang=&quot;ja&quot;&gt;\n  &lt;head&gt;...&lt;\/head&gt;\n  &lt;body&gt;\n    &lt;header&gt;...&lt;\/header&gt; \u2190 layouts\/app.blade.php\n    &lt;main id=&#039;modules&#039;&gt;\n      &lt;div class=&#039;module-panel&#039;&gt; \u2190 components\/module.blade.php\n        &lt;nav&gt;...&lt;\/nav&gt; \u2190 module1\/module.blade.php\n        &lt;div class=&#039;features&#039;&gt;\n          &lt;div class=&#039;feature-panel&#039;&gt; \u2190 components\/feature.blade.php\n            &lt;!-- module1\/feature1.blade.php --&gt;\n          &lt;\/div&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n    &lt;\/main&gt;\n  &lt;\/body&gt;\n&lt;\/html&gt;\n\n<\/code><\/pre>\n<h2>blade\u306e\u4f7f\u3044\u304b\u305f<\/h2>\n<p>blade\u306e\u8a73\u3057\u3044\u8aac\u660e\u306f <a href=\"https:\/\/readouble.com\/laravel\/13.x\/ja\/blade.html\">https:\/\/readouble.com\/laravel\/13.x\/ja\/blade.html<\/a> \u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<h3>PHP\u306e\u30b3\u30fc\u30c9\u3092\u66f8\u304f<\/h3>\n<p>blade\u306e\u30d3\u30e5\u30fc\u306fPHP\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u3067\u3082\u3042\u308b\u306e\u3067\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u66f8\u304f\u3053\u3068\u304c\u3067\u304d\u308b\u3002<\/p>\n<div class=\"code-block-wrapper\">\n    <pre class=\"code\">\n&lt;?php\n  echo &#039;Hello&#039;;\n?&gt;\n<\/pre>\n<\/div>\n<p>blade\u306e @php \u30c7\u30a3\u30ec\u30af\u30c6\u30a3\u30d6\u3092\u4f7f\u3046\u3068\u6b21\u306e\u3088\u3046\u306b\u66f8\u3051\u308b\u3002\n<div class=\"code-block-wrapper\">\n    <pre class=\"code\">\n@php(echo &#039;Hello&#039;;)\n<\/pre>\n<\/div>\n<\/p>\n<p>\u8907\u6570\u884c\u306b\u6e21\u308b\u5834\u5408\u306f\u6b21\u306e\u3088\u3046\u306b\u3059\u308b\u3002\n<div class=\"code-block-wrapper\">\n    <pre class=\"code\">\n@php\n  $message = &quot;Hello&quot;;\n  echo $message;\n@endphp\n<\/pre>\n<\/div>\n<\/p>\n<h3>\u51fa\u529b<\/h3>\n<p>PHP\u306e\u5909\u6570\u306e\u5024\u306f{{ }}\u3067\u56f2\u3080\u3068\u3001echo htmlspecialchars(&#8230;) \u3068\u3044\u3046\u51e6\u7406\u304c\u3055\u308c\u308b\u3002\n<div class=\"code-block-wrapper\">\n    <pre class=\"code\">\n@php($var = &#039;Hello&#039;);\n{{ $var }} # Hello \u306b\u306a\u308b\n@php($var = &#039;&lt;h1&gt;Hello&lt;\/h1&gt;&#039;);\n{{ $var }} # &amp;lt;h1&amp;gt;Hello&amp;lt;\/h1&amp;gt; \u306b\u306a\u308b\n<\/pre>\n<\/div>\nhtmlspecialchars\u3055\u308c\u305f\u304f\u306a\u3044\u3068\u304d\u306f{!! !!}\u3067\u56f2\u3080\u3002\n<div class=\"code-block-wrapper\">\n    <pre class=\"code\">\n@php($var = &#039;&lt;h1&gt;Hello&lt;\/h1&gt;&#039;);\n{!! $var !!} # &lt;h1&gt;Hello&lt;\/h1&gt; \u306b\u306a\u308b\n<\/pre>\n<\/div>\n<\/p>\n<h3>\u5236\u5fa1\u69cb\u9020<\/h3>\n<p>\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30e1\u30cb\u30e5\u30fc\u306f foreach \u3092\u4f7f\u3063\u3066\u7e70\u308a\u8fd4\u3057\u306b\u3059\u308b\u3002\nblade\u306e\u30d3\u30e5\u30fc\u3067\u306f @foreach &#8211; @foreachend \u3068\u3044\u3046\u5f62\u3067\u4f7f\u3048\u308b\n<div class=\"code-block-wrapper\">\n            <h5 class=\"source-file\">oligo\/module.blade.php<\/h5>\n    <pre class=\"code\">\n@extends(&#039;layouts.app&#039;)\n \n@section(&#039;module&#039;)\n  &lt;x-module id=&#039;oligo&#039;&gt;\n    &lt;!-- \u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30e1\u30cb\u30e5\u30fc --&gt;\n    &lt;nav&gt;\n      &lt;ul class=&#039;module-tabs&#039; role=&#039;tablist&#039;&gt;\n        @foreach([\n          &#039;index&#039; =&gt; &#039;\u4e00\u89a7&#039;,\n          &#039;create&#039; =&gt; &#039;\u8ffd\u52a0&#039;,\n        ] as $page =&gt; $label)\n          &lt;li&gt;&lt;a href=&#039;\/oligo\/{{ $page }} &#039;id=&#039;oligo-{{ $page }}-tab&#039; role=&#039;tab&#039;&gt;{{ $label }}&lt;\/a&gt;&lt;\/li&gt;\n        @endforeach\n      &lt;\/ul&gt;\n    &lt;\/nav&gt;\n    \n    &lt;!-- feature\u304c\u4e26\u3076\u3068\u3053\u308d --&gt;\n    &lt;div class=&#039;features&#039;&gt;\n      @yield(&#039;feature&#039;)\n    &lt;\/div&gt;\n  &lt;\/x-module&gt;\n@endsection\n<\/pre>\n<\/div>\n<\/p>\n<p>\u540c\u69d8\u306b <code>@for<\/code>, <code>@while<\/code>, <code>@if<\/code>, <code>@elseif<\/code>, <code>@else<\/code>, <code>@switch<\/code>, <code>@case<\/code>, <code>@break<\/code>, <code>@default<\/code>, <code>@continue<\/code> \u306a\u3069\u3082\u4f7f\u3048\u308b\u3002<\/p>\n<p>blade\u306e\u62e1\u5f35\u3068\u3057\u3066\u3001<code>@isset($var)<\/code> = if(isset($var)), <code>@empty($var)<\/code> = if(empty($var)), <code>@unless<\/code> \u3082\u3042\u308b\u3002<\/p>\n<h3>.env\u306e\u8a2d\u5b9a\u5024\u306e\u6d3b\u7528<\/h3>\n<p>.env\u3067\u8a2d\u5b9a\u3057\u305f\u5024\u306f config\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u4ee5\u4e0b\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u901a\u3058\u3066laravel\u306e\u30b7\u30b9\u30c6\u30e0\u306b\u53d6\u308a\u8fbc\u307e\u308c\u308b\u3002config\u95a2\u6570\u3092\u4f7f\u3063\u3066\u3001\u305d\u306e\u5024\u3092\u53c2\u7167\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u3002<\/p>\n<p><code>.env<\/code> \u306e <code>APP_NAME<\/code> \u306f <code>config\/app.php<\/code> \u306e <code>'name' =&amp;gt; env('APP_NAME', 'Laravel')<\/code>\u3000\u3068\u3044\u3046\u8a18\u8ff0\u3092\u901a\u3058\u3066\u3001<code>app.name<\/code> \u306e\u5024\u306b\u306a\u308b\u3002\n<code>app.name<\/code> \u306e\u5024\u306f <code>config('app.name')<\/code> \u3068\u3057\u3066\u53d6\u5f97\u3067\u304d\u308b\u3002\nconfig \u95a2\u6570\u306e\u5f15\u6570\u306eapp\u306fconfig\/app.php\u306eapp\u3068\u5bfe\u5fdc\u3057\u3066\u3044\u308b\u3002\n\u540c\u69d8\u306bconfig\/services.php\u306e\u4e2d\u306b\u3042\u308b\u8a2d\u5b9a\u5024\u306f\u3001services.\u3092\u3064\u3051\u3066\u53d6\u5f97\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u3002<\/p>\n<p>html\u30bf\u30b0\u306elang\u5c5e\u6027\u3082 .env \u306eAPP_LOCALE\u304b\u3089\u53d6\u5f97\u3067\u304d\u308b\u3002<\/p>\n<p>\u3067\u304d\u308b\u3060\u3051\u8a2d\u5b9a\u5024\u3092\u53c2\u7167\u3059\u308b\u3088\u3046\u306b app.blade.php \u3068 html.blade.php \u3092\u66f8\u304d\u63db\u3048\u305f\u3002\n<div class=\"code-block-wrapper\">\n            <h5 class=\"source-file\">layouts\/app.blade.php<\/h5>\n    <pre class=\"code\">\n@extends(&#039;layouts.html&#039;)\n \n@section(&#039;body&#039;)\n  &lt;header&gt;\n    &lt;h1&gt;{{ config(&#039;app.name&#039;) }}&lt;\/h1&gt;\n    &lt;ul id=&#039;module-tabs&#039;&gt;\n      &lt;li&gt;&lt;a id=&#039;oligo-tab&#039; href=&#039;\/oligo&#039;&gt;\u30aa\u30ea\u30b4DNA&lt;\/a&gt;&lt;\/li&gt;\n    &lt;\/ul&gt;\n  &lt;\/header&gt;\n  &lt;main id=&#039;modules&#039;&gt;\n    @yield(&#039;module&#039;)\n  &lt;\/main&gt;\n@endsection\n<\/pre>\n<\/div>\n<\/p>\n<div class=\"code-block-wrapper\">\n            <h5 class=\"source-file\">layouts\/html.blade.php<\/h5>\n    <pre class=\"code\">\n&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;{{ config(&#039;app.locale&#039;) }}&quot;&gt;\n  &lt;head&gt;\n    &lt;meta charset=&quot;utf-8&quot;&gt;\n    &lt;title&gt;{{ config(&#039;app.name&#039;) }}&lt;\/title&gt;\n  &lt;\/head&gt;\n  &lt;body&gt;\n    @yield(&#039;body&#039;)\n  &lt;\/body&gt;\n&lt;\/html&gt;\n<\/pre>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Laravel\u3092\u4f7f\u3063\u3066\u7814\u7a76\u5ba4\u306e\u6750\u6599\u30fb\u30b5\u30f3\u30d7\u30eb\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3092\u958b\u767a\u3057\u3066\u3044\u304d\u307e\u3059\u3002 \u4ee5\u4e0b\u306e\u524d\u56de\u306e\u7d42\u4e86\u6642\u70b9\u306e\u72b6\u614b\u3092\u518d\u73fe\u3067\u304d\u307e\u3059\u3002 $ git clone https:\/\/kiku3.tsbio.info\/git\/study-la [&hellip;]","protected":false},"author":2,"featured_media":0,"parent":2658,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"page-programming.php","meta":{"footnotes":""},"class_list":["post-2743","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/biochemistry.isc.chubu.ac.jp\/labo\/suzuki\/wp-json\/wp\/v2\/pages\/2743","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/biochemistry.isc.chubu.ac.jp\/labo\/suzuki\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/biochemistry.isc.chubu.ac.jp\/labo\/suzuki\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/biochemistry.isc.chubu.ac.jp\/labo\/suzuki\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/biochemistry.isc.chubu.ac.jp\/labo\/suzuki\/wp-json\/wp\/v2\/comments?post=2743"}],"version-history":[{"count":164,"href":"https:\/\/biochemistry.isc.chubu.ac.jp\/labo\/suzuki\/wp-json\/wp\/v2\/pages\/2743\/revisions"}],"predecessor-version":[{"id":2939,"href":"https:\/\/biochemistry.isc.chubu.ac.jp\/labo\/suzuki\/wp-json\/wp\/v2\/pages\/2743\/revisions\/2939"}],"up":[{"embeddable":true,"href":"https:\/\/biochemistry.isc.chubu.ac.jp\/labo\/suzuki\/wp-json\/wp\/v2\/pages\/2658"}],"wp:attachment":[{"href":"https:\/\/biochemistry.isc.chubu.ac.jp\/labo\/suzuki\/wp-json\/wp\/v2\/media?parent=2743"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}