{"id":893,"date":"2023-05-17T21:44:41","date_gmt":"2023-05-17T12:44:41","guid":{"rendered":"https:\/\/shinke1987.net\/?p=893"},"modified":"2023-09-17T15:25:45","modified_gmt":"2023-09-17T06:25:45","slug":"laravel%e3%81%a7%e6%96%b0%e8%a6%8f%e3%83%9a%e3%83%bc%e3%82%b8%e3%82%92%e4%bd%9c%e6%88%90%e3%81%97%e3%81%a6%e3%81%bf%e3%82%8b","status":"publish","type":"post","link":"https:\/\/shinke1987.net\/?p=893","title":{"rendered":"Laravel\u3067\u65b0\u898f\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3057\u3066\u307f\u308b"},"content":{"rendered":"\n

\u76ee\u7684<\/h2>\n\n\n\n

resources\/views\/components \u5185\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3067\u3001
\u5358\u4f53\u3067\u8868\u793a\u53ef\u80fd\u306a\u3082\u306e\u3092\u8868\u793a\u3057\u3066\u307f\u308b\u3002<\/p>\n\n\n\n

\u7d50\u8ad6<\/h2>\n\n\n\n

Blade\u306b\u3064\u3044\u3066\u3082\u3063\u3068\u8a73\u3057\u304f\u306a\u308b\u3068\u3001
\u300cx-\u300d\u3067\u59cb\u307e\u308b\u30c7\u30a3\u30ec\u30af\u30c6\u30a3\u30d6\u3078\u306e\u7406\u89e3\u3092\u6df1\u3081\u308b\u3068\u3001
Laravel\u3092\u5229\u7528\u3057\u305f\u8868\u793a\u306b\u3064\u3044\u3066\u697d\u3060\u3068\u611f\u3058\u308b\u3053\u3068\u304c\u3067\u304d\u305d\u3046\u3002<\/p>\n\n\n\n

\u624b\u9806<\/h2>\n\n\n\n

\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u3092\u4f5c\u6210<\/h3>\n\n\n
\n$ .\/vendor\/bin\/sail artisan make:controller TestComponents\n<\/pre><\/div>\n\n\n
\u4f5c\u6210\u3057\u305f\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u3092\u958b\u3044\u3066\u3001\u6b21\u306e\u3088\u3046\u306b\u7de8\u96c6\u3059\u308b\u3002<\/p>\n\n\n
\n<?php\nnamespace App\\Http\\Controllers;\nuse Illuminate\\Http\\Request;\n\nclass TestComponents extends Controller\n{\n    public function showTestComponents() {\n        return view('TestComponents');\n    }\n}\n<\/pre><\/div>\n\n\n
\u30d3\u30e5\u30fc\u3092\u4f5c\u6210<\/h3>\n\n\n\n
resources\/views\/TestComponents.blade.php \u3092\u65b0\u898f\u4f5c\u6210\u3057\u3001\u6b21\u306e\u3088\u3046\u306b\u7de8\u96c6\u3059\u308b\u3002<\/p>\n\n\n
\n<!DOCTYPE html>\n<html lang="{{ str_replace('_', '-', app() -> getLocale()) }}">\n    <head>\n        <meta charset="utf-8">\n        \n        <title>TestComponents<\/title>\n\n        <!-- Scripts -->\n        @vite(['resources\/css\/app.css', 'resources\/js\/app.js'])\n    <\/head>\n    <body>\n        <br><br>\n        <x-primary-button>\n            x-primary-button\n        <\/x-primary-button>\n        <br><br>\n        <x-secondary-button>\n            x-secondary-button\n        <\/x-secondary-button>\n        <br><br>\n        <x-text-input>\n            x-text-input\n        <\/x-text-input>\n        <br><br>\n        <x-responsive-nav-link>\n            x-responsive-nav-link\n        <\/x-responsive-nav-link>\n        <br><br>\n        <x-nav-link>\n            x-nav-link\n        <\/x-nav-link>\n        <br><br>\n        <x-input-label>\n            x-input-label\n        <\/x-input-label>\n        <br><br>\n        <x-danger-button>\n            x-danger-button\n        <\/x-danger-button>\n        <br><br>\n        <x-application-logo>\n            x-application-logo\n        <\/x-application-logo>\n        <br><br>\n\n    <\/body>\n<\/html>\n<\/pre><\/div>\n\n\n
\u30eb\u30fc\u30c8\u3092\u4f5c\u6210<\/h3>\n\n\n\n
routes\/web.php \u306b\u4e0b\u8a18\u3092\u8ffd\u8a18\u3059\u308b\u3002<\/p>\n\n\n
\nuse App\\Http\\Controllers\\TestComponents;\nRoute::get('\/TestComponents', [TestComponents::class, 'showTestComponents']) -> name ('TestComponents');\n<\/pre><\/div>\n\n\n
\u4e0b\u8a18\u30b3\u30de\u30f3\u30c9\u3067\u5ff5\u306e\u305f\u3081\u306b\u3001\u6709\u52b9\u306b\u306a\u3063\u3066\u3044\u308b\u30eb\u30fc\u30c8\u8a2d\u5b9a\u306e\u4e00\u89a7\u3092\u8868\u793a\u3057\u3066\u78ba\u8a8d\u3057\u3066\u3082\u826f\u3044\u304b\u3082\u3057\u308c\u306a\u3044\u3002<\/p>\n\n\n
\n$ .\/vendor\/bin\/sail artisan route:list\n<\/pre><\/div>\n\n\n
\u6700\u5f8c\u306b\u78ba\u8a8d<\/h3>\n\n\n\n
http:\/\/localhost\/TestComponents \u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u3068\u6b21\u306e\u3088\u3046\u306b\u8868\u793a\u3055\u308c\u305f\u3002<\/p>\n\n\n\n
\"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"
\u76ee\u7684 resources\/views\/components \u5185\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3067\u3001\u5358\u4f53\u3067\u8868\u793a\u53ef\u80fd\u306a\u3082\u306e\u3092\u8868\u793a\u3057\u3066\u307f\u308b\u3002 \u7d50\u8ad6 Blade\u306b\u3064\u3044\u3066\u3082\u3063\u3068\u8a73\u3057\u304f\u306a\u308b\u3068\u3001\u300cx-\u300d\u3067\u59cb\u307e\u308b\u30c7\u30a3\u30ec\u30af\u30c6\u30a3\u30d6\u3078\u306e\u7406\u89e3\u3092\u6df1\u3081\u308b\u3068\u3001Lar […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[96,80],"tags":[88,81],"class_list":["post-893","post","type-post","status-publish","format-standard","hentry","category-laravel","category-php","tag-laravel","tag-php"],"_links":{"self":[{"href":"https:\/\/shinke1987.net\/index.php?rest_route=\/wp\/v2\/posts\/893","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shinke1987.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/shinke1987.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/shinke1987.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shinke1987.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=893"}],"version-history":[{"count":1,"href":"https:\/\/shinke1987.net\/index.php?rest_route=\/wp\/v2\/posts\/893\/revisions"}],"predecessor-version":[{"id":895,"href":"https:\/\/shinke1987.net\/index.php?rest_route=\/wp\/v2\/posts\/893\/revisions\/895"}],"wp:attachment":[{"href":"https:\/\/shinke1987.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=893"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shinke1987.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=893"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shinke1987.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=893"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}