{"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-09-24T13:37:20","modified_gmt":"2026-09-24T04:37:20","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\n
\u30a8\u30e9\u30fc\u3078\u306e\u5bfe\u51e6<\/h3>\n
    \n  
  • \n    
    Laravel\u306e\u30d1\u30c3\u30b1\u30fc\u30b8\u304c\u306a\u3044<\/h4>\n    
    composer install \u3092\u5b9f\u884c\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u958b\u767a\u6bb5\u968e\u306b\u5fdc\u3058\u3066\u4e0d\u8db3\u3059\u308b\u30d1\u30c3\u30b1\u30fc\u30b8\u304c\u3042\u308b\u3068\u304d\u306f\u3001\u518d\u5ea6 composer install \u304c\u5fc5\u8981\u306a\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n  <\/li>\n  
  • \n    
    \u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306e\u30d1\u30fc\u30df\u30c3\u30b7\u30e7\u30f3\u304c\u6b63\u3057\u304f\u306a\u3044<\/h4>\n    
    tempnam()\u304c\u5b9f\u884c\u3067\u304d\u306a\u3044\u306a\u3069\u306e\u30a8\u30e9\u30fc\u304c\u51fa\u308b\u3068\u304d\u306f\u3001storage\u3068bootstrap\/cache\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306e\u6240\u6709\u8005\u3068\u30d1\u30fc\u30df\u30c3\u30b7\u30e7\u30f3\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044(\u7b2c1\u7ae0\u3092\u53c2\u7167)<\/p>\n  <\/li>\n  
  • \n    
    Vite manifest not found <\/h4>\n    
    \u958b\u767a\u4e2d\u306a\u3089 npm run dev\u3001\u672c\u756a\u74b0\u5883\u306a\u3089 npm run build\u3092\u5b9f\u884c\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n  <\/li>\n  
  • \n    
    npm run dev\u304c\u52d5\u304b\u306a\u3044<\/h4>\n    
    npm install \u3092\u5b9f\u884c\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n  <\/li>\n<\/ul>\n<\/details>\n\n\n
    \u8a8d\u53ef (Authorization) \u3068\u30a2\u30af\u30bb\u30b9\u5236\u5fa1<\/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', 'auto.login:test user', '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
    \u30c6\u30b9\u30c8\u30c7\u30fc\u30bf\u306e\u6295\u5165<\/h2>\n
    \u30b7\u30b9\u30c6\u30e0\u306e\u52d5\u4f5c\u306b\u5fc5\u8981\u306a\u30c7\u30fc\u30bf\u3084\u3001\u30c6\u30b9\u30c8\u7528\u306e\u30c7\u30fc\u30bf\u3092\u3044\u308c\u308b\u3053\u3068\u3092seeder (\u7a2e\u3092\u307e\u304f\u4eba) \u3068\u3044\u3044\u307e\u3059\u3002\n\u4eca\u56de\u306f\u30c6\u30b9\u30c8\u7528\u306e\u30e6\u30fc\u30b6\u30fc\u3068\u30ed\u30fc\u30eb\u3001\u30d1\u30fc\u30df\u30c3\u30b7\u30e7\u30f3\u306e\u30c7\u30fc\u30bf\u3092\u6295\u5165\u3057\u307e\u3059\u3002<\/p>\n
    \u30d1\u30fc\u30df\u30c3\u30b7\u30e7\u30f3\u306f\u30d7\u30ed\u30b0\u30e9\u30e0\u306e\u4e2d\u306b\u66f8\u304d\u8fbc\u3093\u3067\u3042\u308b\u306e\u3067\u3001\u30c6\u30fc\u30d6\u30eb\u306b\u3044\u308c\u3066\u30ed\u30fc\u30eb\u306b\u4ed8\u4e0e\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u3066\u304a\u304b\u306a\u3044\u3068\u610f\u5473\u304c\u3042\u308a\u307e\u305b\u3093\u3002\n\u672c\u756a\u74b0\u5883\u306b\u3082\u5fc5\u8981\u306a\u306e\u3067\u3001\u65b0\u3057\u3044\u6a5f\u80fd\u3092\u8ffd\u52a0\u3059\u308b\u305f\u3073\u306bseeder\u306b\u8a2d\u5b9a\u3059\u308b\u3068\u3088\u3044\u3067\u3059\u3002\n\u4eca\u306e\u3068\u3053\u308d\u3001DatabaseSeeder\u306b\u307e\u3068\u3081\u3066\u3042\u308a\u307e\u3059\u304c\u3001PermissionSeeder\u306a\u3069\u306b\u5206\u96e2\u3059\u308b\u3068\u3088\u3044\u3067\u3059\u3002<\/p>\n
    \u30e6\u30fc\u30b6\u30fc\u3068\u30ed\u30fc\u30eb\u306f\u30c6\u30b9\u30c8\u7528\u306b\u5fc5\u8981\u3067\u3059\u304c\u3001\u672c\u756a\u74b0\u5883\u3067\u306f\u7570\u306a\u308b\u540d\u524d\u306e\u307b\u3046\u304c\u3088\u3044\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\n\u7279\u306b\u30e6\u30fc\u30b6\u30fc\u306f\u3053\u306e\u307e\u307e\u3044\u308c\u306a\u3044\u3088\u3046\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n
    <\/p>\n
    \n  
    database\/seeders\/DatabaseSeeder.php<\/h5>\n
    \n<?php\n \nnamespace Database\\Seeders;\n \nuse App\\Models\\User;\nuse Illuminate\\Database\\Console\\Seeds\\WithoutModelEvents;\nuse Illuminate\\Database\\Seeder;\nuse Spatie\\Permission\\Models\\Permission;\nuse Spatie\\Permission\\Models\\Role;\nuse Spatie\\Permission\\PermissionRegistrar;\n \nclass DatabaseSeeder extends Seeder\n{\n    use WithoutModelEvents;\n \n    \/**\n     * Seed the application's database.\n     * php artisan db:seed\n     *\/\n    public function run(): void\n    {\n        \/\/ Permission\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u30af\u30ea\u30a2\uff08\u30b7\u30fc\u30c0\u30fc\u5b9f\u884c\u6642\u306e\u5fc5\u9808\u51e6\u7406\uff09\n        app()[PermissionRegistrar::class]->forgetCachedPermissions();\n \n        $permissions = [\n            'material@web' => [\n                'oligo.read', 'oligo.write',\n                'seed.read', 'seed.write',\n                'plant.read', 'plant.write'\n            ],\n            'system@admin' => [\n                'user.read', 'user.write',\n                'role.read', 'role.write',\n                'permission.read', 'permission.write'\n            ]\n        ];\n \n        $roles = [\n            'material user@web' => $permissions['material@web'],\n            'system admin@admin' => $permissions['system@admin']\n        ];\n \n        $users = [\n            [\n                'name' => 'test user',\n                'email' => 'test@example.com',\n                'password' => 'secretuser',\n                'roles' => ['material user'],\n            ],\n            [\n                'name' => 'test admin',\n                'email' => 'admin@example.com',\n                'password' => 'secretadmin',\n                'roles' => ['system admin'],\n            ]\n        ];\n \n        \/\/ \u6a29\u9650\u3092\u8a2d\u5b9a\n        foreach($permissions as $perm_group => $perms){\n            [$label, $guard] = explode("@", $perm_group . '@');\n            foreach($perms as $perm){\n                Permission::findOrCreate($perm, $guard);\n            }\n        }\n \n        \/\/ \u5f79\u5272\u3092\u8a2d\u5b9a\n        foreach($roles as $role_key => $perms){\n            [$role_name, $guard] = explode("@", $role_key . '@');\n            $role = Role::findOrCreate($role_name, $guard);\n            $role->syncPermissions($perms);\n        }\n \n        \/\/ \u30e6\u30fc\u30b6\u30fc\u3092\u4f5c\u6210\n        foreach($users as $userData){\n            $roleNames = $userData['roles'];\n            unset($userData['roles']);\n \n            $user = User::firstOrCreate(['email' => $userData['email']], $userData);\n            $roles = Role::whereIn('name', $roleNames)->get();\n            $user->syncRoles($roles);\n        }\n    }\n}\n<\/pre>\n<\/div>\n
    \u5b9f\u884c<\/p>\n
    \n  
    \n$ .\/artisan db:seed\n<\/pre>\n<\/div>\n
    \u6a29\u9650\u306b\u95a2\u3059\u308b\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306e\u4f5c\u6210<\/h2>\n
    \u4ee5\u4e0b\u306f\u7b2c7\u7ae0\u3001\u7b2c8\u7ae0\u306e\u5f8c\u306b\u66f8\u3044\u3066\u3044\u307e\u3059\u3002<\/strong><\/p>\n
    \u30eb\u30fc\u30c8\u306e\u8a2d\u5b9a<\/h3>\n
    routes\/user.php<\/code> \u3092\u30b3\u30d4\u30fc\u3057\u3066 role.php<\/code> \u3068 permission.php<\/code> \u3092\u4f5c\u6210\u3057\u3001admin.php\u3067\u8aad\u307f\u8fbc\u307f\u307e\u3059\u3002<\/p>\n
    \u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u306e\u4f5c\u6210<\/h3>\n
    \u540c\u3058\u304f app\/Http\/Controllers\/UserController.php<\/code> \u3092\u30b3\u30d4\u30fc\u3057\u3066 RoleController.php<\/code> \u3068 PermissionController.php<\/code> \u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n
    role \u3068 permission \u3092sync \u3059\u308b\u305f\u3081\u306eupdate\u30e1\u30bd\u30c3\u30c9\u304c\u30aa\u30fc\u30d0\u30fc\u30e9\u30a4\u30c9\u3057\u3066\u3042\u308a\u307e\u3059\u3002<\/p>\n
    <\/p>\n
    \n  
    app\/Http\/Controllers\/RoleController.php<\/h5>\n
    \n<?php\n \nnamespace App\\Http\\Controllers;\n \nuse Spatie\\Permission\\Models\\Role;\nuse App\\Services\\RoleService;\nuse App\\Http\\Requests\\RoleRequest;\nuse App\\Http\\Requests\\RoleSearchRequest;\nuse App\\Http\\Requests\\RolesRequest;\nuse App\\Http\\Requests\\RolesUpdateRequest;\n \nclass RoleController extends MaterialController\n{\n    protected string $singleRequest = RoleRequest::class;\n    protected string $multiRequest = RolesRequest::class;\n    protected string $queryRequest = RoleSearchRequest::class;\n \n    public function __construct(\n        protected RoleService $service,\n        protected Role $model\n    ) {}\n \n    \/\/ GET\u30ea\u30af\u30a8\u30b9\u30c8(\u30d3\u30e5\u30fc\u3092\u8fd4\u3059)\n    public function index(){\n        return $this->respond(array_merge(\n            $this->service->search([]),\n            ['roles' => $this->model->orderBy('name')->get()]\n        ));\n    }\n \n    \/\/ role\u306e\u8ffd\u52a0\n    public function store(){\n        try{\n            $items = app($this->multiRequest)->valids;\n            $this->service->create($items);\n            return redirect(module_route('role'));\n        }catch(\\Throwable $e){\n            return $this->json(['message' => $e->getMessage()], 400);\n        }\n    }\n \n    \/\/ role\u306e\u4fee\u6b63\n    public function update($id = null){\n        try{\n            $data = app(RolesUpdateRequest::class)->validated();\n            return $this->service->syncUserRoles($data['users']);\n        }catch(\\Throwable $e){\n            return $this->json(['message' => $e->getMessage()], 400);\n        }\n    }\n}\n<\/pre>\n<\/div>\n
    \u30ea\u30af\u30a8\u30b9\u30c8\u306e\u4f5c\u6210<\/h3>\n
    RoleRequest\u3068RolesRequest\u306fOligo\u306e\u30b3\u30d4\u30fc\u305d\u306e\u307e\u307e\u3002<\/p>\n
    \u691c\u7d22\u306fusers\u30c6\u30fc\u30d6\u30eb\u3068roles\u30c6\u30fc\u30d6\u30eb\u3092\u7d50\u5408\u3057\u3066\u3044\u308b(User::with(‘roles’))\u306e\u3067\u3001\u691c\u7d22\u306e\u5b9a\u7fa9\u3092\u4e8c\u3064\u306eTableDefinition\u304b\u3089\u3068\u3063\u3066\u304f\u308b\u3088\u3046\u306b\u3057\u3066\u3044\u308b\u3002\n\u5b9f\u969b\u306b\u306fuser.name\u3068role.name\u3060\u3051\u306a\u306e\u3067\u3001\u3053\u306e\u3088\u3046\u306b\u8907\u96d1\u306b\u3059\u308b\u5fc5\u8981\u306f\u306a\u3044\u304c\u3001\u4eca\u5f8c\u540c\u3058\u3088\u3046\u306a\u5834\u9762\u3067\u4f7f\u3048\u308b\u304b\u3082\u3057\u308c\u306a\u3044\u3002<\/p>\n
    <\/p>\n
    \n  
    app\/Http\/Requests\/RoleSearchRequest.php<\/h5>\n
    \n<?php\n \nnamespace App\\Http\\Requests;\n \nuse Illuminate\\Foundation\\Http\\FormRequest;\nuse App\\TableDefinitions\\RoleTableDefinition;\nuse App\\TableDefinitions\\UserTableDefinition;\n \nclass RoleSearchRequest extends FormRequest\n{\n    public function rules(RoleTableDefinition $table): array\n    {\n        $merges_rules = [];\n        foreach([\n            'user' => app(UserTableDefinition::class)->searchRules(),\n            'role' => $table->searchRules()\n        ] as $table => $rules){\n            foreach($rules as $key => $value){\n                $merges_rules["${table}_$key"] = $value;\n            }\n        }\n        return $merges_rules;\n    }\n}\n\/*\n \n    use App\\Http\\Requests\\RoleSearchRequest;\n    $request = app(RoleSearchRequest::class);\n    app()->call([$request, 'rules']);\n \n*\/\n<\/pre>\n<\/div>\n
    \u8907\u6570\u30e6\u30fc\u30b6\u30fc\u306e\u30ed\u30fc\u30eb\u3092\u307e\u3068\u3081\u3066\u5909\u66f4\u3059\u308b\u305f\u3081\u306eRolesUpdateRequest\u3002<\/p>\n
    <\/p>\n
    \n  
    app\/Http\/Requests\/RolesUpdateRequest.php<\/h5>\n
    \n<?php\n \nnamespace App\\Http\\Requests;\n \nuse Illuminate\\Contracts\\Validation\\ValidationRule;\nuse Illuminate\\Foundation\\Http\\FormRequest;\nuse Illuminate\\Validation\\Rule;\n \nclass RolesUpdateRequest extends FormRequest\n{\n    public function rules(): array\n    {\n        return [\n            'guard_name' => [\n                'required',\n                Rule::in(array_keys(config('auth.guards'))),            'users' => ['required', 'array'],\n            ],\n            'users.*.user_id' => ['required', 'integer', 'exists:users,id'],\n            'users.*.roles' => ['present', 'array'],\n            'users.*.roles.*' => ['integer', 'exists:roles,id']\n        ];\n    }\n}\n<\/pre>\n<\/div>\n
    Permission\u306e\u307b\u3046\u3082\u57fa\u672c\u7684\u306b\u540c\u3058<\/p>\n
    \u30b5\u30fc\u30d3\u30b9\u306e\u4f5c\u6210<\/h3>\n
    role\u306fuser\u30c6\u30fc\u30d6\u30eb\u3068\u3001permission\u306frole\u30c6\u30fc\u30d6\u30eb\u3068\u30ea\u30ec\u30fc\u30b7\u30e7\u30f3\u3092\u3068\u308b\u306e\u3067\u3001search\u30e1\u30bd\u30c3\u30c9\u304c\u5c11\u3057\u5909\u308f\u3063\u3066\u304d\u307e\u3059\u3002<\/p>\n
    \u7d50\u5c40users\u306ename\u3068roles\u306ename\u3057\u304b\u691c\u7d22\u5bfe\u8c61\u306b\u3057\u3066\u3044\u306a\u3044\u306e\u3067\u3001\u3053\u3053\u307e\u3067\u8907\u96d1\u306b\u3059\u308b\u5fc5\u8981\u3082\u306a\u3044\u304b\u3068\u601d\u3044\u307e\u3059\u3002\n\u7d20\u76f4\u306b$builder->where(‘name’, ) \/* users\u7528\u306e\u691c\u7d22 \/->whereHas(‘roles’, fn($q) => $q->where(‘name’, )) \/<\/em> roles\u7528\u306e\u691c\u7d22 *\/ \u3068\u66f8\u304f\u307b\u3046\u304c\u308f\u304b\u308a\u3084\u3059\u304f\u3066\u3088\u3044\u3067\u3059\u3002<\/p>\n
    syncUserRoles\u306f\u8907\u6570\u306e\u30e6\u30fc\u30b6\u30fc\u306e\u30ed\u30fc\u30eb\u3092\u8a2d\u5b9a(sync)\u3057\u3066\u3044\u307e\u3059\u3002\nsync\u306f\u3044\u3063\u305f\u3093\u5168\u524a\u9664\u3057\u3066\u3001\u8ffd\u52a0\u3059\u308b\u3068\u3044\u3046\u3053\u3068\u3092\u3057\u3066\u3044\u308b\u306e\u3067\u3001SQL\u304c\u305f\u304f\u3055\u3093\u767a\u884c\u3055\u308c\u3066\u3044\u307e\u3059\u3002\n\u305d\u306e\u305f\u3081\u3001\u30c8\u30e9\u30f3\u30b6\u30af\u30b7\u30e7\u30f3\u3092\u8a2d\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n
    \u6700\u5f8c\u306e\u8fd4\u308a\u5024\u3092 $this->search() \u3068\u3067\u304d\u308b\u3068\u304b\u3063\u3053\u3044\u3044\u3067\u3059\u306d\u3002<\/p>\n
    <\/p>\n
    \n  
    app\/Services\/RoleService.php<\/h5>\n
    \n<?php\n \nnamespace App\\Services;\n \nuse App\\Models\\User;\nuse Spatie\\Permission\\Models\\Role;\nuse Illuminate\\Support\\Facades\\DB;\nuse App\\TableDefinitions\\RoleTableDefinition;\nuse App\\TableDefinitions\\UserTableDefinition;\nuse App\\TableSearch\\SearchFactory;\n \nclass RoleService extends MaterialService\n{\n    public function __construct(\n        protected Role $model,\n        public RoleTableDefinition $table,\n        public UserTableDefinition $user_table,\n        protected SearchFactory $searchFactory\n    ){}\n \n    public function search(array $query)\n    {\n    \t$builder = User::with('roles');\n \n        foreach ($query as $column => $value) {\n \n            if (is_string($value) && trim($value) === ''){\n                continue;\n            }\n \n            \/\/ \u30c6\u30fc\u30d6\u30eb\u306e\u5b9a\u7fa9\u304b\u3089\u3001\u5217\u306e\u60c5\u5831\u3092\u53d6\u5f97\u3059\u308b\n            switch($column){\n            case 'user_name':\n                $definition = $this->user_table->column('name');\n                break;\n            case 'role_name':\n                $definition = $this->table->column('name');\n                break;\n            }\n \n            if (!$definition) {\n                continue;\n            }\n \n            \/\/ \u691c\u7d22\u306e\u7a2e\u985e\u3092\u53d6\u5f97\u3059\u308b\n            $type = $definition['search']['type'] ?? null;\n            if (!$type) {\n                continue;\n            }\n            #var_dump($column, $value, $definition, $type);\n \n            try{\n                $searcher = $this->searchFactory->make($type);\n                switch($column){\n                case 'user_name':\n                    $searcher->apply($builder, 'name', $value);\n                    break;\n                case 'role_name':\n                    $builder->whereHas('roles',\n                        fn($q) => $searcher->apply($q, 'name', $value)\n                    );\n                    break;\n                }\n            }catch(\\Throwable $e){\n                continue;\n            }\n        }\n \n        return [\n            'items' => $builder->orderBy('created_at', 'desc')->get(),\n            'sql' => $builder->toSql(),\n            'query' => $query\n        ];\n    }\n \n    public function syncUserRoles(array $assignments)\n    {\n        #var_dump($assignments);\n        $user_ids = DB::transaction(function () use ($assignments){\n            $user_ids = [];\n            foreach($assignments as $user_roles){\n                $user = User::findOrFail($user_roles['user_id']);\n                $roles = Role::whereIn('id', $user_roles['roles'])->get();\n                $user->syncRoles($roles);\n                $user_ids[] = $user->id;\n            }\n            return $user_ids;\n        });\n    \treturn [\n            'users' => User::with('roles')\n                ->whereIn('id', $user_ids)\n                ->orderBy('created_at', 'desc')\n                ->get()\n        ];\n    }\n}\n \n\/*\n \n$service = app(\\App\\Services\\RoleService::class);\n$results = $service->search(['role.name' => 'admin']);\n$results['sql']\n \n\n*\/\n<\/pre>\n<\/div>\n
    \u4f3c\u305f\u3088\u3046\u306a\u3082\u306e\u3067\u3059\u304c\u3001PermissionService\u306f\u3053\u306e\u3088\u3046\u306b\u3057\u307e\u3057\u305f\u3002<\/p>\n
    <\/p>\n
    \n  
    app\/Services\/PermissionService.php<\/h5>\n
    \n<?php\n \nnamespace App\\Services;\n \nuse Spatie\\Permission\\Models\\Permission;\nuse Spatie\\Permission\\Models\\Role;\nuse Illuminate\\Support\\Facades\\DB;\nuse App\\TableDefinitions\\PermissionTableDefinition;\nuse App\\TableDefinitions\\RoleTableDefinition;\nuse App\\TableSearch\\SearchFactory;\n \nclass PermissionService extends MaterialService\n{\n    public function __construct(\n        protected Permission $model,\n        public PermissionTableDefinition $table,\n        public RoleTableDefinition $role_table,\n        protected SearchFactory $searchFactory\n    ){}\n \n    public function search(array $query)\n    {\n    \t$builder = Role::with(['users', 'permissions']);\n \n        foreach ($query as $column => $value) {\n \n            if (is_string($value) && trim($value) === ''){\n                continue;\n            }\n \n            \/\/ \u30c6\u30fc\u30d6\u30eb\u306e\u5b9a\u7fa9\u304b\u3089\u3001\u5217\u306e\u60c5\u5831\u3092\u53d6\u5f97\u3059\u308b\n            switch($column){\n            case 'permission_name':\n                $definition = $this->table->column('name');\n                break;\n            default:\n                $definition = $this->role_table->column($column);\n                break;\n            }\n \n            if (!$definition) {\n                continue;\n            }\n \n            \/\/ \u691c\u7d22\u306e\u7a2e\u985e\u3092\u53d6\u5f97\u3059\u308b\n            $type = $definition['search']['type'] ?? null;\n            if (!$type) {\n                continue;\n            }\n \n            \/\/ \u691c\u7d22\u306e\u7a2e\u985e\u306b\u5fdc\u3058\u3066\u3001\u691c\u7d22\u3092\u9069\u7528\u3059\u308b\n            try{\n                $searcher = $this->searchFactory->make($type);\n                switch($column){\n                case 'permission_name':\n                    $builder->whereHas('permissions',\n                        fn($q) => $searcher->apply($q, 'name', $value)\n                    );\n                    break;\n \n                default:\n                    $searcher->apply($builder, $column, $value);\n                    break;\n                }\n \n            }catch(\\Throwable $e){\n                continue;\n            }\n        }\n \n        return [\n            'items' => $builder->orderBy('created_at', 'desc')->get(),\n            'sql' => $builder->toSql(),\n            'query' => $query\n        ];\n    }\n \n    public function syncRolePermissions(array $assignments)\n    {\n        $role_ids = DB::transaction(function () use ($assignments){\n            $role_ids = [];\n            foreach($assignments as $role_permissions){\n                $role = Role::findOrFail($role_permissions['role_id']);\n                $permissions = Permission::whereIn('id', $role_permissions['permissions'])->get();\n                $res = $role->syncPermissions($permissions);\n                $role_ids[] = $role->id;\n            }\n            return $role_ids;\n        });\n    \treturn [\n            'roles' => Role::with(['users', 'permissions'])\n                ->whereIn('id', $role_ids)\n                ->orderBy('created_at', 'desc')\n                ->get()\n        ];\n    }\n}\n \n\/*\n  use App\\Services\\PermissionService;\nuse Spatie\\Permission\\Models\\Permission;\nuse Spatie\\Permission\\Models\\Role;\n  $service = app(PermissionService::class);\n  $service->syncRolePermissions([["role_id" => 16,"permissions" => [28, 27]]]);\n \n  Role::with(['permissions'])->whereIn('id', [16])->get()->first()->permissions\n \n        ],\n    ],\n]);\n \nRole::find(16);\nPermission::whereIn('id', [28, 27])->get();\n \n\n \nuse Spatie\\Permission\\Models\\Permission;\nuse Spatie\\Permission\\Models\\Role;\n \n*\/\n<\/pre>\n<\/div>\n
    \u30ed\u30fc\u30eb\u306e\u30d3\u30e5\u30fc\u306e\u4f5c\u6210<\/h3>\n
    \u30e6\u30fc\u30b6\u30fc\u3068\u30ed\u30fc\u30eb\u306e\u95a2\u4fc2\u3092 userRolesMap\u3068\u3044\u3046\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u3044\u308c\u308b\u3002\n\u3053\u308c\u3092\u64cd\u4f5c\u3059\u308b\u305f\u3081\u306e\u95a2\u6570\u3068\u3044\u3063\u3057\u3087\u306b x-data\u306b\u767b\u9332\u3057\u3066\u3044\u308b\u3002<\/p>\n
    <\/p>\n
    \n  
    resources\/views\/role\/module.blade.php<\/h5>\n
    \n@extends('layouts.app')\n \n@section('module')\n  <x-module id='{{ $module_id }}'>\n    <div class='features'\n      x-data="Material.makeModulePanel({\n        query_template: @js([\n          'user_name' => ['value' => '', 'mode' => 'regex'],\n          'role_name' => ''\n        ]),\n        url: {\n          search: '{{ module_route($module_id, "search") }}',\n          store:  '{{ module_route($module_id, "store") }}',\n          update: '{{ module_route($module_id, "index") }}',\n        },\n \n        roles: [],  \/\/ \u5229\u7528\u53ef\u80fd\u306a\u5168\u30ed\u30fc\u30eb\n        userRolesMap: {}, \/\/ \u7de8\u96c6\u7528\u306e\u30c7\u30fc\u30bf { user_id: [roles]} \u306e\u9023\u60f3\u914d\u5217\n \n        groupedRoles(){\n          return Object.groupBy(\n            this.roles, \/\/ \u7a7a\u6587\u5b57\u5217\u3092\u9664\u5916\n            role => role.guard_name\n          );\n        },\n \n        updateRole(){\n          console.log('post', JSON.stringify(this.checkedItems.map(\n                item => ({\n                  user_id: Number(item.id),\n                  roles: this.userRolesMap[item.id] || []\n                })\n              )));\n          return api.put(\n            this.url.update,\n            {\n              users: this.checkedItems.map(\n                item => ({\n                  user_id: Number(item.id),\n                  roles: this.userRolesMap[item.id] || []\n                })\n              ),\n            }\n          );\n        },\n \n        \/\/ --- \u30ed\u30fc\u30eb\u4e00\u62ec\u64cd\u4f5c\u306e\u5224\u5b9a\u30ed\u30b8\u30c3\u30af ---\n        havingCount(roleId) {\n          if (this.checkedItems.length === 0) return 0;\n\/\/          this.checkedItems.forEach(item => console.log('havingCount:', this.userRolesMap, this.userRolesMap[item.id], roleId));\n          return this.checkedItems.filter(\n            item => (this.userRolesMap[item.id] || [])\n              .includes(roleId)\n          ).length;\n        },\n        isAllHas(roleId) {\n            return this.checkedItems.length > 0 && this.havingCount(roleId) \n              === this.checkedItems.length;\n        },\n        isAnyHas(roleId) {\n            const count = this.havingCount(roleId);\n            return count > 0 && count < this.checkedItems.length;\n        },\n        \n        \/\/ \u3069\u3046\u3059\u308b\u306e\u304c\u3088\u3044\u304b\u6c7a\u3081\u304b\u306d\u3066\u3044\u308b\n        remove(roleId){\n          api.post('{{ module_route($module_id) }}', {ids:[roleId]});\n        },\n \n        \/\/ --- \u30ed\u30fc\u30eb\u306e\u5207\u308a\u66ff\u3048\u51e6\u7406 ---\n        toggleRole(roleId, isChecked) {\n            this.checkedItems.forEach(item => {\n                let currentRoles = this.userRolesMap[item.id] || [];\n                if (isChecked) {\n                    \/\/ \u91cd\u8907\u3092\u9632\u3044\u3067\u8ffd\u52a0\n                    if (!currentRoles.includes(roleId)) {\n                        this.userRolesMap[item.id] = [...currentRoles, roleId];\n                    }\n                } else {\n                    \/\/ \u524a\u9664\n                    this.userRolesMap[item.id] = currentRoles.filter(id => id !== roleId);\n                }\n            });\n        },\n        init() {\n          this.resetQuery();\n \n          this.$watch('items', (newItems) => {\n            console.log('items change was detected');\n            newItems.forEach(item => {\n              if(! this.userRolesMap[item.id]){\n                this.userRolesMap[item.id]\n                  = (item.roles || []).map(role => role.id);\n              }\n            });\n          })\n        }\n      })" {{-- Material.makeModulePanel\u3092\u9589\u3058\u308b\u3002x-data\u3092\u9589\u3058\u308b --}}\n    >\n      @yield('feature')\n    <\/div>\n  <\/x-module>\n@endsection\n<\/pre>\n<\/div>\n
    \u4e00\u753b\u9762\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u3068\u30ed\u30fc\u30eb\u3092\u8a2d\u5b9a\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u3066\u3044\u308b\u3002\n\u5de6\u306b\u30e6\u30fc\u30b6\u30fc\u4e00\u89a7\u3001\u53f3\u306b\u30ed\u30fc\u30eb\u4e00\u89a7\u3092\u914d\u7f6e\u3057\u3001\u30c1\u30a7\u30c3\u30af\u3067\u95a2\u4fc2\u3092\u3064\u304f\u308b\u3002<\/p>\n
    \u30ed\u30fc\u30eb\u306e\u8ffd\u52a0\u306f\u753b\u9762\u306e\u66f8\u304d\u63db\u3048\u308b\u3068\u3053\u308d\u304c\u591a\u3044\u306e\u3067\u3001POST\u3057\u3066\u3001\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u3067\u5143\u306e\u753b\u9762\u3092\u66f8\u304d\u63db\u3048\u308b\u3088\u3046\u306b\u3057\u3066\u3044\u308b\u3002<\/p>\n
    <\/p>\n
    \n  
    resources\/views\/role\/index.blade.php<\/h5>\n
    \n@extends("$module_id.module")\n@section('feature')\n  <x-feature id='{{ $feature_id }}' class='feature-index'>\n    <div class='flex item-start gap-6'\n      x-init="\n        roles = @js($roles);\n        items = @js($items);\n        \/\/ \u30c7\u30d0\u30c3\u30b0\u7528items.forEach(item => item.checked = true);\n      "\n    >\n      <div id='left_column' class=''>\n        <h3>\u30e6\u30fc\u30b6\u9078\u629e<\/h3>\n        <table class='material-list'>\n          <thead>\n            {{-- thead 1\u884c\u76ee \u898b\u51fa\u3057 --}}\n            <tr class='query'>\n              <th><\/th>\n              <th class='w-36'>\u30e6\u30fc\u30b6\u30fc\u540d<\/th>\n              <th class='w-72'>\u5909\u66f4\u524d\u5f79\u5272<\/th>\n              <th class='w-72'>\u5909\u66f4\u5f8c\u5f79\u5272<\/th>\n            <\/tr>\n \n            {{-- thead 2\u884c\u76ee \u30d5\u30a9\u30fc\u30e0 --}}\n            <tr @input.debounce.500="search()" class="query border-b-2 align-text-top">\n              <th>\u691c\u7d22<\/th>\n \n              {{-- TableDefinition\u30af\u30e9\u30b9\u304b\u3089index\u306e\u30d3\u30e5\u30fc\u3067\u4f7f\u7528\u3059\u308b\u30ab\u30e9\u30e0\u3092\u53d6\u5f97\u3059\u308b --}}\n                <td class="name">\n                  <input x-model="query.user_name.value">\n                  <label>\n                    <input type="checkbox" x-model="query.user_name.mode" value=1 title="\u6b63\u898f\u8868\u73fe">\n                    \u6b63\u898f\u8868\u73fe\n                  <\/label>\n                <\/td>\n                <td class="role">\n                  <input x-model="query.role_name" placeholder="role_name">\n                <\/td>\n            <\/tr>\n \n            {{-- thead 3\u884c\u76ee \u30dc\u30bf\u30f3 --}}\n            <tr>\n              <td colspan="9" class='px-2 py-2'>\n                <button @click="search()">  {{-- @input\u3067\u81ea\u52d5\u5b9f\u884c\u3055\u308c\u308b\u304c\u3001\u30dc\u30bf\u30f3\u3082\u52a0\u3048\u3066\u304a\u304f --}}\n                  \u691c\u7d22\n                  <x-ajax-state var='query' \/>\n                <\/button>\n \n                {{-- \u30c1\u30a7\u30c3\u30af\u30dc\u30bf\u30f3\u3067\u9078\u629e\u30fb\u975e\u9078\u629e\u3092\u3059\u308b --}}\n                <button @click.prevent="\n                  items.forEach(item => item.checked = !item.checked);\n                  console.log('check reverse', items.length, checkedItems.length, hasChecked);\n                ">\n                  \u30c1\u30a7\u30c3\u30af\u3092\u53cd\u8ee2\n                <\/button>\n \n                <button @click="resetQuery();">\u6761\u4ef6\u30af\u30ea\u30a2<\/button>\n              <\/td>\n            <\/tr>\n \n            {{-- thead 4\u884c\u76ee \u691c\u7d22\u7d50\u679c --}}\n            <tr class='border-b-2'>\n              <td x-show="items.length == 0" colspan="9">\n                \u6761\u4ef6\u306b\u5408\u3046\u3082\u306e\u306f\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002\n              <\/td>\n              <td x-show="items.length > 0" colspan="9">\n                \u691c\u7d22\u7d50\u679c: <span x-text="items.length"><\/span>\u4ef6\n                (\u2611: <span x-text="checkedItems.length"><\/span>\u4ef6)\n \n                {{-- \u4ee5\u4e0b\u306f\u958b\u767a\u7528\u306b\u3064\u304f\u3063\u3066\u3042\u308b\u306e\u3067\u3001\u672c\u756a\u3067\u306f\u524a\u9664\u3057\u305f\u307b\u3046\u304c\u3088\u3044\u304b\u3082\u3057\u308c\u306a\u3044 --}}\n                query:\n                <template x-for="key in Object.keys(query)" :key="key">\n                  <template x-if="query[key] !== undefined && query[key] !== ''">\n                    <span x-text="`${key}=`+JSON.stringify(query[key])"><\/span>\n                  <\/template>\n                <\/template>\n              <\/td>\n            <\/tr>\n          <\/thead>\n \n          <tbody>\n            {{-- \u691c\u7d22\u7d50\u679c --}}\n            {{-- Alpine.js (x-for)\u306b\u3088\u3063\u3066\u3001items\u914d\u5217\u306e\u305d\u308c\u305e\u308c\u306e\u8981\u7d20\u3092item\u306b\u53d6\u308a\u51fa\u3057\u3001template\u8981\u7d20\u3092\u5897\u3084\u3059 --}}\n            <template x-for="item in items" :key="item.id">\n              <tr @click="item.checked = !item.checked">\n                <td><input x-model="item.checked" @click.stop type='checkbox'><\/td>\n                <td x-text="item.name" class="name"><\/td>\n                <!-- \u5909\u66f4\u524d\u5f79\u5272 -->\n                <td>\n                  <template x-for="role in item.roles" :key="role.id">\n                    <span x-text="role.name"\n                      style="display:inline-block; background:#eee; padding:2px 6px; margin-right:4px; border-radius:4px;"\n                    ><\/span>\n                  <\/template>\n                <\/td>\n                <!-- \u5909\u66f4\u5f8c\u5f79\u5272 -->\n                <td>\n                  <template x-for="roleId in (userRolesMap[item.id] || [])" :key="roleId">\n                    <span x-text="roles.find(r => r.id === roleId)?.name"\n                      style="display:inline-block; background:#eee; padding:2px 6px; margin-right:4px; border-radius:4px;"\n                    ><\/span>\n                  <\/template>\n                <\/td>\n              <\/tr>\n            <\/template>\n          <\/tbody>\n        <\/table>\n \n        <button type='submit' title="\u30e6\u30fc\u30b6\u30fc\u306e\u5f79\u5272\u3092\u66f4\u65b0\u3057\u307e\u3059"\n          :disabled="checkedItems.length < 1"\n          @click="updateRole().then(data => {\n            console.log('after updateRole', data.users);\n            const ids = new Set(data.users.map(user => Number(user.id)));\n            items = items.filter(item => !ids.has(item.id));\n            return append(data.users.map(user => {\n              user.checked = true;\n              return user;\n            }));\n          })"\n        >\n          \u66f4\u65b0\n        <\/button>\n      <\/div>  <!-- end of left_colum -->\n \n      <div id='right_column' class='w-[30%]'>\n        <!-- role\u306e\u4e00\u89a7 -->\n        <h3>\u4f5c\u6210\u6e08\u307f\u5f79\u5272<\/h3>\n        <template x-for="(subroles, group_name) in groupedRoles()" :key="group_name">\n          <fieldset class="border border-user p-4 rounded mb-4">\n            <legend class="px-2 font-bold">\n              <label>\n                <input type='checkbox' checked='' class='accent-user'>\n                Guard: <span x-text="group_name"><\/span>\n              <\/label>\n            <\/legend>\n            <div class='flex flex-wrap gap-4 mt-2'>\n              <template x-for="role in subroles" :key="role.id">\n                <label class="inline-flex items-center gap-1">\n                  <input type='checkbox'\n                    :checked="isAllHas(role.id)"\n                    x-effect="$el.indeterminate = isAnyHas(role.id)"\n                    @click="toggleRole(role.id, ! isAllHas(role.id))"\n                  \/>\n                  <span x-text="role.name" class="name"><\/span>\n                  @if(1)  {{-- \u52d5\u4f5c\u78ba\u8a8d\u7528 --}}\n                    [<span x-text="havingCount(role.id)" ><\/span>\n                    <span x-text="isAnyHas(role.id)" ><\/span>\n                    <span x-text="isAllHas(role.id)" ><\/span>]\n                  @endif\n                <\/label>\n              <\/template>\n            <\/div>\n          <\/fieldset>\n        <\/template>\n \n        <!-- role\u306e\u8ffd\u52a0\u7528\u30d5\u30a9\u30fc\u30e0 -->\n        <form x-data="{entries:'role1, role2', guard_name:'web'}"\n          @submit.prevent="console.log('Store roles:', entries);\n            htmx.ajax('POST', url.store, {\n              source: $el,\n              target:'#{{ $feature_id }}',\n              swap: 'outerHTML',\n              headers: {\n                'HX-Target': 'feature-' + '{{ $feature_id }}',\n              }\n            });\n          "\n        >\n          @csrf\n          <fieldset class="border border-user p-4 rounded mb-4">\n            <h4 class='mb-2'>Guard: \n              <x-select-guard x-model="guard_name" class="border-user"\/>\n            <\/h4>\n            <legend class="px-2 font-bold">\u5f79\u5272\u3092\u8ffd\u52a0<\/legend>\n            <input type='input' x-model='entries' class='border-1 border-user p-1'>\n            <button>\u8ffd\u52a0<\/button>\n \n            {{-- htmx\u3067\u30d5\u30a9\u30fc\u30e0\u3092\u9001\u4fe1\u3059\u308b --}}\n            <template \n              x-for="(entry, index) in entries.split(',').map(s => s.trim())"\n              :key="index"\n            >\n              <span>\n                <input type="hidden" :name="`items[${index}][name]`" :value="entry">\n                <input type="hidden" :name="`items[${index}][guard_name]`" :value="guard_name">\n              <\/span>\n            <\/template>\n          <\/fieldset>\n        <\/form>\n      <\/div>  <!-- end of right_colum role5,role6,role7-->\n    <\/div>\n  <\/x-feature>\n@endsection\n@props(['items' => []])\n<\/pre>\n<\/div>\n
    \u30d1\u30fc\u30df\u30c3\u30b7\u30e7\u30f3\u306e\u30d3\u30e5\u30fc\u306e\u4f5c\u6210<\/h3>\n
    \u57fa\u672c\u7684\u306b\u30ed\u30fc\u30eb\u3068\u540c\u3058\u3002\u30d1\u30fc\u30df\u30c3\u30b7\u30e7\u30f3\u306f\u540d\u524d\u3067\u30b0\u30eb\u30fc\u30d7\u5316\u3057\u3066\u3001\u4e00\u62ec\u30c1\u30a7\u30c3\u30af\u304c\u3067\u304d\u305f\u308a\u3001read < write \u306e\u5305\u542b\u95a2\u4fc2\u3092\u81ea\u52d5\u5316\u3057\u305f\u3044\u3068\u3053\u308d\u3060\u304c\u3001\u307e\u3060\u3067\u304d\u3066\u3044\u306a\u3044\u3002<\/p>\n
    <\/p>\n
    \n  
    resources\/views\/permission\/index.blade.php<\/h5>\n
    \n@extends("$module_id.module")\n@section('feature')\n  <x-feature id='{{ $feature_id }}' class='feature-index'>\n    <h4>Guard: \n      <x-select-guard x-model="query.guard_name" @change="search()"\n        class="border-user"\n      \/>\n    <\/h4>\n \n    <div class='flex item-start gap-6'\n      x-init="\n        permissions = @js($permissions);\n        console.log(@js($permissions));\n        items = @js($items);\n        \/\/ \u30c7\u30d0\u30c3\u30b0\u7528\n        search().then(() => { items.map(item => item.checked = true);});\n      "\n    >\n      <div id='left_column'>\n        <h3>\u5f79\u5272\u9078\u629e<\/h3>\n        <table\n          class='material-list'>\n          <thead>\n            {{-- thead 1\u884c\u76ee \u898b\u51fa\u3057 --}}\n            <tr class='query'>\n              <th><\/th>\n              <th class=''>\u5f79\u5272<\/th>\n              <th class=''>\u5909\u66f4\u524d\u6a29\u9650<\/th>\n              <th class=''>\u5909\u66f4\u5f8c\u6a29\u9650<\/th>\n            <\/tr>\n \n            {{-- thead 2\u884c\u76ee \u30d5\u30a9\u30fc\u30e0 --}}\n            <tr @input.debounce.500="search()" class="query border-b-2 align-text-top">\n              <th>\u691c\u7d22<\/th>\n \n              {{-- TableDefinition\u30af\u30e9\u30b9\u304b\u3089index\u306e\u30d3\u30e5\u30fc\u3067\u4f7f\u7528\u3059\u308b\u30ab\u30e9\u30e0\u3092\u53d6\u5f97\u3059\u308b --}}\n                <td class="name">\n                  <input x-model="query.name"\n                      placeholder="admin"\n                  >\n                <\/td>\n                <td class="role">\n                  <input x-model="query.permission_name"\n                    placeholder="oligo."\n                  >\n                <\/td>\n            <\/tr>\n \n            {{-- thead 3\u884c\u76ee \u30dc\u30bf\u30f3 --}}\n            <tr>\n              <td colspan="9" class='px-2 py-2'>\n                <button @click="search()">  {{-- @input\u3067\u81ea\u52d5\u5b9f\u884c\u3055\u308c\u308b\u304c\u3001\u30dc\u30bf\u30f3\u3082\u52a0\u3048\u3066\u304a\u304f --}}\n                  \u691c\u7d22\n                  <x-ajax-state var='query' \/>\n                <\/button>\n \n                {{-- \u30c1\u30a7\u30c3\u30af\u30dc\u30bf\u30f3\u3067\u9078\u629e\u30fb\u975e\u9078\u629e\u3092\u3059\u308b --}}\n                <button @click.prevent="\n                  items.forEach(item => item.checked = !item.checked);\n                  console.log('check reverse', items.length, checkedItems.length, hasChecked);\n                ">\n                  \u30c1\u30a7\u30c3\u30af\u3092\u53cd\u8ee2\n                <\/button>\n \n                {{-- \u30c1\u30a7\u30c3\u30af\u30dc\u30bf\u30f3\u3067\u9078\u629e\u30fb\u975e\u9078\u629e\u3092\u3059\u308b --}}\n                <button @click.prevent="\n                  items.forEach(item => item.checked = false);\n                ">\n                  \u5168\u3066\u30c1\u30a7\u30c3\u30af\u3092\u306f\u305a\u3059\n                <\/button>\n                \n                <button @click="resetQuery();">\u6761\u4ef6\u30af\u30ea\u30a2<\/button>\n              <\/td>\n            <\/tr>\n \n            {{-- thead 4\u884c\u76ee \u691c\u7d22\u7d50\u679c --}}\n            <tr class='border-b-2'>\n              <td x-show="items.length == 0" colspan="9">\n                \u6761\u4ef6\u306b\u5408\u3046\u3082\u306e\u306f\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002\n              <\/td>\n              <td x-show="items.length > 0" colspan="9">\n                \u691c\u7d22\u7d50\u679c: <span x-text="items.length"><\/span>\u4ef6\n                (\u2611: <span x-text="checkedItems.length"><\/span>\u4ef6)\n \n                {{-- \u4ee5\u4e0b\u306f\u958b\u767a\u7528\u306b\u3064\u304f\u3063\u3066\u3042\u308b\u306e\u3067\u3001\u672c\u756a\u3067\u306f\u524a\u9664\u3057\u305f\u307b\u3046\u304c\u3088\u3044\u304b\u3082\u3057\u308c\u306a\u3044 --}}\n                query:\n                <template x-for="key in Object.keys(query)" :key="key">\n                  <template x-if="query[key] !== undefined && query[key] !== ''">\n                    <span x-text="key"><\/span>=<span x-text="query[key]"><\/span>\n                  <\/template>\n                <\/template>\n              <\/td>\n            <\/tr>\n          <\/thead>\n \n          <tbody>\n            {{-- \u691c\u7d22\u7d50\u679c --}}\n            {{-- Alpine.js (x-for)\u306b\u3088\u3063\u3066\u3001items\u914d\u5217\u306e\u305d\u308c\u305e\u308c\u306e\u8981\u7d20\u3092item\u306b\u53d6\u308a\u51fa\u3057\u3001template\u8981\u7d20\u3092\u5897\u3084\u3059 --}}\n            <template x-for="item in items" :key="item.id">\n              <tr @click="item.checked = !item.checked">\n                <td><input x-model="item.checked" @click.stop type='checkbox'><\/td>\n                <td x-text="item.name" class="name"><\/td>\n \n                <!-- \u5909\u66f4\u524d\u5f79\u5272 -->\n                <td>\n                  <template x-for="permission in item.permissions" :key="permission.id">\n                    <span x-text="permission.name"\n                      style="display:inline-block; background:#eee; padding:2px 6px; margin-right:4px; border-radius:4px;"\n                    ><\/span>\n                  <\/template>\n                <\/td>\n                <!-- \u5909\u66f4\u5f8c\u5f79\u5272 -->\n                <td>\n                  <template x-for="permissionId in (rolePermissionsMap[item.id] || [])" :key="permissionId">\n                    <span\n                      x-text="permissions.find(p => p.id === permissionId)?.name"\n                      style="display:inline-block; background:#eee; padding:2px 6px; margin-right:4px; border-radius:4px;"\n                    ><\/span>\n                  <\/template>\n                <\/td>\n              <\/tr>\n            <\/template>\n          <\/tbody>\n        <\/table>\n \n        <button type='submit' title="\u5f79\u5272\u3068\u6a29\u9650\u3092\u66f4\u65b0\u3057\u307e\u3059"\n          :disabled="checkedItems.length < 1"\n          @click="updatePermission().then(data => {\n            console.log('after updatePermission', data.roles);\n            const ids = new Set(data.roles.map(role => Number(role.id)));\n            items = items.filter(item => !ids.has(item.id));\n            return append(data.roles.map(role => {\n              role.checked = true;\n              return role;\n            }));\n          })"\n        >\n          \u66f4\u65b0\n        <\/button>\n      <\/div>  <!-- end of left_colum -->\n \n      <div id='right_column' class='w-[30%]'>\n        <!-- permission\u306e\u4e00\u89a7 -->\n        <h3>\u4f5c\u6210\u6e08\u307f\u6a29\u9650<\/h3>\n        <template x-for="(subperms, group_name) in groupedPermissions()" :key="group_name">\n          <fieldset class="border border-user p-4 rounded mb-4">\n            <legend class="px-2 font-bold">\n              <label>\n                <input type='checkbox' checked='' class='accent-user'>\n                <span x-text="group_name"><\/span>\n              <\/label>\n            <\/legend>\n            <div class='flex flex-wrap gap-4 mt-2'>\n              <template x-for="perm in subperms" :key="perm.id">\n                <label class="inline-flex items-center gap-1">\n                  <input type='checkbox'\n                    :checked="isAllHas(perm.id)"\n                    x-effect="$el.indeterminate = isAnyHas(perm.id)"\n                    @click="togglePermission(perm.id, ! isAllHas(perm.id))"\n                  \/>\n                  <span x-text="perm.name.split('.').pop() + ' ' + havingCount(perm.name)" class="name"><\/span>\n                  @if(1)  {{-- \u52d5\u4f5c\u78ba\u8a8d\u7528 --}}\n                    [<span x-text="havingCount(perm.id)" ><\/span>\n                    <span x-text="isAnyHas(perm.id)" ><\/span>\n                    <span x-text="isAllHas(perm.id)" ><\/span>]\n                  @endif\n                <\/label>\n              <\/template>\n            <\/div>\n          <\/fieldset>\n        <\/template>\n \n        <!-- permission\u306e\u8ffd\u52a0\u7528\u30d5\u30a9\u30fc\u30e0 -->\n        <form x-data="{entries:'some.read,some.write'}"\n          @submit.prevent="console.log('Store permissions:', entries);\n            htmx.ajax('POST', url.store, {\n              source: $el,\n              target:'#{{ $feature_id }}',\n              swap: 'outerHTML',\n              headers: {\n                'HX-Target': 'feature-' + '{{ $feature_id }}',\n              }\n            });\n        ">\n          @csrf\n          <fieldset class="border border-user p-4 rounded mb-4">\n            <legend class="px-2 font-bold">\u6a29\u9650\u3092\u8ffd\u52a0<\/legend>\n            <input type='input' x-model='entries' class='border-1 border-user p-1'>\n            <button>\u8ffd\u52a0<\/button>\n            <input type='hidden' name='guard_name' x-model='query.guard_name'>\n \n            {{-- htmx\u3067\u30d5\u30a9\u30fc\u30e0\u3092\u9001\u4fe1\u3059\u308b --}}\n            <template \n              x-for="(entry, index) in entries.split(',').map(s => s.trim())"\n              :key="index"\n            >\n              <span>\n                <input type="hidden" :name="`items[${index}][name]`" :value="entry">\n                <input type="hidden" :name="`items[${index}][guard_name]`" :value="query.guard_name">\n              <\/span>\n            <\/template>\n          <\/fieldset>\n        <\/form>\n      <\/div>  <!-- end of right_colum role5,role6,role7-->\n    <\/div>\n  <\/x-feature>\n@endsection\n@props(['items' => []])\n<\/pre>\n<\/div>\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":25,"href":"https:\/\/biochemistry.isc.chubu.ac.jp\/labo\/suzuki\/wp-json\/wp\/v2\/pages\/3194\/revisions"}],"predecessor-version":[{"id":3458,"href":"https:\/\/biochemistry.isc.chubu.ac.jp\/labo\/suzuki\/wp-json\/wp\/v2\/pages\/3194\/revisions\/3458"}],"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}]}}