<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サイト制作のコツを学び、案件獲得までに必要なスキルをキャッチアップします。

サンプルコース

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

レッスン_サンプル

# 今回作成したプロジェクトファイルと実行したコマンドの一覧

## routes/web.php
<details>
<summary>routes/web.php（クリックで展開します）</summary>

~~~php~web
<?php

use Illuminate\Support\Facades\Route;
use App\Models\Category; // Categoryモデルを利用宣言
use App\Models\Menu; // Menuモデルを利用宣言

Route::get('/', function () {
    // カテゴリテーブルの全てのレコードを取得
    $categories = Category::all();
    // 取得したレコードの情報をhome.blade.phpへ渡す
    return view('home', compact('categories'));
});

Route::get('/menus/{categoryId}', function ($categoryId) {
    $category = Category::find($categoryId);

    if (empty($category)) {
        abort(404);
    }

    $menus = Menu::where('category_id', $categoryId)->get();

    return view('menus', compact('category', 'menus'));
});

~~~

</details>

## resources/views/home.blade.php

<details>
<summary>resources/views/home.blade.php（クリックで展開します）</summary>

~~~php~home.blade
<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Laravel食堂</title>
</head>

<body>
  <header>
    <h1>いらっしゃいませ！Laravel食堂です！</h1>
    <p>お好きなカテゴリを選んで、メニューをご覧ください。</p>
  </header>

  <main>
    <h2>カテゴリ一覧</h2>
    <ul>
      @foreach ($categories as $category)
      <li><a href="{{ url('/menus/' . $category->id) }}">{{ $category->name }}メニュー</a></li>
      @endforeach
    </ul>
  </main>

  <footer>
    <p>&copy; 2025 飲食店メニュー</p>
  </footer>
</body>

</html>
~~~

</details>

## resources/views/menus.blade.php

<details>
<summary>resources/views/menus.blade.php（クリックで展開します）</summary>

~~~php~menus.blade
<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>{{ $category->name }} メニュー - Laravel食堂</title>
</head>

<body>
  
  <header>
    <h1>{{ $category->name }}メニュー</h1>
  </header>

  
  <main>
    <h2>{{ $category->name }} メニュー</h2>
    <ul>
      
      @forelse ($menus as $menu)
      <li>{{ $menu['name'] }} - 価格: {{ $menu['price'] }}円</li>
      @empty
      <li>メニューが見つかりません</li>
      @endforelse
    </ul>

    
    <a href="{{ url('/') }}">戻る</a>
  </main>
  
  <footer>
    <p>&copy; 2025 飲食店メニュー</p>
  </footer>
</body>

</html>
~~~

</details>

## マイグレーションファイル：Categoriesテーブル
※ファイルはコマンド生成
~~~bash
./vendor/bin/sail artisan make:migration create_categories_table --create=categories
~~~

<details>
<summary>database/migrations/{日付情報}_create_categories_table.php（クリックで展開します）</summary>

~~~php~{日付情報}_create_categories_table
<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up()
    {
        Schema::create('categories', function (Blueprint $table) {
            $table->id(); // プライマリキー、ID
            $table->string('name');  // カテゴリ名（例: ドリンク）
            $table->timestamps(); // レコード作成日時, レコード更新日時
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('categories');
    }
};
~~~

</details>

## マイグレーションファイル：Menusテーブル
※ファイルはコマンド生成
~~~bash
./vendor/bin/sail artisan make:migration create_menus_table --create=menus
~~~

<details>
<summary>database/migrations/{日付情報}_create_menus_table.php（クリックで展開します）</summary>

~~~php~{日付情報}_create_menus_table
<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    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(); // レコード作成日時, レコード更新日時
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('menus');
    }
};

~~~

</details>

## シーダーファイル：CategoriesSeeder
※ファイルはコマンド生成
~~~bash
./vendor/bin/sail artisan make:seeder CategoriesSeeder
~~~

<details>
<summary>database/seeders/CategoriesSeeder.php（クリックで展開します）</summary>

~~~php~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>

## シーダーファイル：MenusSeeder
※ファイルはコマンド生成
~~~bash
./vendor/bin/sail artisan make:seeder MenusSeeder
~~~

<details>
<summary>database/seeders/MenusSeeder.php（クリックで展開します）</summary>

~~~php~MenusSeeder
<?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>


## シーダーファイル：DatabaseSeeder
※Laravelで用意されているファイルです

<details>
<summary>database/seeders/DatabaseSeeder.php（クリックで展開します）</summary>

~~~php~DatabaseSeeder
<?php

namespace Database\Seeders;

use Illuminate\Database\Seeder;

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

</details>

## Categoryモデル
※ファイルはコマンド生成
~~~bash
./vendor/bin/sail artisan make:model Category
~~~

## Menuモデル
※ファイルはコマンド生成
~~~bash
./vendor/bin/sail artisan make:model Menu
~~~

## コマンド一覧
### マイグレーション実行
マイグレーションファイルに記載したテーブル情報をデータベースへ反映させるコマンド
~~~bash
./vendor/bin/sail artisan migrate
~~~

### シーダー実行
シーダーファイルに記載した初期データ情報をテーブルへ挿入するコマンド
DatabaseSeeder.phpへ記載されたSeederのみが実行される
~~~bash
./vendor/bin/sail artisan db:seed
~~~

参考：今回のレッスンで作成したファイルの一覧

5. 参考：今回のレッスンで作成したファイルの一覧