Laravelチュートリアル：最初のホームページを作成する

はじめに

こんにちは、ウェブ開発者の志願者さんたち！ラベルの世界に導いてくれるガイドとして、私はとても興奮しています。10年以上コンピュータサイエンスを教えてきた者として言えますが、ラベルは最も強力で楽しいフレームワークの一つです。今日は、ラベルを使って最初のホームページを作成します。コードを書いたことがない人も心配しないでください。ステップバイステップに進め、すぐにプロのように美しいウェブページを作成できるようになるでしょう！

Laravel - Home

ラベルとは？

まず、ラベルとは一体何か簡単に話しましょう。家を建てているとしましょう。ラベルはあなたの信頼のツールボックスで、仕事を簡単に、そして迅速にするためのさまざまな便利なツールが詰まっています。PHPフレームワークで、開発者が毎回轮を reinvent することなくウェブアプリケーションを作成するのを助けます。まるで予め組み立てられたレゴのピースをsnappingして素晴らしいものを作成するようなものです！

前提条件

このチュートリアルに従うためには、以下が必要です：

コンピュータ（もちろん！）
マシンにインストールされたPHP（バージョン7.3以上）
コンポーザー（PHPの依存関係マネージャー）
テキストエディタ（Visual Studio Codeを推奨しますが、使い慣れたものを使ってください）
冒険心と学びたいという意欲！

これらをまだ設定していない場合は心配しないでください。準備するための素晴らしいチュートリアルがたくさんあります。

ラベルの設定

ステップ1：ラベルのインストール

まず、ラベルをインストールしましょう。ターミナルを開き（怖くないですよ、コンピュータと対話するためのテキストベースの方法です）、以下のコマンドを入力します：

composer create-project --prefer-dist laravel/laravel my-first-laravel-project

このコマンドは、my-first-laravel-projectというフォルダー内に新しいラベルプロジェクトを作成するようにコンポーザーに指示します。少し時間がかかるかもしれませんので、コーヒーを飲んだり、少しダンスをしたりしながら待ちましょう。

ステップ2：プロジェクトフォルダーに移動

その後、新しいプロジェクトフォルダーに移動しましょう：

cd my-first-laravel-project

おめでとうございます！あなたの最初のラベルプロジェクトの中にいます。気持ちがいいでしょう？

ホームページの作成

ステップ3：ルートの理解

ラベルでは、ルートはアプリケーションの受付のように機能します。訪問者がウェブサイトに到着したときにどこに行くべきか決定します。routes/web.phpファイルを開きましょう。ここでラベルに何をすべきか指示します。

以下のようなものが表示されます：

Route::get('/', function () {
return view('welcome');
});

これはラベルのデフォルトのルートです。これは、「訪問者が私たちのウェブサイトのルート（'/'）にアクセスしたとき、'welcome'ビューを表示する」と言っています。しかし、私たちは自分のホームページを作りたいので、変更しましょう！

ステップ4：コントローラーの作成

コントローラーはアプリケーションのマネージャーのように機能します。リクエストを処理し、レスポンスを返します。私たちのホームページ用に新しいコントローラーを作成しましょう：

php artisan make:controller HomeController

このコマンドは、app/Http/Controllers/HomeController.phpという新しいファイルを作成します。それを開き、メソッドを追加しましょう：

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class HomeController extends Controller
{
public function index()
{
return view('home');
}
}

このindexメソッドは、私たちのホームページを表示する責任を負います。

ステップ5：ルートの更新

今、私たちのroutes/web.phpファイルを更新して、新しいコントローラーを使用しましょう：

use App\Http\Controllers\HomeController;

Route::get('/', [HomeController::class, 'index']);

これはラベルに、「訪問者が'/'にアクセスしたとき、HomeControllerのindexメソッドを使用する」と指示します。

ステップ6：ビューの作成

今度は、実際のHTMLを作成します。resources/views/home.blade.phpという新しいファイルを作成し、以下のHTMLを追加します：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Welcome to My First Laravel Site!</title>
</head>
<body>
<h1>Hello, Laravel World!</h1>
<p>This is my very first Laravel home page. Exciting times!</p>
</body>
</html>

ステップ7：アプリケーションの実行

今度は真実の瞬間です！ターミナルで以下を実行します：

php artisan serve

これは開発サーバーを起動します。ブラウザを開き、http://localhost:8000にアクセスすると、新しいホームページが表示されるはずです！

フレアを加える

ステップ8：Bladeテンプレートの使用

ラベルは、Bladeというテンプレートエンジンを使用します。これはHTMLにスーパーパワーを与えます。私たちのhome.blade.phpを更新して、Blade機能を使用しましょう：

@extends('layouts.app')

@section('content')
<h1>Welcome to {{ config('app.name') }}!</h1>
<p>The current time is {{ now() }}.</p>
@endsection

そして、resources/views/layouts/app.blade.phpという新しいファイルを作成し、以下を追加します：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@yield('title', config('app.name'))</title>
</head>
<body>
@yield('content')
</body>
</html>

これで、私たちのホームページ（そして将来のページ）が使用できる再利用可能なレイアウトが作成されます。

結論

そして、それがすべてです！あなたは最初のラベルホームページを作成しました。私たちは多くのことをカバーしました - ラベルの設定からルート、コントローラー、ビューの作成まで。コードを学ぶことは旅であり、目的地ではありません。練習を続け、探索を続け、そして最も重要なのは、楽しむことです！

以下は、私たちがカバーした主要なラベル概念の簡単な参照表です：

コンセプト	説明
ルート	URLを定義し、アプリケーションがリクエストにどのように応答するかを決定
コントローラー	リクエストを処理し、レスポンスを返すロジックを担当
ビュー	アプリケーションが提供するHTMLを含む
Blade	ラベルのテンプレートエンジンで、動的なビューを作成するためのもの

ハッピーコーディング、そしてラベルの素晴らしい世界にようこそ！

Credits: Image by storyset

次のチュートリアル:

Laravel - 概要