Laravel10（PHP）でバックエンドAPIを開発する方法まとめ【OpenAPI仕様書・管理画面カスタマイズ】

・・・

/*
|--------------------------------------------------------------------------
| Application Timezone
|--------------------------------------------------------------------------
|
| Here you may specify the default timezone for your application, which
| will be used by the PHP date and date-time functions. We have gone
| ahead and set this to a sensible default for you out of the box.
|
*/

// 'timezone' => 'UTC',
'timezone' => 'Asia/Tokyo',

/*
|--------------------------------------------------------------------------
| Application Locale Configuration
|--------------------------------------------------------------------------
|
| The application locale determines the default locale that will be used
| by the translation service provider. You are free to set this value
| to any of the locales which will be supported by the application.
|
*/

// 'locale' => 'en',
'locale' => 'ja',

・・・

version: '3.8'
services:
  app:
    build:
      context: .
      dockerfile: ./docker/local/php/Dockerfile
    container_name: app
    volumes:
      - .:/app
    ports:
      - '80:8080'
    depends_on:
      - mysql
      - mysql_test
mysql:
  image: mysql:8.0
  container_name: mysql
  environment:
    MYSQL_ROOT_PASSWORD: '${DB_PASSWORD}'
    MYSQL_ROOT_HOST: "%"
    MYSQL_DATABASE: '${DB_DATABASE}'
    MYSQL_USER: '${DB_USERNAME}'
    MYSQL_PASSWORD: '${DB_PASSWORD}'
    MYSQL_ALLOW_EMPTY_PASSWORD: 1
    TZ: 'Asia/Tokyo'
  command: mysqld --character-set-server=utf8mb4 --collation-server=utf8mb4_bin
  volumes:
    - mysql-local-data:/var/lib/mysql
    - ./docker/local/mysql/my.cnf:/etc/mysql/conf.d/my.cnf
  ports:
    - 3306:3306
mysql_test:
  image: mysql:8.0
  container_name: mysql_test
  environment:
    MYSQL_ROOT_PASSWORD: '${DB_PASSWORD}'
    MYSQL_ROOT_HOST: "%"
    MYSQL_DATABASE: 'testing'
    MYSQL_USER: 'testuser'
    MYSQL_PASSWORD: '${DB_PASSWORD}'
    MYSQL_TCP_PORT: 3307
    MYSQL_ALLOW_EMPTY_PASSWORD: 1
    TZ: 'Asia/Tokyo'
  command: mysqld --character-set-server=utf8mb4 --collation-server=utf8mb4_bin
  volumes:
    - mysql-local-test-data:/var/lib/mysql
    - ./docker/local/mysql/my.cnf:/etc/mysql/conf.d/my.cnf
  ports:
    - 3307:3306
  expose:
    - 3307
  volumes:
    mysql-local-data:
      driver: local
    mysql-local-test-data:
      driver: local

FROM php:8.2-apache

ENV COMPOSER_ALLOW_SUPERUSER 1
ENV COMPOSER_NO_INTERACTION 1
ENV COMPOSER_HOME /composer

RUN mkdir /app
WORKDIR /app

RUN apt-get update && apt-get install -y \
    libzip-dev \
    && docker-php-ext-install zip pdo_mysql

COPY --from=composer /usr/bin/composer /usr/bin/composer

COPY . /app
COPY ./docker/local/php/php.ini /usr/local/etc/php/php.ini
COPY ./docker/local/php/000-default.conf /etc/apache2/sites-available/000-default.conf

RUN composer install && \
php artisan cache:clear && \
php artisan config:clear

RUN chmod 777 -R storage && \
echo "Listen 8080" >> /etc/apache2/ports.conf && \
a2enmod rewrite

CMD ["apache2-foreground"]

<VirtualHost *:8080>
    ServerAdmin webmaster@localhost
    DocumentRoot /app/public/

<Directory /app/>
    AllowOverride All
    Require all granted
</Directory>

    ErrorLog ${APACHE_LOG_DIR}/error.log
    CustomLog ${APACHE_LOG_DIR}/access.log combined
</VirtualHost>

<?php

namespace App\Repositories\User;

use App\Models\User;

interface UserRepositoryInterface
{
    public function createUser(string $uid, string $name, string $email);
    public function saveUser(User $user);
    public function getAllUserWithTrashed();
    public function getUserFromUid(string $uid);
    public function deleteUser(User $user);
}

<?php

namespace App\Repositories\User;

use App\Models\User;

class UserRepository implements UserRepositoryInterface
{
    public function createUser(
        string $uid,
        string $name,
        string $email
    )
    {
        $user = new User();
        $user->uid = $uid;
        $user->name = $name;
        $user->email = $email;

        return $user;
    }

    public function saveUser(User $user)
    {
        return $user->save();
    }

    public function getAllUserWithTrashed()
    {
        // 論理削除データも取得
        return User::withTrashed()->get();
    }

    public function getUserFromUid(string $uid)
    {
        return User::where('uid', $uid)->first();
    }

    public function deleteUser(User $user)
    {
        return $user->delete();
    }
}

<?php

namespace App\Services;

use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
use App\Repositories\User\UserRepositoryInterface as UserRepository;
use Illuminate\Support\Facades\DB;
use Illuminate\Support\Facades\Log;
use Illuminate\Http\Exceptions\HttpResponseException;
use \Symfony\Component\HttpFoundation\Response;

class UserService extends Controller
{
    public function __construct(UserRepository $userRepo)
    {
        $this->userRepositry = $userRepo;
    }

    public function createUser(Request $request)
    {
        try {
            DB::beginTransaction();

            $user = $this->userRepositry->createUser(
                        $request->uid,
                        $request->name,
                        $request->email
                    );

            $this->userRepositry->saveUser($user);

            DB::commit();
        } catch (\Exception $e) {
            DB::rollback();
            Log::error("UserService/createUserでエラー");
            throw new HttpResponseException(response()->json(['message' => 'Internal Server Error'], Response::HTTP_INTERNAL_SERVER_ERROR));
        }

        return response()->json(['message' => 'OK'], Response::HTTP_CREATED);
    }

    public function getUsers(Request $request)
    {
        try {

            $users = $this->userRepositry->getAllUserWithTrashed();

        } catch (\Exception $e) {
            Log::error("UserService/getUsersでエラー");
            throw new HttpResponseException(response()->json(['message' => 'Internal Server Error'], Response::HTTP_INTERNAL_SERVER_ERROR));
        }

        return $this->jsonResponse($users);
    }

    public function getUser(Request $request, string $uid)
    {
        try {

            $user = $this->userRepositry->getUserFromUid($uid);

        } catch (\Exception $e) {
            Log::error("UserService/getUserでエラー");
            throw new HttpResponseException(response()->json(['message' => 'Internal Server Error'], Response::HTTP_INTERNAL_SERVER_ERROR));
        }

        return $this->jsonResponse($user);
    }

    public function updateUser(Request $request, string $uid)
    {
        try {
            DB::beginTransaction();

            $user = $this->userRepositry->getUserFromUid($uid);

            if (!is_null($request->name)) {
                $user->name = $request->name;
            }

            if (!is_null($request->email)) {
                $user->email = $request->email;
            }

            $this->userRepositry->saveUser($user);

            DB::commit();
        } catch (\Exception $e) {
            DB::rollback();
            Log::error("UserService/updateUserでエラー");
            throw new HttpResponseException(response()->json(['message' => 'Internal Server Error'], Response::HTTP_INTERNAL_SERVER_ERROR));
        }

        return response()->json(['message' => 'OK']);
    }

    public function destroyUser(Request $request, string $uid)
    {
        try {
            DB::beginTransaction();

            $user = $this->userRepositry->getUserFromUid($uid);

            $this->userRepositry->deleteUser($user);

            DB::commit();
        } catch (\Exception $e) {
            DB::rollback();
            Log::error("UserService/destroyUserでエラー");
            throw new HttpResponseException(response()->json(['message' => 'Internal Server Error'], Response::HTTP_INTERNAL_SERVER_ERROR));
        }

        return response()->json(['message' => 'OK']);
    }
}

<?php

namespace App\Http\Requests;

use App\Http\Controllers\Controller;
use Illuminate\Contracts\Validation\Validator;
use Illuminate\Http\Exceptions\HttpResponseException;

trait ValidationFailedTrait
{
    /**
    * エラーメッセージを出力
    *
    * @return viod
    */
    protected function failedValidation(Validator $validator)
    {
        $response['errors'] = $validator->errors()->toArray();

        $controller = new Controller();

        throw new HttpResponseException(
            $controller->jsonResponse($response, 422)
        );
    }

    /**
    * 共通エラーメッセージ
    */
    public function messages()
    {
        return [
            'required' => ':attributeは必須項目です。',
            'string' => ':attributeは文字列で入力して下さい。',
            'email' => ':attributeは有効なメールアドレス形式で入力して下さい。',
            'max' => [
                'string' => ':attributeは:max文字以内で入力して下さい。',
            ],
            'min' => [
                'string' => ':attributeは:min文字以上で入力して下さい。',
            ],
        ];
    }

    /**
    * 共通エラー文言
    */
    public function attributes()
    {
        return [
            'uid' => 'uid',
            'name' => '名前',
            'email' => 'メールアドレス',
            'password' => 'パスワード',
        ];
    }
}

FIREBASE_TYPE=
FIREBASE_PROJECT_ID=
FIREBASE_PRIVATE_KEY_ID=
FIREBASE_PRIVATE_KEY=
FIREBASE_CLIENT_EMAIL=
FIREBASE_CLIENT_ID=
FIREBASE_AUTH_URI=
FIREBASE_TOKEN_URI=
FIREBASE_AUTH_PROVIDER_X509_CERT_URL=
FIREBASE_CLIENT_X509_CERT_URL=
FIREBASE_UNIVERSE_DOMAIN=

・・・

Route::middleware('auth:api')->group(function () {
    Route::prefix('v1')->group(function() {
        Route::get('/user/{uid}', [UserController::class, 'user']);
        Route::put('/user/{uid}', [UserController::class, 'update']);
        Route::delete('/user/{uid}', [UserController::class, 'delete']);
    });
});

Route::prefix('v1')->group(function() {
    Route::post('/user', [UserController::class, 'create']);
    Route::get('/users', [UserController::class, 'users']);
});

・・・

・・・

    /**
    * Determine whether the user can update the model.
    */
    public function update(User $user, User $model): bool
    {
        return $user->id === $model->id;
    }

    /**
    * Determine whether the user can delete the model.
    */
    public function delete(User $user, User $model): bool
    {
        return $user->id === $model->id;
    }

・・・

<?php

namespace App\Providers;

// use Illuminate\Support\Facades\Gate;
use Illuminate\Foundation\Support\Providers\AuthServiceProvider as ServiceProvider;
// Firebaseの認証機能用
use Illuminate\Support\Facades\Auth;
use Illuminate\Http\Request;
use Illuminate\Http\Exceptions\HttpResponseException;
use \Symfony\Component\HttpFoundation\Response;
use Kreait\Firebase\Contract\Auth as FirebaseAuth;
use App\Models\User;
// ポリシー追加
use App\Policies\UserPolicy;

class AuthServiceProvider extends ServiceProvider
{
    /**
    * The model to policy mappings for the application.
    *
    * @var array<class-string, class-string>
    */
    protected $policies = [
        User::class => UserPolicy::class,
    ];

・・・

<?php

namespace App\Repositories\Auth;

interface AuthRepositoryInterface
{
    public function createFirebaseUser(
        string $email,
        string $password
    );
}

<?php

namespace App\Repositories\Auth;

use Kreait\Firebase\Contract\Auth as FirebaseAuth;

class AuthRepository implements AuthRepositoryInterface
{
    public function __construct(FirebaseAuth $firebaseAuth)
    {
        $this->firebaseAuth = $firebaseAuth;
    }

    public function createFirebaseUser(
        string $email,
        string $password
    )
    {
        $userProperties = [
            'email' => $email,
            'password' => $password,
        ];
        $createdUser = $this->firebaseAuth->createUser($userProperties);

        return $createdUser;
    }

    public function deleteFirebaseUser(string $uid)
    {
        $this->firebaseAuth->deleteUser($uid);
    }
}

<?php

namespace App\Services;

use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
use App\Repositories\Auth\AuthRepositoryInterface as AuthRepository;
use App\Repositories\User\UserRepositoryInterface as UserRepository;
use Illuminate\Support\Facades\DB;
use Illuminate\Support\Facades\Log;
use Illuminate\Http\Exceptions\HttpResponseException;
use \Symfony\Component\HttpFoundation\Response;

class AuthService extends Controller
{
    public function __construct(
        AuthRepository $authRepo,
        UserRepository $userRepo
    )
    {
        $this->authRepositry = $authRepo;
        $this->userRepositry = $userRepo;
    }

    public function registerUser(Request $request)
    {
        try {
            DB::beginTransaction();

            // Firebaseにユーザー作成
            $authUser = $this->authRepositry
                             ->createFirebaseUser(
                                 $request->email,
                                 $request->password
                             );

            // DBにユーザー作成
            $user = $this->userRepositry->createUser(
                             $authUser->uid,
                             $request->name,
                             $authUser->email
                         );
            $this->userRepositry->saveUser($user);

            DB::commit();
        } catch (\Exception $e) {
            // ロールバック
            DB::rollback();
            // Firebaseユーザーが作成済みの場合は削除処理
            if (!empty($authUser)) {
                $this->authRepositry->deleteFirebaseUser($authUser->uid);
            }
            Log::error("AuthService/registerUserでエラー");
            throw new HttpResponseException(response()->json(['message' => 'Internal Server Error'], Response::HTTP_INTERNAL_SERVER_ERROR));
        }

        return response()->json(['message' => 'OK'], Response::HTTP_CREATED);
    }
}

<?php

namespace App\Http\Controllers\Api;

use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
use App\Services\AuthService;
use App\Http\Requests\Auth\SignupRequest;

class AuthController extends Controller
{
    public function __construct(AuthService $authService)
    {
        $this->authService = $authService;
    }

    public function signup(SignupRequest $request)
    {
        return $this->authService->registerUser($request);
    }
}

・・・

Route::middleware('auth:api')->group(function () {
    Route::prefix('v1')->group(function() {
        Route::get('/user/{uid}', [UserController::class, 'user']);
        Route::put('/user/{uid}', [UserController::class, 'update']);
        Route::delete('/user/{uid}', [UserController::class, 'delete']);
    });
});

Route::prefix('v1')->group(function() {
    Route::post('/user', [UserController::class, 'create']);
    Route::get('/users', [UserController::class, 'users']);
    Route::post('/signup', [AuthController::class, 'signup']);
});

・・・

<?php

use Illuminate\Support\Str;
use App\Repositories\Auth\AuthRepositoryInterface as AuthRepository;
use App\Repositories\User\UserRepositoryInterface as UserRepository;
use Symfony\Component\HttpKernel\Exception\AccessDeniedHttpException;
use App\Models\User;

test('サインアップ処理が正常終了し、DBにユーザーが新規作成されること', function () {
    // Firebaseのユーザー作成処理をモック化
    $uid = Str::random(10);
    $name = "testUser";
    $email = "test@example.com";
    $password = Str::random(10);
    $properties = [
        'uid' => $uid,
        'email' => $email
    ];
    $returnObj = (object) $properties;
    $mockAuthRepo = Mockery::mock(AuthRepository::class)->makePartial();
    $mockAuthRepo->shouldReceive('createFirebaseUser')
                 ->once()
                 ->andReturn($returnObj);
    $this->app->instance(AuthRepository::class, $mockAuthRepo);

    // API実行
    $path = "/api/v1/signup";
    $body = [
        'name' => $name,
        'email' => $email,
        'password' => $password
    ];
    $response = $this->post($path, $body);

    // 検証
    expect($response->status())->toBe(201);
    $this->assertDatabaseHas(User::class, [
        'uid' => $uid,
        'name' => $name,
        'email' => $email,
    ]);
});

test('ユーザー保存処理でエラーの場合、ロールバックされてユーザーが作成されないこと', function () {
    // Firebaseのユーザー作成、削除処理をモック化
    $uid = Str::random(10);
    $name = "testUser";
    $email = "test@example.com";
    $password = Str::random(10);
    $properties = [
        'uid' => $uid,
        'email' => $email
    ];
    $returnObj = (object) $properties;
    $mockAuthRepo = Mockery::mock(AuthRepository::class)->makePartial();
    $mockAuthRepo->shouldReceive('createFirebaseUser')
                 ->once()
                 ->andReturn($returnObj);
    $mockAuthRepo->shouldReceive('deleteFirebaseUser')
                 ->once()
                 ->andReturn();
    $this->app->instance(AuthRepository::class, $mockAuthRepo);

    // ユーザー保存処理をモック化
    $message = 'Internal Server Error';
    $code = 500;
    $mockUserRepo = Mockery::mock(UserRepository::class)->makePartial();
    $mockUserRepo->shouldReceive('saveUser')
                 ->andThrow(new AccessDeniedHttpException($message, null, $code));
    $this->app->instance(UserRepository::class, $mockUserRepo);

    // API実行
    $path = "/api/v1/signup";
    $body = [
        'name' => $name,
        'email' => $email,
        'password' => $password
    ];
    $response = $this->post($path, $body);

    // 検証
    $res_json = json_encode([ "message" => $message ]);
    expect($response->status())->toBe(500);
    expect($response->content())->toBe($res_json);
    $this->assertDatabaseMissing(User::class, [
        'uid' => $uid,
        'name' => $name,
        'email' => $email,
    ]);
});

・・・

    'providers' => ServiceProvider::defaultProviders()->merge([
        /*
        * Package Service Providers...
        */
        Vyuldashev\LaravelOpenApi\OpenApiServiceProvider::class,

・・・

<?php

$title = "API仕様書";
$description = "Laravel10のバックエンドAPIのAPI仕様書";

return [

    'collections' => [

        'default' => [

            'info' => [
                'title' => $title,
                'description' => $description,
                'version' => '1.0.0',
                'contact' => [],
            ],

            'servers' => [
                [
                    'url' => env('APP_URL'),
                    'description' => null,
                    'variables' => [],
                ],
            ],

            'tags' => [

                [
                    'name' => 'user',
                    'description' => 'ユーザー',
                ],

            ],

・・・

<?php

use Illuminate\Routing\Router;

Admin::routes();

Route::group([
    'prefix' => config('admin.route.prefix'),
    'namespace' => config('admin.route.namespace'),
    'middleware' => config('admin.route.middleware'),
    'as' => config('admin.route.prefix') . '.',
], function (Router $router) {

    $router->get('/', 'HomeController@index')->name('home');
    $router->resource('/users', UserController::class);
});

・・・

// カスタムフォーム
use Symfony\Component\HttpFoundation\Response;
use Illuminate\Support\Arr;
use Illuminate\Support\Facades\DB;
use Encore\Admin\Form\Builder;

class CustomForm extends Form
{
    // 新規作成処理後のリダイレクト処理のオーバーライド
    protected function redirectAfterStore()
    {
        // ここに行いたい処理を書く

        $resourcesPath = $this->resource(0);

        $key = $this->model->getKey();

        return $this->redirectAfterSaving($resourcesPath, $key);
    }

    // 更新処理後のオーバーライド
    public function update($id, $data = null)
    {
        // ここに行いたい処理を書く

        $data = ($data) ?: request()->all();

        $isEditable = $this->isEditable($data);

        if (($data = $this->handleColumnUpdates($id, $data)) instanceof Response) {
            return $data;
        }

        /* @var Model $this ->model */
        $builder = $this->model();

        if ($this->isSoftDeletes) {
            $builder = $builder->withTrashed();
        }

        $this->model = $builder->with($this->getRelations())->findOrFail($id);

        $this->setFieldOriginalValue();

        // Handle validation errors.
        if ($validationMessages = $this->validationMessages($data)) {
            if (!$isEditable) {
                return back()->withInput()->withErrors($validationMessages);
            }

            return response()->json(['errors' => Arr::dot($validationMessages->getMessages())], 422);
        }

        if (($response = $this->prepare($data)) instanceof Response) {
            return $response;
        }

        DB::transaction(function () {
            $updates = $this->prepareUpdate($this->updates);

            foreach ($updates as $column => $value) {
                /* @var Model $this ->model */
                $this->model->setAttribute($column, $value);
            }

            $this->model->save();

            $this->updateRelation($this->relations);
        });

        if (($result = $this->callSaved()) instanceof Response) {
            return $result;
        }

        if ($response = $this->ajaxResponse(trans('admin.update_succeeded'))) {
            return $response;
        }

        return $this->redirectAfterUpdate($id);
    }

    // 更新処理後のリダイレクト処理のオーバーライド
    protected function redirectAfterUpdate($key)
    {
        // ここに行いたい処理を書く

        $resourcesPath = $this->resource(-1);

        return $this->redirectAfterSaving($resourcesPath, $key);
    }

    // 保存処理後のリダイレクト処理のオーバーライド
    protected function redirectAfterSaving($resourcesPath, $key)
    {
        // ここに行いたい処理を書く

        if (request('after-save') == 1) {
            // continue editing
            $url = rtrim($resourcesPath, '/')."/{$key}/edit";
        } elseif (request('after-save') == 2) {
            // continue creating
            $url = rtrim($resourcesPath, '/').'/create';
        } elseif (request('after-save') == 3) {
            // view resource
            $url = rtrim($resourcesPath, '/')."/{$key}";
        } else {
            $url = request(Builder::PREVIOUS_URL_KEY) ?: $resourcesPath;
        }

        admin_toastr(trans('admin.save_succeeded'));

        return redirect($url);
    }

}

・・・

Encore\Admin\Form::forget(['map', 'editor']);

// カスタマイズのため、「/resources/views/laravel-admin」に配置したファイルを読み取る設定
app('view')->prependNamespace('admin', resource_path('views/laravel-admin'));

// ヘッダーの背景色をカスタマイズ
use Encore\Admin\Admin;
$env = config('app.display_env');
    if ($env == 'local') {
        Admin::style('.skin-blue-light .main-header .logo {background-color: dimgray;}');
        Admin::style('.skin-blue-light .main-header .navbar {background-color: dimgray;}');
        Admin::style('.navbar-nav>.user-menu>.dropdown-menu>li.user-header {background-color: dimgray;}');
    } elseif ($env == 'development') {
        Admin::style('.skin-blue-light .main-header .logo {background-color: #009977;}');
        Admin::style('.skin-blue-light .main-header .navbar {background-color: #009977;}');
        Admin::style('.navbar-nav>.user-menu>.dropdown-menu>li.user-header {background-color: #009977;}');
    } elseif ($env == 'staging') {
        Admin::style('.skin-blue-light .main-header .logo {background-color: #B384FF;}');
        Admin::style('.skin-blue-light .main-header .navbar {background-color: #B384FF;}');
        Admin::style('.navbar-nav>.user-menu>.dropdown-menu>li.user-header {background-color: #B384FF;}');
    } elseif ($env == 'production') {
        Admin::style('.skin-blue-light .main-header .logo {background-color: #2C7CFF;}');
        Admin::style('.skin-blue-light .main-header .navbar {background-color: #2C7CFF;}');
        Admin::style('.navbar-nav>.user-menu>.dropdown-menu>li.user-header {background-color: #2C7CFF;}');
    }

<?php

namespace App\Admin\Controllers;

use App\Http\Controllers\Controller;
use Encore\Admin\Controllers\Dashboard;
use Encore\Admin\Layout\Column;
use Encore\Admin\Layout\Content;
use Encore\Admin\Layout\Row;
use Encore\Admin\Facades\Admin;

class HomeController extends Controller
{
    public function index(Content $content)
    {
        if (Admin::user()->isAdministrator()) {
            $res = $content
                       ->title('ダッシュボード')
                       ->row(Dashboard::title())
                       ->row(Dashboard::environment());
        } else {
            // Administrator以外はenvironmentを非表示
            $res = $content
                       ->title('ダッシュボード')
                       ->row(Dashboard::title());
        }

        return $res;
    }
}

・・・

<div class="login-box">
  <div class="login-logo">
    <!-- タイトルロゴ修正 -->
    <!-- <a href="{{ admin_url('/') }}"><b>{{config('admin.name')}}</b></a> -->
    <a href="{{ admin_url('/') }}"><b>{{config('app.display_env')}}<br/>管理画面</b></a>
  </div>
  <!-- /.login-logo -->

・・・

<!-- Header Navbar -->
<nav class="navbar navbar-static-top" role="navigation">
    <!-- Sidebar toggle button-->
    <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
        <span class="sr-only">Toggle navigation</span>
    </a>
    <ul class="nav navbar-nav hidden-sm visible-lg-block">
    {!! Admin::getNavbar()->render('left') !!}
    </ul>

    <!-- 中央にAPP_DISPLAY_ENVを表示 -->
    <div style="display: flex; justify-content: center; position:relative; top: 5px;">
        <div style="width: 100px; height: 0; font-size: x-large; font-weight: bold; color: white;">
            {!! config('app.display_env') !!}
        </div>
    </div>

・・・

<style>
    .title {
        font-size: 50px;
        color: #636b6f;
        font-family: 'Raleway', sans-serif;
        font-weight: 100;
        display: block;
        text-align: center;
        margin: 20px 0 10px 0px;
    }

    .links {
        text-align: center;
        margin-bottom: 20px;
    }

    .links > a {
        color: #636b6f;
        padding: 0 25px;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: .1rem;
        text-decoration: none;
        text-transform: uppercase;
    }

    /* ダッシュボードメニュー用 */
    .main {
        width: 100%;
        margin-bottom: 20px;
    }

    .main .content {
        width: 80%;
        height: 90%;
        background-color: white;
    }

    .main .content h3 {
        margin-bottom: 30px;
    }

    .main .content ul {
        font-size: large;
    }

    .main .content li {
        margin-bottom: 20px;
    }

    .main .content .fa-angle-left:before {
        display: none;
    }

    .main .content li .treeview-menu {
        margin-top: 10px;
       margin-bottom: 20px;
    }

</style>

<div class="title">
    管理メニュー
</div>
<div class="main">
    <div class="content">
        <ul>
            @each('admin::partials.menu', Admin::menu(), 'item')
        </ul>
    </div>
</div>