◀ 2.

必ずやることリスト＆おすすめ設定

▶

編集

ページの作成

テンプレートを更新

ページの作成

親となるページを選択してください。

ページは必ず何かしらの親ページに紐づきます。
親ページに紐づくページを子ページといいます。
例：親=スポーツ, 子1=サッカー, 子2=野球

子ページを親ページとして更に子ページを作成することも可能です。
例：親=サッカー, 子=サッカーのルール

親ページはいつでも変更することが可能なのでとりあえず作ってみましょう！

テンプレート

本稿はLaravelプロジェクト作成においてやるべきことをリストアップします。

※個人的なメモのようなものなので参考程度に

※Laravelのバージョンは5.5を対象とします。

※DBはMySQLを前提とします。（違うDBの場合は読み替えてください）

※Laravelが初めての場合はこちらを参照。

プロジェクト作成

composer create-project laravel/laravel --prefer-dist プロジェクト名

データベースの作成

※MySQLの導入についてはこちらを参照

create database database_name;

DBユーザーの作成

GRANT ALL PRIVILEGES
ON database_name.*
TO user_name@localhost
IDENTIFIED BY 'password';

.envファイルのDB設定

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=database_name
DB_USERNAME=user_name
DB_PASSWORD=password

マイグレーションによるカラム定義変更に必要なパッケージのインストール

マイグレーション機能を使用するなら必須。

composer require doctrine/dbal

認証システムの導入

Laravelが用意してくれるログイン機能を使用したい場合は必要。

php artisan make:auth

マイグレーションの注意点

デフォルトで以下のマイグレーションファイルがある。

・yyyy_mm_dd_000000_create_users_table

・yyyy_mm_dd_100000_create_password_resets_table

Laravelの認証システムを導入する場合は上記の2ファイルは必要。

導入しない場合はファイルを削除して次の項目へ読み進めること。

導入する場合、このままマイグレーションするとエラーが出るので要注意・・・。

エラーはキーに指定しているカラムがバイト数オーバーしているという内容。

usersテーブルのemailを以下のように修正。

$table->string('email')->charset('utf8')->unique();

password_resetsのemailを以下のように修正。

$table->string('email')->charset('utf8')->index();

以下のコマンドを実行してテーブルを作成。

php artisan migrate

各種ディレクトリの作成

以下は任意。お好みで。

「app」ディレクトリ直下に以下のディレクトリを作成する。

リポジトリー：「Repositories」ディレクトリを作成。

モデル：「Models」ディレクトリを作成。

Util：「Utils」ディレクトリを作成。

ビジネスロジック：「Services」ディレクトリを作成。

定数ファイルの作成

「config」ディレクトリ直下に「const.php」ファイルを作成する。

内容はとりあえず以下の通り。

<?php

return [
'const1' => '定数１',
'const2' => '定数２',
];

独自定義用のcss、jsファイルの作成

ファイル名は任意。

とりあえず以下のファイルを作成。

css：public/css/common.js

js：public/js/common.js

画像格納用ディレクトリ・および必須画像の作成

「public」ディレクトリ直下に「img」ディレクトリを作成。

また、ブラウザのタブ、スマホのブックマークで使用する画像を作成して格納する。

ファイル名は任意だが、とりあえず以下の通りにすること。

ブラウザ用：favicon.ico

スマホ用：sm_ico.png

※画像作成に時間がかかると思われる＆後で作成したいケースがあると思うので、とりあえず適当な画像を用意すればよい。

レイアウトの改良

ページタイトルを設定しやすいように＆先ほど作成したcss, jsファイルの読み込みを追記。

以下の内容のファイルを作成する。

resources/views/layouts/app.blade.php

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<meta name="csrf-token" content="{{ csrf_token() }}">

<title>@yield('title1'){{config('app.name')}}@yield('title2')</title>

<link href="{{ asset('css/common.css') }}" rel="stylesheet">

<script src="{{ asset('js/common.js') }}"></script>

<link rel="shortcut icon" href="{{ asset('img/favicon.ico') }}">
<link rel="icon" type="image/vnd.microsoft.icon" href="{{ asset('img/favicon.ico') }}">

<link rel="apple-touch-icon" href="{{ asset('img/sm_ico.png') }}"/>
</head>
<body>
<div id="app">
<div>@yield('content')</div>
</div>
</body>
</html>