作ったもの

シンプルなTODOリスト

作った経緯

今日やることをサクッとメモして、優先順位をつけたりできるサービスがあればなと個人的に思ったからですね。

ごちゃごちゃたくさん機能がついているもの よりもシンプルに今日やることをリスト化できればタスクに集中しやすいと思い、作りました。

サービスのこだわり

とにかくシンプルに

最初作った時は、更新ボタンやソート確定ボタンなどごちゃごちゃしていたのですが、とにかく使いやすくするように不要な要素はできるだけそぎ落としまし た。ボタン名もつけずに直感的に使えるようにしました。

処理は非同期で行い、タスクの登録や更新はフォーカスアウトすることで確定します。タスクのソートも実行した時点で確定されます。

タスクの優先順位を簡単に変更できる

上下の矢印をクリックすることで、簡単にタスクの優先順位を変更することができます。

書けるタスクは1行

書こうと思えば長く書けてしまうタスクですが、あえて1行に制限することで、何をやるべきかを明確化することを目的としています。

使用した技術

• Laravel Webフレームワーク
• Materialize CSSフレームワーク
• MAMP ローカル環境
• MySQL データベース
• Apache Webサーバ

フロントサイド

基本的に処理はAjaxを使い非同期で行っています。

例として、削除時の処理をのせます。削除対象のタスクIDを取得して、サーバサイドで削除処理を実行します。

// 削除
$('.delete_task_button').on('click', function(e) {

    var $task_id = $(this).attr("value");
    var $delete_url = '/tasks/' + $task_id + '/delete';

    // 追加メモが登録されていない場合
    if( typeof $task_id === 'undefined') {
        $(this).parent().remove();

        return;
    }

    // 2重送信防止
    $('.delete_task_button').each(function(i, elm) {
        $(elm).prop('disabled', true).addClass('disabled');
    });

    $.ajax({
        headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        url: $delete_url,
        type: 'post',
        data: {'task_id': $task_id}
    })
    .done(function() {
        $('*[name=' + $task_id + ']').parent().remove();
    })
    .fail(function(data) {
        $('.message' + $task_id).text(data.responseJSON).show();
    });

    // ボタン解除
    $('.delete_task_button').each(function(i, elm) {
        $(elm).prop('disabled', false).removeClass('disabled');
    });
});

上下に移動する処理はjquery.smoothswap.jsを使って実現しています。

使い方はいたって簡単。jQuery本体とこちらのプラグインを一緒に読み込み、入れ替えたいパネル単位に“smoothswap-panel”を指定します。

パネル内の上に動かすための要素を”smoothswap-up”、下に動かすための要素を “smoothswap-down”とクラスを指定するだけです。

function setSmoothswap(){
    $('.smoothswap').smoothswap({
        marginHeight: 10,
        onswapped: function onSwapped(base, first, second) {
            base.children('.smoothswap-panel').each(function(index) {
            });
        }
    });
}

移動スピードを上げるには以下を追加すれば、早くなります。

duration: 'fast',

サーバサイド

ルーティング

削除ルーティングは以下の通り。

Route::post('tasks/{id}/delete', 'TasksController@delete');

コントローラ

POSTされた削除対象IDを取得し、サービスに投げ削除実行します。実行結果によって、Viewに返すJSONレスポンスを変えます。

削除が失敗した場合はエラーメッセージを返します。

/**
* タスク削除
*
* @return \Illuminate\Http\Response
*/
public function delete()
{
    // 削除処理実行
    $task_delete = $this->registerService->deleteTask($_POST['task_id']);

    if (!$task_delete)
    {
        // HTTPステータス 500
        return response()->json($this->registerService->getErrorMessage(),
            \Illuminate\Http\Response::HTTP_INTERNAL_SERVER_ERROR);
        }

    // HTTPステータス 204
    return response()->json(null, \Illuminate\Http\Response::HTTP_NO_CONTENT);
}

サービス

サービスで行ロックして削除処理を実行しています。シンプルにfindOrFail()メソッドでサクッとコントローラに書いても良いと思います。勉強もかねてコントローラとサービスに分けて処理を書きました。

/**
* 削除処理
*
* @param array $task_id タスクID
*
* @return \Illuminate\Http\Response
*/
public function deleteTask($task_id)
{
    DB::beginTransaction();

    try
    {
        // 行ロック
        $task = Task::lockForUpdate()->withTrashed()->find($task_id);
        if ($task === null || !empty($task->deleted_at)) throw new NotFoundException();

        $task->delete();

        DB::commit();

        return true;
    }
    catch (NotFoundException $e)
    {
        DB::rollBack();
        \Log::error($e->getMessage());

        $this->error_message = 'タスクが存在しないか既に削除されています。';

        return false;
    }
    catch (Exception $e)
    {
        DB::rollBack();
        \Log::error($e->getMessage());

        $this->error_message = '予期せぬエラーが発生しました。';

        return false;
    }
}

① LaravelでhasManyThroughを使う(第1、2引数)

以下の3つのテーブルを例に、departmentsを経由してemployeeを取得する。

companiesテーブル

id – integer
name – string

departmentsテーブル

id – integer
company_id – integer
name – string

employeesテーブル

id – integer
department_id – integer
name – string

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Company extends Model
{
    /**
    * 会社の全従業員を取得
    */
    public function employees()
    {
        return $this->hasManyThrough('App\Employee', 'App\Department');
    }
}

• 第1引数 最終的に取得したいモデル名
• 第2引数 仲介するモデル名

② LaravelでhasManyThroughを使う(第1、2、3、4引数)

リレーションのキーをカスタマイズする場合は、以下のように指定。

companiesテーブル

id – integer
name – string

departmentsテーブル

id – integer
company_id – integer
name – string

employeesテーブル

id – integer
department_id – integer
name – string

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Company extends Model
{
    /**
    * 会社の全従業員を取得
    */
    public function employees()
    {
        return $this->hasManyThrough('App\Employee', 'App\Department', 'company_id', 'department_id');
    }
}

• 第1引数 最終的に取得したいモデル名
• 第2引数 仲介するモデル名
• 第3引数 仲介するモデルの外部キー名
• 第4引数 最終的に取得したいモデルの外部キー名

③ LaravelでhasManyThroughを使う(第1、2、3、4、5、6引数)

リレーションのキーをより細かくカスタマイズする場合は、以下のように指定。

companiesテーブル

id – integer
name – string

departmentsテーブル

id – integer
company_id – integer
name – string

employeesテーブル

id – integer
department_id – integer
name – string

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Company extends Model
{
    /**
    * 会社の全従業員を取得
    */
    public function employees()
    {
        return $this->hasManyThrough('App\Employee', 'App\Department', 'company_id', 'department_id', 'id', 'id');
    }
}

• 第1引数 最終的に取得したいモデル名
• 第2引数 仲介するモデル名
• 第3引数 仲介するモデルの外部キー名
• 第4引数 最終的に取得したいモデルの外部キー名
• 第5引数 リレーション元のローカルキー名
• 第6引数 最終的に取得したいモデルのローカルキー名

参考：Laravel 5.5 Eloquent：リレーション

④ LaravelでhasManyThroughを使う(第1、2、3、4、5、6引数) 中間テーブルにどちらの外部キーも持っていた場合

3つテーブルが以下のようなカラム配置になっていた場合(中間テーブルにどちらの外部キーも持っていた場合)のhasManyThroughの使い方はこれ。

companiesテーブル

id – integer
name – string

departmentsテーブル

id – integer
company_id – integer
enployee_id integer
name – string

employeesテーブル

id – integer
name – string

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Company extends Model
{
    /**
    * 会社の全従業員を取得
    */
    public function employees()
    {
        return $this->hasManyThrough('App\Employee', 'App\Department', 'company_id', 'id', null, 'enployee_id')
    }
}

• 第1引数 最終的に取得したいモデル名
• 第2引数 仲介するモデル名
• 第3引数 仲介するモデルの外部キー名
• 第4引数 最終的に取得したいモデルのローカルキー名
• 第5引数 最終的に取得したいモデルの外部キー名
• 第6引数 最終的に取得したモデルと仲介するモデルを紐付けるキー名

公式リファレンスにはこのパターンの取得方法が書かれていなかったため、以下の記事を参考にしてリレーションの取得に成功。ただあくまでに参考程度に。

まず使っているLaravelのバージョンにあわせたリファレンスを読み込むのが大事ですね。

参考：Laravelのリレーション hasManyThrough の使い方を毎回間違うのでメモ

参考：LaravelのEloquentORMでモデルベースのDBリレーション～基本からEagerロードまで～

View側の処理

Viewで入力した値をコントローラにsubmitします。

...

{!! Form::open(['action' => 'UsersController@csv', 'method' => 'get', 'target' => '_blank']) !!}

<div class="input-field">
    {!! Form::number(‘age’, null, [ 'placeholder' => '半角数字で入力']) !!}
    <label class="age">年齢</label>
</div>

<input class="csv-download" type="submit" value="CSVダウンロード">

{!! Form::close() !!}

...

ルーティング

コントローラにGETリクエストするためのルーティングを記述。

Route::get('users/csv', 'UsersController@csv');

コントローラ

Viewから送られてきたリクエスト(ここで言う年齢)から、同年齢のユーザ情報取得します。ユーザ情報はサービスに送り、実際のCSVダウンロードの処理はサービスで行います。

...

    private $csvService;

    /**
    * コンストラクタ
    *
    * @param App\Services\Users\CsvService $csvService
    *
    */
    public function __construct(CsvService $csvService)
    {
        $this->csvService = $csvService;
    }

    /**
    * CSVダウンロード
    *
    * @param Request $request リクエスト
    *
    * @return csv
    */
    public function csv(Request $request)
    {
        // リクエストで送られてきた年齢を取得
        $target_age = $request->input('age');

        // 同年齢のユーザ情報取得
        $target_age_users = Users::where(‘age’, $target_age)->get();

        // CSVダウンロード
        return $this->csvService->download($target_age_users, $target_age);
    }

...

サービス

SymfonyのStreamedResponseクラスを使用し、CSVダウンロードを行います。StreamedResponseは大容量のCSVにも耐えることができます。

php://outputストリームを使用してファイルに書き出すことなく、CSV形式を都度出力します。

配列データをCSVファイルに書き込むfputcsv関数を使用し、CSV形式にフォーマットします。

参考：laravel5.3 CSVダウンロードを実装する

<?php
namespace App\Services\Users;

use App\Services\Users\CsvService;
use Symfony\Component\HttpFoundation\StreamedResponse;

class CsvService
{
    /**
    * ユーザ情報 CSVダウンロード
    *
    * @param array $target_age_users 同年齢のユーザ情報
    * @param int $target_age       入力された年齢
    *
    * @return StreamedResponse CSVファイル情報
    */
    public function download($target_age_users, $target_age)
    {
        // CSVファイル名
        $current_time = now();
        $file_name    = $target_age.$current_time->format('YmdHis').'.csv';

        $streamed_response = new StreamedResponse(
            function () use ($target_age_users) {
                $stream = fopen('php://output', 'w');

                fputcsv($stream, [
                    mb_convert_encoding('ユーザID', 'SJIS', 'auto'),
                    mb_convert_encoding('ユーザ名', 'SJIS', 'auto'),
                    mb_convert_encoding('郵便番号', 'SJIS', 'auto'),
                    mb_convert_encoding('住所', 'SJIS', 'auto'),
                    mb_convert_encoding('電話番号', 'SJIS', 'auto'),
                ]);

                if (isset($target_age_users))
                {
                    foreach ($target_age_users as $target_age_user)
                    {
                        fputcsv($stream, [
                            mb_convert_encoding($target_age_user['id'], 'SJIS', 'auto'),
                            mb_convert_encoding($target_age_user['name'], 'SJIS', 'auto'),
                            mb_convert_encoding($target_age_user['postal_code'], 'SJIS', 'auto'),
                            mb_convert_encoding($target_age_user['address'], 'SJIS', 'auto'),
                            mb_convert_encoding($target_age_user['tel'], 'SJIS', 'auto'),
                        ]);
                    }
                }

                fclose($stream);
            },
            \Illuminate\Http\Response::HTTP_OK,
            [
                'Content-Type'        => 'text/csv',
                'Content-Disposition' => 'attachment; filename=$file_name',
            ]
        );

        return $streamed_response;
    }

}

以上、LaravelでCSVファイルとして出力(ダウンロード)する方法でした。

Laravelでバリデーション失敗時に入力値を保持するoldヘルパの使い方

view側(Bladeテンプレート)で直前の入力値を保持するには「old」ヘルパを使います。入力していない場合はnullを返します。

<input type=’text’ name=’name’ value="{{ old(‘name’) }}">

公式では上のように書いていますが、下のような書き方でもいけます。

{!! Form::text('name’, old('name’)) !!}

参考：Laravel 5.5 HTTPリクエスト

Laravelバリデーションのoldヘルパの使用例

...

<div class="input-field">
    {!! Form::text('name’, old('name'), ['placeholder' => '例） hoge']) !!}
    <!-- バリデーション失敗時にエラーメッセージが表示される -->
    @if($errors->has('name'))
        <p class=’error’>{{ $errors->first('name') }}</p>
    @endif
    <label for=’name’ class=’name-label’>名前</label>
</div>

...

以上、Laravelのバリデーション失敗時に入力値を保持する方法でした。

流れとしては以下のようになります。

1. JavaScriptで削除対象のユーザIDを取得
2. Ajaxでサーバ(コントローラ)にユーザIDを送信
3. コントローラからサービスを呼び出し、サービスでユーザ削除処理実行
4. サービスで削除処理した実行結果をコントローラに渡す
5. 受け取った実行結果をコントローラからjson形式でviewに返す

実行環境

• PHP: 7.2
• Laravel: 5.7
• jQuery: 3.3.1

CSRFの対策処理

POSTする場合は、CSRF対策をする必要があります。ヘッダーにCSRFトークンを追加しましょう。

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

JavaScript(jQuery)の処理

// 削除ボタン押下
$(function() {
    $('#delete_button').on('click', function() {
        $.ajax({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            url: "{{ action('UsersController@destroy', ['user_id' => $user->id]) }}",
            type: 'POST',
            data: {'user_id': {{ $user->id }}, '_method': 'DELETE'}
        })
        // Ajaxリクエストが成功した場合
        .done(function(data) {
            $('.delete_message').text(data.responseJSON);
        })
        // Ajaxリクエストが失敗した場合
        .fail(function(data) {
            alert(data.responseJSON);
        });
    });
});

削除ボタンの連続クリックを防ぐには、以下のように2重送信防止処理をを削除ボタン押下後に書き、削除処理実行後にボタン解除の処理を書くと良いでしょう。

// 2重送信防止
$('#delete_button').find('button').each(function(i, elm) {
    $(elm).prop('disabled', true).addClass('disabled');
});

コントローラの処理

削除処理自体はサービスで行っているため、コンストラクタでサービスのインスタンスを生成します。

削除処理の実行結果を受け取り、削除が成功したか失敗したかでHTTPステータスを変えています。

・UsersController.php

....

    private $deleteService;

    /**
    * コンストラクタ
    *
    * @param App\Services\Users\DeleteService $delete_service
    *
    */
    public function __construct(DeleteService $delete_service)
    {
        $this->deleteService = $delete_service;
    }

    /**
    * ユーザ削除
    *
    * @param App\User $user_id ユーザID
    *
    * @return \Illuminate\Http\Response
    */
    public function destroy($user_id)
    {
        // ユーザ削除処理実行
        $user_delete = $this->deleteService>deleteUser($user_id);

        if (!$user_delete)
        {
            // HTTPステータス:500 エラー
            return response()->json($this->deleteService>getDeleteMessage(),
                \Illuminate\Http\Response::HTTP_INTERNAL_SERVER_ERROR);
        }

        // HTTPステータス:200 成功
        return response()->json($this->deleteService>getDeleteMessage(), 
            \Illuminate\Http\Response::HTTP_OK);
    }

...

}

サービスの処理

getDeleteMessage()メソッドはコントローラで、削除処理実行結果のメッセージを受け取れるようにしています。

一度削除対象のユーザIDから行ロック(削除済みの場合でも)を行い、ユーザが存在しない場合または削除されていた場合、例外を投げています。softDeleteを使用していない場合は、withTrashed()メソッドは必要ないです。

手っ取り早く削除対象あるかどうか判断する場合はfindOrFail()メソッドを使うと良いでしょう。

・DeleteService.php

...

    private $delete_message = null;

    /**
    * エラーメッセージ取得
    *
    * @return string $this->delete_message
    */
    public function getDeleteMessage()
    {
        return $this->delete_message;
    }

    /**
    * ユーザ削除処理
    *
    * @param array $user_id ユーザID
    *
    * @return \Illuminate\Http\Response
    */
    public function deleteUser($user_id)
    {
        DB::beginTransaction();
        try
        {
            // 削除対象のユーザを行ロック
            $user = User::lockForUpdate()->withTrashed()->find($user_id);

            // 削除対象ユーザが存在しない又は削除済みの場合エラー
            if ($user === null || !empty($user>deleted_at))
            {
                throw new NotFoundException();
            }
            
            // 削除処理実行
            $user>delete();

            DB::commit();

            $this->delete_message = 'ユーザの削除に成功しました。';

            return true;
        }
        catch (NotFoundException $e)
        {
            DB::rollBack();
            \Log::error($e->getMessage());

            $this->delete_message = 'ユーザが存在しないかすでに削除されています。';

            return false;
        }
        catch (Exception $e)
        {
            DB::rollBack();
            \Log::error($e->getMessage());

            $this->delete_message = '予期せぬエラーが発生しました。';

            return false;
        }
    }

...

}

ルーティング

・web.php

Route::resource(users, 'UsersController');

ルーティングはresourceルートを使用していますが、削除のみのルーティングの場合は以下でも使えます。

Route::post('users/{id}', 'UsersController'@destroy);

以上、 LaravelでAjax非同期通信を使う方法でした。削除以外にも色々使えますね。

行ロック

// hogesテーブルで$hoge_idの主キーが存在する行をロック
Hoge::lockForUpdate()->withTrashed()->find($hoge_id);

テーブルロック

// hogesテーブルをロック
Hoge::lockForUpdate()->withTrashed()->get();

ロックはコミットするまで持続します。

lockForUpdateメソッド

lockForUpdateメソッドで占有ロックをかけることができます。

select for updateのようなレコード更新や削除する際に、別のロックがかかるのを防ぐことができます。

また、共有ロックをかける場合はsharedLockメソッドをクエリに指定します。

参考：Laravel 5.3 データベース：クエリビルダ

withTrashedメソッド

ソフトデリートされたモデルであっても、withTrashedメソッドを使うことで一時的に除外されます。ソフトでリートを使用していない場合は不要です。

つまり、既に削除されたレコードでもwithTrashedメソッドを使うことで、対象のレコードを取得することが可能です。

参考：Laravel 5.5 バリデーション

・バージョン

Laravel : 5.7

LaravelのバリデーションはFormRequestクラスを継承して実装します。

・App\Http\Requests\HogesRequest.php

<?php

namespace App\Http\Requests;

use Illuminate\Foundation\Http\FormRequest;

class HogesRequest extends FormRequest
{
    /**
     * @return bool
     */
    public function authorize()
    {
        return true;
    }

    /**
     * バリデーションルール
     * 
     * @return array
     */
    public function rules()
    {
         return [
             'tel'  => ['required', 'regex:/^[0-9\-]+$/i', 'max:14'],
             ...
         ];

    /**
     * バリデーションメッセージ
     * 
     * @return array
     */
    public function messages()
    {
        return [
            "required" => "入力してください",
            ...
        ];
    }

    /**
     * カラム名
     * 
     * @return array カラム名
     */
    public function attributes(){
        return [
            'tel'  => '電話番号',
            ...
        ];
    }

}

一番上のメソッドであるauthorizeでは、リクエストに対する権限を設定します。例えば、現在ログイン中のユーザに権限がない場合「false」を返します。

Laravelのバリデーションをカスタマイズする方法

独自でバリデーションをカスタマイズする場合は、Ruleを継承して実装します。

今回は例として、hogeテーブルのIDが存在しているかをチェックするカスタムバリデーションを実装します。

以下のコマンドを実行することで、カスタムバリデーションのファイルがApp/Rules配下に自動生成されます。

$ php artisan make:rule CheckId

・App\Rules\CheckId.php

<?php

namespace App\Rules;

use Illuminate\Contracts\Validation\Rule;
use App\Hoge;

class CheckId implements Rule
{
    /**
     * IDチェック
     *
     * @param  string  $attribute
     * @param  mixed  $value
     * @return bool
     */
    public function passes($attribute, $value)
    {
        $id = Hoge::find((int)$value);
        if (!$id) return false;

        return true;
    }

    /**
     * エラーメッセージ
     *
     * @return string
     */
    public function message()
    {
        return "IDが存在しません";
    }
}

ちなみにRuleの中身はこんな感じ。

・Illuminate\Contracts\Validation\Rule.php

<?php

namespace Illuminate\Contracts\Validation;

interface Rule
{
    /**
     * Determine if the validation rule passes.
     *
     * @param  string  $attribute
     * @param  mixed  $value
     * @return bool
     */
    public function passes($attribute, $value);

    /**
     * Get the validation error message.
     *
     * @return string
     */
    public function message();
}

あとは以下のように追加すればカスタム完了。

<?php

namespace App\Http\Requests;

use Illuminate\Foundation\Http\FormRequest;
use Illuminate\Validation\Rule; ←追加
use App\Rules\CheckId; ←追加

class HogesRequest extends FormRequest
{
    /**
     * @return bool
     */
    public function authorize()
    {
        return true;
    }

    /**
     * バリデーションルール
     * 
     * @return array
     */
    public function rules()
    {
         return [
             'id'  => [new CheckId], ←追加
             'tel' => ['required', 'regex:/^[0-9\-]+$/i', 'max:14'],
             ...
         ];

    /**
     * バリデーションメッセージ
     * 
     * @return array
     */
    public function messages()
    {
        return [
            "required" => "入力してください",
            ...
        ];
    }

    /**
     * カラム名
     * 
     * @return array カラム名
     */
    public function attributes(){
        return [
            'id'   => 'ID',
            'tel'  => '電話番号',
            ...
        ];
    }

}

カスタムバリデーションを使うために以下を追記します。

use Illuminate\Validation\Rule;
use App\Rules\CheckId;

そして使用するカスタムバリデーションのインスタンスを生成します。

[new CheckId]

Laravelのバリデーションを実行する方法

バリデーション定義が終わったら後は簡単。

登録や更新処理などでバリデートしたいリクエストに対して、コントローラのメソッドの引数に使用するバリデーションを追加するだけ。

viewからコントローラにリクエストをsubmitする際に勝手にバリデートしてくれます。

use App\Http\Requests\HogesRequest;

...

public function store(HogesRequest $request)
{

...

Laravelのバリデーションエラーをviewで表示する方法

viewにエラーメッセージを表示したい場合は、表示したい箇所で以下のように追加すればおけです。

...

@if($errors->has('id'))
    <pclass="error">{{ $errors->first('id') }}</p>
@endif
<label>ID</label>

...

@if($errors->has('id'))
    <pclass="error">{{ $errors->first('tel') }}</p>
@endif
<label>電話番号</label>

...

以上、laravelでカスタムバリデーションを実装する方法でした。

参考：Laravel 5.5 バリデーション

->whereRaw('replace(telephone, "-", "") = :telephone', ['telephone' => $telephone]);

もしくは

->whereRaw('replace(telephone, "-", "") = ?', [$telephone]);

こっちはEloquent ORMで使用可。上を使うとエラー出ました。

ちなみに検索条件などで電話番号を受け取った際、全てのハイフンをこれで置き換えることができます。

str_replace(array('-', 'ー', '−', '―', '‐'), '', $telephone);

実行環境

• CentOS：7.5
• mysql：5.7.23
• Laravel：5.7.6

Syntax error or access violation: 1055 Expression発生

LaravelクエリビルダでGROUP_BY追加後、以下のエラーが発生。

SQLSTATE[42000]: Syntax error or access violation: 1055 Expression 
#8 of SELECT list is not in GROUP BY clause and contains nonaggregated column
…

こちらの記事を参考にして、my.cnfに以下の設定を追加。

MySQL 5.7.5+ でのGROUP BYエラー #MySQL - Qiita

メモ 結論 5.7.5で仕様変わったから、my.cnfを変更して、前の動作させる…

qiita.com

/etc/my.cnf

[mysqld]
sql_mode=STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_ZERO_DATE,ERROR_FOR_DIVISION_BY_ZERO,NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION

MySQLを再起動。

$ service mysqld restart

うーん…。エラー変わらず。

Syntax error or access violation: 1055 Expressionを解消する方法

というわけでこちらを参考にdatabase.phpを修正。

Group by not working - Laravel - Stack Overflow

I'm not able to run this simple que…

stackoverflow.com

/config/database.php

'mysql' => [
    'driver' => 'mysql',
    'host' => env('DB_HOST', 'hoge'),
    'port' => env('DB_PORT', 'hoge'),
    'database' => env('DB_DATABASE',hoge),
    'username' => env('DB_USERNAME', hoge),
    'password' => env('DB_PASSWORD', hoge),
    'unix_socket' => env('DB_SOCKET', ''),
    'charset' => 'utf8mb4',
    'collation' => 'utf8mb4_unicode_ci',
    'prefix' => '',
    'strict' => true,
    'engine' => null,
],

以下の’strict’をtrueからfalseに修正します。

'strict' => false,

すると無事にエラーが解消されました。

ただstrictモードを無効にすることはあまり良くないよう。バージョン5.7以降のMySQLサーバを使用していることが原因みたいです。

このバージョンからは、GROUP BYSQL99に準拠するように動作するため、やはりMySQLサーバの設定を変更することが推奨されているみたい。

画面に表示させる件数指定も簡単にできます。

Laravelでページネーション機能を実装する

DBのテーブルは以下のように設定。

モデルのperPageに値を格納することで、1ページに何件表示するか設定できます。

app\Movie.php

 <?php

  namespace App;
  use Illuminate\Database\Eloquent\Model;

     class Movie extends Model
    {   
        protected $fillable = [
            // protected $perPage = 1;
　        ];
    }

ルーティングを設定。

routes\web.php

Route::get('/list', 'MovieController@getIndex');

画面に表示させる件数を指定する方法

paginate()のカッコ内で何件表示するか指定できます

今回は、1ページに3件取得するよう設定。

app\Http\Controllers\MovieController.php

<?php

   namespace App\Http\Controllers;
   use App\Movie;

   class MovieController extends Controller
   {   
        public function getIndex()
        {
             $data = Movie::paginate(3);

             return view('movie.index', compact('data'));
        }
    }

共通テンプレートを追加。

resources\views\layouts\app.blade.php

<!doctype html>
    <html>
        <head>
            <meta charset="utf-8">
            <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
        </head>
        <body>
            @yield('content')
        </body>
    </html>

{{ $data->links() }}を追加して、ページネーションを実装します。

resources\views\movie\index.blade.php

@extends('layouts.app')
@section('content')
    <table class="table table-striped">
        <tr>
            <th></th>
            <th>タイトル</th>
            <th>興行収入(億)</th>
            <th>公開年</th>
        </tr>
        @foreach($data as $item)
            <tr>
                <td>{{{ $item->id }}}</td>
                <td>{{{ $item->title }}}</td>
                <td>{{{ $item->income }}}</td>
                <td>{{{ $item->year }}}</td>
            </tr>
        @endforeach
    </table>

{{ $data->links() }}

@endsection

ページにアクセスすると以下のような画面が表示され、ページネーションが実装されていることが確認できます。

ページネーションを前後移動にする方法

simpePaginateにすることで、ページネーションを前後移動に変更できます。

app\Http\Controllers\MovieController.php

<?php
    namespace App\Http\Controllers;
    use App\Movie;
        
        class MovieController extends Controller
        {   
            public function getIndex()
            {       
                $data = Movie::simpePaginate(3);
   
                return view('movie.index', compact('data'));
            }
        }

ページにアクセスすると以下の画面のようにページネーションが変更されていることを確認できます。

Laravelはこんなにも簡単にページネーションが実装できるとは。