index.blade.phpへのルーティング

app/Http/Controllers/ChirpController.php以下のように編集します。(参考：Chirpを作成するためのフォームをWeb上に表示する)

    public function index(): View
    {
        //resources/views/chirpsディレクトリのindex.blade.phpを返す処理
        return view('chirps.index');
    }

index.blade.phpの作成

resources/views/chirps/ディレクトリ内にindex.blade.phpを作成する。その後以下のスクリプトを貼り付ける

<x-app-layout>
    <div class="max-w-2xl mx-auto p-4 sm:p-6 lg:p-8">
        <form method="POST" action="{{ route('chirps.store') }}">
            @csrf
            <textarea
                name="message"
                placeholder="{{ __('What\'s on your mind?') }}"
                class="block w-full border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm"
            >{{ old('message') }}</textarea>
            <x-input-error :messages="$errors->get('message')" class="mt-2" />
            <x-primary-button class="mt-4">{{ __('Chirp') }}</x-primary-button>
        </form>
    </div>
</x-app-layout>

これでhttp://localhost:8000/chirpsにアクセスするとHello World!から入力フォームに表示が変更されているはずです。

参照元：Creating Chirps

tiger9810 / Laravel-Chirper

Chirpを作成するためのフォームをWeb上に表示する #5

index.blade.phpへのルーティング

index.blade.phpの作成