{"id":3194,"date":"2026-08-28T13:15:34","date_gmt":"2026-08-28T04:15:34","guid":{"rendered":"https:\/\/biochemistry.isc.chubu.ac.jp\/labo\/suzuki\/?page_id=3194"},"modified":"2026-08-28T13:21:34","modified_gmt":"2026-08-28T04:21:34","slug":"laravel-07","status":"publish","type":"page","link":"https:\/\/biochemistry.isc.chubu.ac.jp\/labo\/suzuki\/programming\/php\/laravel-07","title":{"rendered":"\u8a8d\u53ef\u3068\u30a2\u30af\u30bb\u30b9\u5236\u5fa1"},"content":{"rendered":"
\n \n \u524d\u56de\u7d42\u4e86\u6642\u306e\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\n <\/summary>\n

Laravel\u3092\u4f7f\u3063\u305f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306e\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u3057\u3066\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n

\n$ git clone https:\/\/kiku3.tsbio.info\/git\/study-laravel.git study_laravel\n<\/pre><\/div>\n\n
\u3053\u306e\u7ae0\u958b\u59cb\u6642\u70b9\u306e\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u306f chapt7 \u30d6\u30e9\u30f3\u30c1\u306b\u3042\u308a\u307e\u3059\u3002<\/p>\n
\n$ git switch chapt7\n<\/pre><\/div>\n\n
\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u3092\u81ea\u5206\u3067\u66f8\u3044\u3066\u3044\u304f\u5834\u5408\u306f\u3001\u81ea\u5206\u7528\u306e\u30d6\u30e9\u30f3\u30c1\u3092\u3064\u304f\u308b\u3068\u3088\u3044\u3067\u3059\u3002<\/p>\n
\n$ git switch -c my7 chapt7\n<\/pre><\/div>\n\n
Laravel\u306e\u30b3\u30fc\u30c9\u306fsrc\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u304b\u3089\u306e\u76f8\u5bfe\u30d1\u30b9\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n<\/details>\n\n\n
\u8a8d\u53ef (Authorization) \u3068<\/h2>\n
\u524d\u7ae0\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u8a8d\u8a3c (authentication) \u304c\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3057\u305f\u3002\n\u6b21\u306f\u3069\u306e\u30e6\u30fc\u30b6\u30fc\u306f\u4f55\u304c\u3067\u304d\u308b\u306e\u304b\u3092\u8a8d\u53ef (authorization) \u3059\u308b\u3057\u304f\u307f\u3092\u3064\u304f\u308a\u307e\u3059\u3002\nLaravel\u3067\u306f\u5f79\u5272 (role) \u3068\u6a29\u9650 (permission) \u3067\u30e6\u30fc\u30b6\u30fc\u306e\u30a2\u30af\u30bb\u30b9\u3092\u5236\u5fa1\u3057\u307e\u3059\u3002<\/p>\n
\u6a29\u9650\u306f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u6a5f\u80fd(\u4e3b\u306b\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u30c6\u30fc\u30d6\u30eb\u306b\u5bfe\u3059\u308b\u64cd\u4f5c)\u306b\u5bfe\u3057\u3066\u8a2d\u5b9a\u3057\u307e\u3059\u3002\noligo\u30c6\u30fc\u30d6\u30eb\u306b\u5bfe\u3057\u3066\u3001select\u3067\u304d\u308b\u6a29\u9650\u3001insert\u3067\u304d\u308b\u6a29\u9650\u3001\u3068\u3044\u3046\u3088\u3046\u611f\u3058\u3067\u3059\u3002\n\u4f8b\u3048\u3070select\u3067\u3042\u308c\u3070\u3001Oligo::all()<\/code> \u3068\u3044\u3046\u5f62\u3067\u30d7\u30ed\u30b0\u30e9\u30e0\u306e\u4e2d\u306b\u73fe\u308c\u308b\u306e\u3067\u3001\u3053\u306e\u90e8\u5206\u3092\u5b9f\u884c\u3067\u304d\u308b\u304b\u3069\u3046\u304b\u3068\u3044\u3046\u3088\u3046\u306b\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/p>\n
oligo\u30c6\u30fc\u30d6\u30eb\u306b\u5bfe\u3057\u3066select\u3067\u304d\u308b\u6a29\u9650\u3092oligo.read\u3068\u540d\u4ed8\u3051\u305f\u3068\u3057\u307e\u3059\u3002\n\u3053\u306e\u540d\u79f0\u81ea\u4f53\u304c\u306a\u306b\u304b\u306e\u52b9\u679c\u3092\u6301\u3064\u3082\u306e\u3067\u306f\u306a\u3044\u3053\u3068\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n\u6a29\u9650\u540d\u3092\u30d7\u30ed\u30b0\u30e9\u30e0\u306b\u95a2\u9023\u4ed8\u3051\u308b\u306e\u306f\u30d7\u30ed\u30b0\u30e9\u30de\u30fc\u306e\u8cac\u4efb\u3067\u3059\u3002\nOligo::all()<\/code>\u304c\u3042\u308b\u306e\u306fOligoController\u306eindex\u30e1\u30bd\u30c3\u30c9\u3067\u3059\u3002\noligo.read\u306e\u6a29\u9650\u3092\u3082\u3064\u30e6\u30fc\u30b6\u30fc\u306b\u306e\u307f Oligo::all()<\/code> \u3092\u5b9f\u884c\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u305f\u3081\u306b\u3001if($user->can('oligo.read')) Oligo::all();<\/code> \u3068\u3044\u3046\u3088\u3046\u306b\u30b3\u30fc\u30c9\u3092\u66f8\u304d\u307e\u3059\u3002\n\u8a8d\u53ef\u306f\u3001\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u3067\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u306e\u30e1\u30bd\u30c3\u30c9\u3078\u306e\u30a2\u30af\u30bb\u30b9\u3092\u5236\u5fa1\u3059\u308b\u65b9\u6cd5<\/strong>\u3001\u30e1\u30bd\u30c3\u30c9\u5185\u3067\u30b3\u30fc\u30c9\u306e\u5b9f\u884c\u3092\u5236\u5fa1\u3059\u308b\u65b9\u6cd5<\/strong>\u3001\u30d3\u30e5\u30fc\u3067\u8868\u793a\u3092\u5236\u5fa1\u3059\u308b\u65b9\u6cd5<\/strong>\u3001\u306a\u3069\u3067\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002<\/p>\n
\u30e6\u30fc\u30b6\u30fc\u3054\u3068\u306b\u6a29\u9650\u3092\u8a2d\u5b9a\u3057\u3066\u3044\u304f\u306e\u306f\u5927\u5909\u306a\u306e\u3067\u3001\u3044\u304f\u3064\u304b\u306e\u6a29\u9650\u3092\u30bb\u30c3\u30c8\u306b\u3057\u3066\u5f79\u5272 (role) \u3068\u3057\u307e\u3059\u3002\n\u3053\u306e\u5f79\u5272\u3092\u30e6\u30fc\u30b6\u30fc\u306b\u308f\u308a\u3042\u3066\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u3068\u6a29\u9650\u304c\u7d50\u3073\u4ed8\u3051\u3089\u308c\u3001\u6a29\u9650\u306e\u6709\u7121\u3092\u5224\u5b9a\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/p>\n
spatie\/laravel-permission\u3068\u3044\u3046\u30d1\u30c3\u30b1\u30fc\u30b8\u306f permissions\u3001roles\u306a\u3069\u306e\u30c6\u30fc\u30d6\u30eb\u3092\u3064\u304f\u308a\u3001users\u3068\u7d50\u5408\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/p>\n
spatie\/laravel-permission\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b<\/h3>\n
spatie\/laravel-permission\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3059\u3002\n\u7d9a\u3044\u3066\u30c6\u30fc\u30d6\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059 (migrate)\u3002<\/p>\n
\n# composer require spatie\/laravel-permission\n# artisan vendor:publish --provider=\"Spatie\\Permission\\PermissionServiceProvider\"\n# .\/artizan migrate\n<\/pre><\/div>\n
\u30e6\u30fc\u30b6\u30fc\u30e2\u30c7\u30eb\u306e\u4fee\u6b63<\/h3>\n
Spatie\u304c\u63d0\u4f9b\u3059\u308b\u6a29\u9650\u306e\u78ba\u8a8d\u306e\u305f\u3081\u306e\u30e1\u30bd\u30c3\u30c9\u3092Model\/User\u306b\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n
<\/p>\n
\n  
app\/Models\/User.php<\/h5>\n
\n<?php\n \nnamespace App\\Models;\n \n\/\/ use Illuminate\\Contracts\\Auth\\MustVerifyEmail;\nuse Database\\Factories\\UserFactory;\nuse Illuminate\\Database\\Eloquent\\Attributes\\Fillable;\nuse Illuminate\\Database\\Eloquent\\Attributes\\Hidden;\nuse Illuminate\\Database\\Eloquent\\Factories\\HasFactory;\nuse Illuminate\\Foundation\\Auth\\User as Authenticatable;\nuse Illuminate\\Notifications\\Notifiable;\nuse Spatie\\Permission\\Traits\\HasRoles;  \/\/ \u8a8d\u53ef\u306b\u95a2\u3059\u308b\u30e1\u30bd\u30c3\u30c9\u304c\u4f7f\u3048\u308b\u3088\u3046\u306b\u306a\u308b\n \n#[Fillable(['name', 'email', 'password'])]\n#[Hidden(['password', 'remember_token'])]\nclass User extends Authenticatable\n{\n    \/** @use HasFactory<UserFactory> *\/\n    use HasFactory, Notifiable, HasRoles; \/\/ HasRoles\u3092\u8ffd\u52a0\n \n    \/**\n     * Get the attributes that should be cast.\n     *\n     * @return array<string, string>\n     *\/\n    protected function casts(): array\n    {\n        return [\n            'email_verified_at' => 'datetime',\n            'password' => 'hashed',\n        ];\n    }\n}\n<\/pre>\n<\/div>\n
\u30c6\u30b9\u30c8\u30c7\u30fc\u30bf\u3092\u767b\u9332<\/h3>\n
tinker\u3067\u8a66\u3057\u307e\u3059\u3002<\/p>\n
\n# .\/artisan tinker\n> use Spatie\\Permission\\Models\\Permission\n> $ow = Permission::create(['name' => 'oligo.write'])  # oligo.write\u3068\u3044\u3046\u6a29\u9650\u3092\u8ffd\u52a0\n= Spatie\\Permission\\Models\\Permission {#294\n  guard_name: \"web\",\n  name: \"oligo.write\",\n  updated_at: \"2026-08-28 01:48:37\",\n  created_at: \"2026-08-28 01:48:37\",\n  id: 25,\n}\n> $or = Permission::create(['name' => 'oligo.read']) # oligo.read\u3068\u3044\u3046\u6a29\u9650\u3092\u8ffd\u52a0\n= Spatie\\Permission\\Models\\Permission {#7546\n  guard_name: \"web\",\n  name: \"oligo.read\",\n  updated_at: \"2026-08-28 01:48:48\",\n  created_at: \"2026-08-28 01:48:48\",\n  id: 26,\n}\n> use Spatie\\Permission\\Models\\Role\n> $role = Role::create(['name' => 'oligo.user']) # oligo.user\u3068\u3044\u3046\u5f79\u5272\u3092\u8ffd\u52a0\n= Spatie\\Permission\\Models\\Role {#8044\n  guard_name: \"web\",\n  name: \"oligo.user\",\n  updated_at: \"2026-08-28 01:49:36\",\n  created_at: \"2026-08-28 01:49:36\",\n  id: 2,\n}\n> $role->syncPermissions($or)  # oligo.user\u306boligo.read\u3092\u4ed8\u4e0e\n= Spatie\\Permission\\Models\\Role {#8044\n  guard_name: \"web\",\n  name: \"oligo.user\",\n  updated_at: \"2026-08-28 01:49:36\",\n  created_at: \"2026-08-28 01:49:36\",\n  id: 2,\n}\n> use App\\Models\\User\n> $user = User::first()\n= App\\Models\\User {#8891\n  id: 2,\n  name: \"test user\",\n  email: \"test@example.com\",\n  email_verified_at: null,\n  #password: \"\\$2yxxx\",\n  #remember_token: null,\n  created_at: \"2026-08-26 02:14:30\",\n  updated_at: \"2026-08-26 02:14:30\",\n}\n> $user->syncRoles($role)  # test user\u306boligo.user\u3068\u3044\u3046\u5f79\u5272\u3092\u4ed8\u4e0e\n> $user->can('oligo.read') # test user\u306foligo.read\u6a29\u9650\u3092\u6301\u3064\u304b? -> true\n= true\n>\u3000$user->can('oligo.write') # test user\u306foligo.write\u6a29\u9650\u3092\u6301\u3064\u304b? -> false\n= false\n<\/pre><\/div>\n
\u30a2\u30af\u30bb\u30b9\u5236\u5fa1<\/h2>\n
\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u6bb5\u968e\u3067\u306e\u30a2\u30af\u30bb\u30b9\u5236\u5fa1<\/h3>\n
\u30df\u30c9\u30eb\u30a6\u30a7\u30a2\u306b can:oligo.read \u3092\u8ffd\u52a0\u3059\u308b\u3002\noligo.write\u306b\u3059\u308b\u3068\u30a2\u30af\u30bb\u30b9\u3067\u304d\u306a\u304f\u306a\u308b\u3002<\/p>\n
<\/p>\n
\n  
routes\/oligo.php<\/h5>\n
\n<?php\n \nuse Illuminate\\Support\\Facades\\Route;\nuse App\\Http\\Controllers\\OligoController;\n \n\/\/ \u30aa\u30ea\u30b4DNA\u306e\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\nRoute::middleware(['auth', 'verified', 'can:oligo.read'])\n    \/* can\u306fAuthorize\u30df\u30c9\u30eb\u30a6\u30a7\u30a2\u306e\u5225\u540d\u3068\u3057\u3066\u767b\u9332\u3055\u308c\u3066\u3044\u308b\n     * oligo.read\u3092oligo.write\u306b\u5909\u3048\u308b\u3068 \/oligo \u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u306a\u304f\u306a\u308b\n     *\/\n    ->prefix('\/oligo')\n    ->as('web.oligo.')\n    ->group(function (){\n        Route::get('\/', [OligoController::class, 'index'])->name('index');\n        Route::get('\/search', [OligoController::class, 'search'])->name('search');\n        Route::get('\/create', [OligoController::class, 'create'])->name('create');\n        Route::post('\/', [OligoController::class, 'store'])->name('store');\n \n        \/\/ \u7de8\u96c6\u30d5\u30a9\u30fc\u30e0\u3068\u30c7\u30fc\u30bf\u66f4\u65b0\n        Route::get('\/edit', [OligoController::class, 'edit'])->name('edit');\n        Route::put('\/{item}', [OligoController::class, 'update'])->name('update');\n    });\n<\/pre>\n<\/div>\n
\u30c7\u30fc\u30bf\u53d6\u5f97\u6bb5\u968e\u3067\u306e\u30a2\u30af\u30bb\u30b9\u5236\u5fa1<\/h3>\n
Request\u304b\u3089User\u3092\u53d6\u5f97\u3057\u3066\u3001can\u3092\u4f7f\u3046\u3002\n\u307e\u305f\u306f Gate\u306eauthorize\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3059\u308b\u3002<\/p>\n
<\/p>\n
\n  
app\/Http\/Controllers\/OligoController.php<\/h5>\n
\n<?php\n \nnamespace App\\Http\\Controllers;\n \nuse App\\Models\\Oligo;\nuse App\\Services\\OligoService;\nuse App\\Http\\Requests\\OligoRequest;\nuse App\\Http\\Requests\\OligoSearchRequest;\nuse App\\Http\\Requests\\OligosRequest;\n \nclass OligoController\n{\n    public function __construct(\n        private OligoService $service\n    ) {\n    }\n \n    public function index(){\n \n        \/*\n         * oligo.read\u6a29\u9650\u304c\u4ed8\u4e0e\u3055\u308c\u3066\u3044\u308c\u3070\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3067\u304d\u308b\u3002\n         *\/\n        if(request()->user()->can('oligo.read')){\n            $items = Oligo::all();\n        }else{\n            $items = [];\n        }\n \n        return view('oligo.index', compact('items'))\n            ->fragmentIf(request()->hasHeader('HX-Request'), "feature-oligo-index")\n        ;\n    }\n \n    public function create(){\n        return view('oligo.create')\n            ->fragmentIf(request()->hasHeader('HX-Request'), "feature-oligo-create")\n        ;\n    }\n \n    public function store(OligosRequest $request){\n \n        \/*\n         * oligo.write\u6a29\u9650\u304c\u306a\u3051\u308c\u3070HTTP \u30ec\u30b9\u30dd\u30f3\u30b9 403\u3092\u51fa\u3057\u3066\u7d42\u4e86\u3059\u308b\n         *\/\n        \\Illuminate\\Support\\Facades\\Gate::authorize('oligo.write');\n        \n        try{\n            $oligos = $request->validOligos;\n            $data = $this->service->create($oligos);\n \n            return response()->json(array_merge($data, [\n                'status' => 'success', \n                'input' => $oligos,\n            ]), 200);\n        }catch(\\Throwable $e){\n            return response()->json(['status' => 'error', 'message' => $e->getMessage()], 400);\n        }\n    }\n \n    \/\/ \u691c\u7d22\n    public function search(OligoSearchRequest $request)\n    {\n        try{\n            $query = $request->validated();\n\t    $query['use_regex'] = $query['use_regex'] ?? false;\n            return response()->json([\n                'status' => 'success',\n                'data' => $this->service->search($query),\n            ], 200);\n \n        }catch(\\Throwable $e){\n            return response()->json(['status' => 'error', 'message' => $e->getMessage()], 400);\n        }\n    }\n \n    public function edit(){\n        return view('oligo.edit')\n            ->fragmentIf(request()->hasHeader('HX-Request'), "feature-oligo-edit")\n        ;\n    }\n \n    public function update(OligoRequest $request, Oligo $item){\n        try{\n            $item->update($request->validated());\n \n            return response()->json([\n                'status' => 'success', \n                'item' => $item,\n            ], 200);\n        }catch(\\Throwable $e){\n            return response()->json(['status' => 'error', 'message' => $e->getMessage()], 400);\n        }\n    }\n}\n<\/pre>\n<\/div>\n
\u30d3\u30e5\u30fc\u3067\u306e\u30a2\u30af\u30bb\u30b9\u5236\u5fa1<\/h3>\n
<\/p>\n
\n  
resources\/views\/oligo\/module.blade.php<\/h5>\n
\n@extends('layouts.app')\n \n@section('module')\n  @php($module = 'oligo')  {{-- \u30e2\u30b8\u30e5\u30fc\u30eb\u540d\u3092\u5909\u6570\u306b\u8a2d\u5b9a --}}\n  <x-module id='{{ $module }}'>\n    <!-- \u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30e1\u30cb\u30e5\u30fc -->\n    <nav>\n      <ul class='feature-tabs' role='tablist'>\n        @foreach([\n          {{-- \u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3054\u3068\u306e\u8a2d\u5b9a --}}\n          'index' => ['label' => '\u4e00\u89a7', 'permission' => 'read'],\n          'create' => ['label' => '\u8ffd\u52a0', 'permission' => 'write'],\n          'edit' => ['label' => '\u7de8\u96c6', 'permission' => 'write'],\n        ] as $page => $conf)\n          {{-- \u6a29\u9650\u306e\u6709\u7121\u3067\u9805\u76ee\u3092\u8868\u793a\u30fb\u975e\u8868\u793a\u306b\u3059\u308b --}}\n          @can("$module.${conf['permission']}")\n            <li class='feature-tab'\n              :class="{\n                'bg-white': activeFeature === '{{ $module }}-{{ $page }}',\n                'bg-gray-400 hover:bg-gray-200': activeFeature !== '{{ $module }}-{{ $page }}'\n              }"\n            >\n              <a href='{{ route("web.{$module}.{$page}") }}' id='{{ $module }}-{{ $page }}-tab' role='tab'\n                @click.prevent="selectTab(event)"\n              >\n                {{ $conf['label'] }}\n              <\/a>\n            <\/li>\n          @endcan\n        @endforeach\n        <li class='feature-tab bg-gray-400' x-text="activeFeature">\n        <\/li>\n      <\/ul>\n    <\/nav>\n    \n    <div class='features'\n      {{-- oligo\u30e2\u30b8\u30e5\u30fc\u30eb\u5168\u4f53\u3067\u4f7f\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u3053\u3053\u306bx-data\u3092\u5b9a\u7fa9\u3059\u308b --}}\n      x-data="{\n        items: [], \/\/ \u30c6\u30fc\u30d6\u30eb\u304b\u3089\u62bd\u51fa\u3055\u308c\u305f\u30c7\u30fc\u30bf\u3002\u4eca\u5f8c\u66f4\u65b0\u3084\u524a\u9664\u306e\u6a5f\u80fd\u3067\u3082\u4f7f\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u3001\u3053\u3053(#features)\u306b\u5b9a\u7fa9\u3059\u308b\u3002\n        query: {}, \/\/ \u691c\u7d22\u306e\u6761\u4ef6\u3002x-model\u3068\u3057\u3066\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u3067\u5165\u529b\u30d5\u30a9\u30fc\u30e0\u306e\u5024\u304c\u305d\u306e\u307e\u307eJavascript\u3067\u4f7f\u7528\u3067\u304d\u308b\n \n        \/\/ \u691c\u7d22 fetch\u306f\u975e\u540c\u671f(async)\u306b\u5b9f\u884c\u3055\u308c\u308b\u306e\u3067\u3001\u305d\u308c\u306b\u305d\u308d\u3048\u308b\n        async search(){\n          const parameter = new URLSearchParams(this.query);  \/\/ \u540c\u3058x-data\u5185\u306a\u306e\u3067 this.query\u3068\u306a\u308b\u3002\u3053\u308c\u3092GET\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc(?key1=value1&key2=value2)\u306b\u5909\u63db\u3059\u308b\n          console.log('parameter:', parameter.toString());  \/\/ \u52d5\u4f5c\u78ba\u8a8d\n          const options = {\n            method: 'GET',\n            headers: {\n              'Accept': 'application\/json',  \/\/ \u8fd4\u308a\u5024\u306e\u8a2d\u5b9a\u3002Laravel\u304c\u5224\u65ad\u3059\u308b\u306e\u306b\u4f7f\u3046\u3002\n              'Content-Type': 'application\/json',\n            },\n          };\n \n          return fetch('{{ route("web.{$module}.search") }}?' + parameter.toString(), options)\n            .then(response => response.json())\n            .then(response => {\n              console.log('search done', response);  \/\/ \u52d5\u4f5c\u78ba\u8a8d\n              return this.append(response.data.items);  \/\/ items\u3092\u7f6e\u304d\u63db\u3048\u308bappend\u3092\u547c\u3076\n            })\n            .catch(error => {debug(error)})\n          ;\n        },\n \n        \/\/ \u691c\u7d22\u7d50\u679c\u3092items\u306b\u53cd\u6620\u3055\u305b\u308b\u3002\u4eca\u5f8c\u3001\u65b0\u3057\u3044\u691c\u7d22\u7d50\u679c\u3067\u7f6e\u304d\u63db\u3048\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u8ffd\u52a0\u3059\u308b\u3088\u3046\u306b\u4fee\u6b63\u3057\u3066\u3044\u304f\u306e\u3067\u3001append\u3068\u3057\u3066\u3042\u308b\u3002\n        append(items){\n          console.log('append:', items);\n          this.items = items;\n        },\n \n        \/\/ \u30c1\u30a7\u30c3\u30af\u304c\u3044\u308c\u3089\u308c\u305f\u3082\u306e\u3060\u3051\u3092\u53d6\u5f97\u3059\u308b\u3002\n        get checked(){\n          return this.items.filter(item => item.checked);\n        },\n        get hasChecked(){\n          return this.checked.length > 0;\n        }\n      }"\n    >\n      @yield('feature')\n    <\/div>\n  <\/x-module>\n@endsection\n<\/pre>\n<\/div>\n
\u6a29\u9650\u306b\u95a2\u3059\u308b\u30a6\u30a7\u30d6\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9<\/h2>\n
\u3053\u308c\u306f\u3044\u305a\u308c\u3064\u304f\u308b\u304b\u3082\u3057\u308c\u306a\u3044\u304c\u3001\u5f8c\u56de\u3057\u306b\u3059\u308b\u3002<\/p>\n\n\n\n
\n  \u524d\u3078<\/a>\n\nPHP\u306e\u5b66\u7fd2 \u76ee\u6b21<\/a>\n\n  \u6b21\u3078<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"\u524d\u56de\u7d42\u4e86\u6642\u306e\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9 Laravel\u3092\u4f7f\u3063\u305f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306e\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u3057\u3066\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 $ git clone https:\/\/kiku3.tsbio.info\/git\/st […]","protected":false},"author":2,"featured_media":0,"parent":2658,"menu_order":7,"comment_status":"closed","ping_status":"closed","template":"page-programming.php","meta":{"footnotes":""},"class_list":["post-3194","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/biochemistry.isc.chubu.ac.jp\/labo\/suzuki\/wp-json\/wp\/v2\/pages\/3194","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=3194"}],"version-history":[{"count":4,"href":"https:\/\/biochemistry.isc.chubu.ac.jp\/labo\/suzuki\/wp-json\/wp\/v2\/pages\/3194\/revisions"}],"predecessor-version":[{"id":3200,"href":"https:\/\/biochemistry.isc.chubu.ac.jp\/labo\/suzuki\/wp-json\/wp\/v2\/pages\/3194\/revisions\/3200"}],"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=3194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}