この記事では

Laravelの導入方法（インストール）　～　初めてのデータ出力

の手順を画像つきで丁寧に解説していきます。

ケケンタ

この記事をご覧いただくことで、初めてフレームワークに触れるという方でもLaravelの導入方法やデータ出力の仕組みについて理解することができます！

ぜひ実際に手を動かしながら記事を読み進めていただければと思います。

あわせて読みたい

PHPやWordPressを学ぶのにおすすめのプログラミングスクール【７選】 僕はこれまで独学でPHPを学習してきました。結論から言えば、それでもPHPを習得することはできました。 しかし、それに費やした累計学習期間は1年ほど。モチベーション…

Laravelとは？

Laravelの特徴

すでにご存じのとおり、LaravelはPHPのフレームワークのひとつです。

Symphony（シンフォニー）という別のフレームワークを踏襲して設計開発されました。そして、このSymphony（シンフォニー）というフレームワークは大規模開発に向いており、Laravelもその特徴を引き継いでいます。

また、Laravelは基本的にWebアプリ開発に用いられるフレームワークである一方、開発可能なアプリの幅は広いです。

現在も頻繁なバージョンアップが行われおり、今後の機能改善にも期待できるフレームワークとなっています。

Laravelを使用する「メリット」

Laravelを使用するメリットとして以下のような点が挙げられます。

はじめてフレームワークの学習をするという方にとってうれしいメリットとして、学習コストの低さが挙げられます。

これは、Laravelで使用する構文のわかりやすさによる恩恵です。

また、フレームワークであるにも関わらず自由度や拡張性が高く、柔軟な開発が可能な点もメリットと言えます。（設計をきちんと行わないとソースコードが煩雑化してしまうというデメリットがあるとも言えます……）

ちなみにプログラミングの公式ドキュメントというと英語で書かれていることも多いですが、LaravelにはReadoubleという川瀬裕久さんが個人運営されている日本語ドキュメントサイトがあります。

これも非常に大きなメリットのひとつと言えます。

ケケンタ

僕も英語が苦手なので、Laravelで分からないことがあったときはまっさきにReadoubleを訪ねています！

運営して下さっている川瀬さんと運営を支援して下さっている方々には本当に感謝しています。

Laravelを使用する「デメリット」

Laravelのデメリットは以下のとおりです。

メリットでもお伝えしたように、Laravelはフレームワークでありながら、開発の自由度や拡張性が高いです。

それゆえに、開発を進める中でソースコードが複雑化しやすいというデメリットもあります。

ただ、この点に関してはきちんと設計をして、読みやすいコードや適切なファイル管理を意識することで緩和することが可能です。

また、Laravelには様々な機能が備わっています。

そのため、どうしても処理に時間がかかってしまいます。

ケケンタ

表示速度が重要なWebアプリを開発する場合は、Laravel以外の選択肢も考える必要が出てくるかもしれません……

【解説①】Laravelの使用準備 ～ インストール（導入）

それでは、本章から実際にLaravelのインストールを行っていきましょう。

STEP１　Composerのインストール

Laravelを導入する方法はいくつかあります。
この記事ではComposerを利用してインストールする方法をご紹介します。

Composerのインストール方法については以下の記事で詳しく解説しています。

初めてお使いになる方は、まずはこちらの記事をご覧ください。

あわせて読みたい

【Windows】Composerのインストール方法｜エラー時の対処も解説 こんにちは！　ケケンタです。 この記事ではPHPでWebアプリ開発を行うなら必須の Composerのインストール方法（Windows版） を解説していきます。 PHPを始めたばかりの…

念のため補足として、LaravelはPHPのフレームワークのため、大前提としてお使いのPCにPHP自体がインストールされている必要があります。

STEP２　Laravelプロジェクトの作成

Composerのインストールが完了したら、早速Laravelのプロジェクトディレクトリを作成していきましょう。

プロジェクトディレクトリを作成するときはcomposerコマンドを使用します。

なお、プロジェクトディレクトリは、コマンドを実行したディレクトリ内に作成されます。

ケケンタ

今回はわかりやすく「デスクトップ」にプロジェクトディレクトリを作成することにします。

STEP

デスクトップでターミナルを開く

まずはデスクトップ上でターミナル（Windows PowerShell）を開きましょう。

 デスクトップ上でターミナルを開く方法

STEP

デスクトップ上で右クリック

STEP

「ターミナルで開く」をクリック

STEP

ターミナルが開く

STEP

プロジェクトを作成するコマンドを実行する

デスクトップ上でターミナルを開いたら、以下のコマンドを実行します。

composer create-project laravel/laravel example-project

末尾のexample-projectがプロジェクトディレクトリ名（任意の名前）です。

ちなみに、Laravelのバージョンを指定したいときは以下のように:^バージョンと入力します。
※ダブルクォーテーションで囲っていることにご注意ください。

composer create-project "laravel/laravel:^10.0" example-project

プロジェクトディレクトリ作成中のターミナルの様子

STEP３　トップページを表示する

続いて、作成したLaraveプロジェクトのトップページを表示してみましょう。

STEP

ターミナルでプロジェクトディレクトリ内へ移動する

以下のコマンドでプロジェクトディレクトリ内へ移動します。

cd example-project

STEP

簡易サーバーを立ち上げる

以下のコマンドを実行すると簡易的なサーバーが立ち上がり、Laravelアプリの動作を実際にブラウザ上で確認できるようになります。

php artisan serve

あくまでも「開発用の簡易サーバー」なので、本番環境で公開するときはきちんとしたサーバーを用意する必要があります。

なお、簡易サーバーの使用を終了したいときはキーボードのCtrl + Cを押します。

STEP

トップページへアクセスする

php artisan serveコマンドで簡易サーバーが起動できると、以下の画像のように、コマンドプロンプト上にアクセス用のURLが表示されます。

アクセス用のURL

このURLを使用することで、実際にブラウザ上でLaravelプロジェクトのトップページを表示することができます。

ケケンタ

「Ctrlキー」を押しながらURLをクリックすると簡単にリンク先を開くことができます！

Laravelプロジェクトのトップページ

ケケンタ

以上でLaravelの使用準備 ～ 導入が完了し、トップページにもアクセスできるようになりました！

次の章からは、実際にLaravelで実際にデータを表示するまでの手順を解説していきます！

【解説②】Laravelでデータを表示する

Laravelのプロジェクトディレクトリ内の初期構成は以下のようになっています。
※バージョン11の場合

ケケンタ

なんだかたくさんディレクトリやファイルがあってごちゃごちゃして見えますね……

この記事の目的は、「Laravelで初めてデータを表示する！」という部分をご体験いただくことにあるため、各ディレクトリやファイルの詳しい役割については割愛させていただきます。

今回、実際に編集するファイルは以下の２つだけです。

• /routes/web.php
• /resources/views/example.blade.php（こちらは後ほど新規作成します）

ケケンタ

それでは以下より具体的なステップを踏んでLaravelで初めてのデータ出力をしてみましょう！

STEP１　ルーティング設定

まずはroutesディレクトリ内にあるweb.phpを普段お使いのエディタで開きます。

すると、はじめから以下のような記述があるかと思います。

<?php

use Illuminate\Support\Facades\Route;

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

この内、重要なのがハイライト行です。

このソースコードは

「『/（サイトのドキュメントルート）』へアクセスがあったら『welcome.blade.php』を出力する」

という意味です。

前章のSTEP３　トップページを表示するでトップページへアクセスしたときのことを思い出してください。

あのときはhttp://127.0.0.1:8000/（つまりサイトのドキュメントルート）へアクセスしました。

そのときに呼び出されたのが、上記３行のソースコードです。

ケケンタ

Laravelの初期状態ではサイトのドキュメントルートへアクセスすると「welcomeページ」が表示される仕様になっているんですね。

あるURLへアクセスがあったときに特定の処理を返す仕組みのことを「ルーティング」と呼びます。

Laravelに限った仕組みということではないですが、今後アプリ開発をする上で非常に重要な概念なのでしっかり覚えておきましょう。

それでは、先ほどのソースコードに以下の３行を追記してみましょう。

<?php

use Illuminate\Support\Facades\Route;

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

// 以下の３行を追加
Route::get('/test', function () {
    return view('example');
});

そして、http://127.0.0.1:8000/testへアクセスしてみると……

ケケンタ

エラーが起きてしまいました……

それもそのはず、まだexample.blade.phpを作成していないので、404エラー（not found）が返ってきてしまいます。

次のステップでView（ビュー）を作成して、http://127.0.0.1:8000/testにアクセスするとexample.blade.phpが出力されるようにしましょう！

STEP２　View（ビュー）の作成

/resources/views/ディレクトリの中にexample.blade.phpを新規作成します。

このように/resources/views/ディレクトリ内に「○○.blade.php」というファイルを配置することで、ソースコードからそのページを呼び出せるようになります。

続いて、作成したexample.blade.phpの中に以下のソースコードを追加します。

<?php 

echo 'Hello World!!';

?>

ケケンタ

今回はプログラミング学習でお馴染みの「Hello World!!」を出力するようにしてみました。

STEP３　データの表示

再びhttp://127.0.0.1:8000/testへアクセスしてみましょう。

ケケンタ

今度は無事にexample.blade.phpが呼び出され、「Hello World!!」が出力されました！

まとめ

いかがだったでしょうか。

今回はLaravelの導入方法（インストール）からデータを表示するまでの手順を解説しました。

非常に簡単ではありますが、Laravelをインストールし、実際にデータを表示するまでの流れを体験していただけたかと思います。

実際に開発を行う際には、MVCモデル（モデル、ビュー、コントローラ）という概念を中心として、さらなる学習が必要になります。

これまでにフレームワークの学習をしたことが無いという方にとって、最初はまた新しい知識がたくさん登場して大変かもしれません。

しかし、Laravelを扱えるようになればWebアプリ開発が効率的になります。

さらに、ReactやVue.jsのようなフロントエンド向けのライブラリとの連携もしやすい仕組みが用意されており、Laravelの理解を深めることで、きっとその楽しさを体感できるはずです。

ケケンタ

ここまでプログラミングを挫折せずに学習してきた方であれば必ず習得できます！

当ブログでも、この記事のほかにLaravelの学習や開発で役立つ情報を発信していきます。

そちらもぜひご活用いただけるとうれしいです！

それでは、最後までご覧いただきありがとうございました。