<iframe>

<button>

チャレンジ_入門編_テンプレ

チャレンジ_実践編_テンプレ

reactテスト

ターミナル問題テスト

CONSOLE問題テスト

テストのテスト

reactjsxテスト

vue3テスト

vue2テスト

vue3.2テスト

typescript

vueモジュール

Processなし課題

CSSテスト確認

リンクのテスト

sass

scss

隠しファイルテスト

rust

python

ViewZone

分割代入

比較演算子(JavaScript)

オブジェクト{}

変数・定数定義(JavaScript)

console.log

QuizSample

express

echo

katex_sample

Markdown確認challenge1

border

Markdown確認challenge2

wordpress

ファイルロゴチェック

react退避(イベントオブジェクトに型をつけてみよう)

配列操作/forEach

テンプレートリテラル

JavaScript退避

java

deno

rustパーサ

実践チャレンジ用テスト

実践Lessonサンプル

JavaScriptテストサンプル

テストのテスト3

phpApache

http-server

コーディングなし

pythonLib

sandbox-react-js

sandbox-react-ts

sandbox-vue-js

sandbox-vue-ts

Django

Streamlit

0からWebサイト制作のコツを学び、案件獲得までに必要なスキルをキャッチアップします。

サンプルコース

サンプルレッスングループ

レッスン_サンプル


このセクションでは、データベース構造を管理する「マイグレーション」について解説します。マイグレーションファイルの作成方法とテーブル作成の流れを学び、実際にカテゴリやメニュー用のテーブルを作成します。

### マイグレーションとは？

マイグレーションは、データベースの構造を管理するためのLaravelの仕組みです。これにより、データベースのスキーマ（テーブルやカラムなど）をコードで管理し、変更があった場合に簡単に反映させることができます。

## マイグレーションを用いたテーブルの作成方法

### カテゴリとメニューのテーブル構成

今回はカテゴリとメニュー用のテーブルを作成します。以下のように、2つのテーブルを定義します。

#### `categories` テーブル

| カラム名    | 型            | 説明                         |
|-------------|----------------|------------------------------|
| `id`        | `bigint`       | プライマリキー、ID            |
| `name`      | `string`       | カテゴリ名（例: ドリンク）   |
| `created_at`| `timestamp`    | レコード作成日時             |
| `updated_at`| `timestamp`    | レコード更新日時             |

#### `menus` テーブル

| カラム名    | 型            | 説明                                     |
|-------------|----------------|------------------------------------------|
| `id`        | `bigint`       | プライマリキー、ID                        |
| `name`      | `string`       | メニュー名（例: ドリンクメニュー1）      |
| `price`     | `integer`      | 価格（例: 300円）                        |
| `category_id`| `bigint`      | `categories`テーブルの`id` |
| `created_at`| `timestamp`    | レコード作成日時                         |
| `updated_at`| `timestamp`    | レコード更新日時                         |

※created_atとupdated_atはデータを管理する上でよく作成されるカラムです。特別な理由がない限り作成することを推奨します。

---
### 事前準備：ターミナルの起動
マイグレーションの実行はターミナルで実施します。
VSCodeのターミナルを起動しておきましょう。
1. VSCode > ファイル > フォルダーを開く... でプロジェクトフォルダを開く
![image](https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/0cae8607-a978-46e8-a222-5915579df6a2.png)
![image](https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/3eeaf4bb-b9c1-425d-9a10-881652a67df9.png)
2. VSCode > ターミナル > 新しいターミナルでターミナルを開く
![image](https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/896fa97a-3fb8-4d94-a6b5-4a5c7f54e688.png)
### マイグレーションファイルの作成

それではテーブルの情報を記載するマイグレーションファイルを作成していきましょう。

1. **カテゴリテーブルの作成準備**<br>
1-1.   コマンドをターミナル上で実行し、`categories` テーブルのマイグレーションファイルを作成しましょう。<br>
※マイグレーションファイル`database/migrations/{日付情報}_create_categories_table.php`が生成されます。
<br>※{日付情報}の部分は実行したタイミングで変わります。
```bash
./vendor/bin/sail artisan make:migration create_categories_table --create=categories
```
![image](https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/dffee828-6c29-47a0-98e2-bba866c8cc9d.png)

　1-2. 作成したファイルを開いて`up`メソッドの中に`categories`のテーブル情報を記載しましょう。

```php~database/migrations/{日付情報}_create_categories_table
   public function up()
   {
       Schema::create('categories', function (Blueprint $table) {
           $table->id(); // プライマリキー、ID
           $table->string('name');  // カテゴリ名（例: ドリンク）
           $table->timestamps(); // レコード作成日時, レコード更新日時
       });
   }
 ```

![image](https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/617eaf56-bf74-4385-a01f-e53cd8592c80.png)

2. **メニューテーブルの作成準備**
2-1. コマンドをターミナル上で実行し、`menus` テーブルのマイグレーションファイルを作成しましょう。
   ```bash
   ./vendor/bin/sail artisan make:migration create_menus_table --create=menus
   ```
![image](https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/ef44e33f-7486-4050-8171-b7406398c30c.png)

　2-2. 作成したファイルを開いて`up`メソッドの中に`menus`のテーブル情報を記載しましょう。
   ```php
   public function up()
   {
       Schema::create('menus', function (Blueprint $table) {
           $table->id(); // プライマリキー、ID
           $table->string('name');  // メニュー名（例: ドリンクメニュー1）
           $table->integer('price');  // 価格（例: 300円）
           $table->bigInteger('category_id'); // categoriesテーブルのid
           $table->timestamps(); // レコード作成日時, レコード更新日時
       });
   }
   ```

![image](https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/94866f9c-b4bf-4897-945f-82f8172c4f0d.png)

---

### マイグレーションの実行

作成したマイグレーションファイルを実行してみましょう。
マイグレーションを実行することでデータベースに`categories`テーブルと`menus`テーブルが作成されます。
ターミナルで以下のコマンドを実行してみましょう。

```bash
./vendor/bin/sail artisan migrate
```
![image](https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/f1d2fdc6-ec0d-4de0-a093-9caefc79728e.png)

`DONE`と表示されていれば成功です。

### **シーダーの作成**

次に、テストデータをテーブルに登録しましょう。
Laravelでは**シーダー（Seeder）** という、データベースに初期データを挿入するための仕組みが用意されています。
今回はSeederを用いてテストデータを挿入してみましょう。

1. **カテゴリのシーダー作成**

   以下のコマンドで、`CategoriesSeeder` を作成します。
   ```bash
   ./vendor/bin/sail artisan make:seeder CategoriesSeeder
   ```
![image](https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/6232fef5-7153-46cb-be1e-90be8c05090b.png)

2. **メニューのシーダー作成**

   次に、`MenusSeeder` を作成します。

   ```bash
   ./vendor/bin/sail artisan make:seeder MenusSeeder
   ```
![image](https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/8419c234-2615-4523-965f-2f8e1cb67147.png)

3. **シーダーにデータを追加**

   それぞれの Seeder ファイルにサンプルデータを追加します。`CategoriesSeeder` にはカテゴリのデータを、`MenusSeeder` にはメニューのデータを追加します。


<details>
<summary>database/seeders/CategoriesSeeder.php</summary>

~~~php~database/seeders/CategoriesSeeder
<?php

namespace Database\Seeders;

use Illuminate\Database\Seeder;
use Illuminate\Support\Facades\DB;

class CategoriesSeeder extends Seeder
{
    public function run()
    {
        DB::table('categories')->insert([
            ['name' => 'ドリンク'],
            ['name' => 'フード'],
            ['name' => 'デザート'],
        ]);
    }
}

~~~
</details>

<details>
<summary>database/seeders/MenusSeeder.php</summary>

~~~php
<?php

namespace Database\Seeders;

use Illuminate\Database\Seeder;
use Illuminate\Support\Facades\DB;

class MenusSeeder extends Seeder
{
    public function run()
    {
        DB::table('menus')->insert([
            ['name' => 'コーヒー', 'price' => 300, 'category_id' => 1],
            ['name' => 'カフェラテ', 'price' => 400, 'category_id' => 1],
            ['name' => 'サンドイッチ', 'price' => 500, 'category_id' => 2],
            ['name' => 'パスタ', 'price' => 800, 'category_id' => 2],
            ['name' => 'チョコケーキ', 'price' => 350, 'category_id' => 3],
            ['name' => 'アイスクリーム', 'price' => 250, 'category_id' => 3],
        ]);
    }
}

~~~
</details>

4. **`database/seeders/DatabaseSeeder.php` にシーダーを登録**
LaravelのシーダーはDatabaseSeederに登録されたシーダーのみが実行されます。
今回作成したシーダーを登録しましょう。

<details>
<summary>database/seeders/DatabaseSeeder</summary>

~~~php~database/seeders/DatabaseSeeder
<?php

namespace Database\Seeders;

use App\Models\User;
// use Illuminate\Database\Console\Seeds\WithoutModelEvents;
use Illuminate\Database\Seeder;

class DatabaseSeeder extends Seeder
{
    /**
     * Seed the application's database.
     */
    public function run(): void
    {
        $this->call([
            CategoriesSeeder::class,
            MenusSeeder::class,
        ]);
    }
}

~~~

</details>

---

### **シーダーの実行**
シーダーを実行するための準備が完了しました。
以下のコマンドでシーダーを実行しましょう。
DONEと表示されれば成功です。
```bash
./vendor/bin/sail artisan db:seed
```

![image](https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/e25e0b00-3670-48e8-bbc0-b807d1a3747a.png)


---

### まとめ：本セクションで実行したコマンド
本セクションで行ったマイグレーション（テーブルの作成）とシーダー（テストデータの挿入）のコマンドの一覧です。
**マイグレーションファイルの作成**

```bash
./vendor/bin/sail artisan make:migration <マイグレーションファイル名> --create=<テーブル名>
```

**マイグレーションの実行**

```bash
./vendor/bin/sail artisan migrate
```

**シーダーファイルの作成**

```bash
./vendor/bin/sail artisan make:seeder <Seeder名>
```

**シーダーの実行**
`DatabaseSeeder.php` に登録されたシーダーが実行されます。
```bash
./vendor/bin/sail artisan db:seed
```

--- 

次回のセクションでは、テーブルに追加したデータを実際に利用してみましょう。

WIP_テーブルを作成してみよう（マイグレーション）

3. WIP_テーブルを作成してみよう（マイグレーション）