Laravelでbladeを使う方法【初心者向け】

Laravelでbladeを使う方法について解説します。

Laravelで使われるテンプレートエンジンの1つなので、使い方を理解しておきましょう。

 

そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。

 

なお本記事は、TechAcademyのオンラインブートキャンプPHP/Laravel講座の内容をもとに紹介しています。

 

 

bladeとは

Laravelで使われるテンプレートエンジンの1つです。他のテンプレートエンジンとは異なり<?php … ?>などとビュー内にphpコードを記述することができます。

テンプレートの継承が行えることに加えて、データの表示、制御構文を専用の文法で記述することで、見通しの良いviewを作成することができます。またテンプレートはphpにコンパイルされるとのことで、高いレスポンスが期待できるようです。

 

bladeファイルの書き方

php を書いている人にとっては覚えることはあまりなく、いくつかの約束事に注意しておけばすぐに書けるかと思います。

• ファイル名.blade.php で blade のファイルを作成
• {{ $変数 }} でデータ出力、セミコロンはいらない
• 制御構文はディレクティブで記述できる、@ディレクティブ名と@endディレクティブ名が基本的な対になっている。(@if … @endif、@foreach … @endforeach)
• php 描きたい場合は <?php … ?>。ただしbladeの構文で書ける部分はそれを使った方が何をしたいか明確になる。また @php ディレクティブがあるのでどうしてもというときはこれを使いましょう。

 

[PR] PHPを学んで未経験からWebエンジニアを目指す方法とは

実際にLaravelのviewでbladeを使ってみよう

resources/views以下にファイルを作成します。なんでもいいですがtest.blade.phpという名前でファイルを作成しましょう。中身もなんでもいいですが、とりあえず<h1>Test</h1>とでもしておきましょう。表示されたかされてないかわかるようになっていれば大丈夫です。

このファイルを呼び出すために適当なコントローラーを作成し、ルーティングしてurlでアクセスできるようにしましょう。

app/Http/Controllers以下にファイルTestController.php を作成し、次のように内容を記述しindexアクションを定義します。

<?php

namespace AppHttpControllers;

class TestController extends Controller
{
    public function index()
    {
        return view('test');
    }
}

routes/web.phpにパスとこのコントローラーのアクションとの対応を記述します。

+ Route::get('test', 'TestController@index');

これで test.blade.php を配信する準備ができました。開発環境で試しているのであればlocalhost/testにアクセスすると画面が返ってきていることがわかるかと思います。

if,foreachを試してみましょう。ビューで使う変数をコントローラーから渡します。

- return view('test');
+ return view('test')->with([ 'nums' => range(1, 100), 'random' => rand(0, 10) ]);

 

この記事を監修してくれた方 鵜澤峻平（うさわしゅんぺい） 普現在はフリーランスのエンジニアをしていてプログラミング歴は5年目になります。普段はRails、Laravel、Node.js等を使ってWeb、モバイルアプリケーションを作成しています。開発実績としては、いくつかのWebサービス、コンシューマー向けモバイルアプリケーション、NPOサイトリニューアル、ロボット用プログラムなどがあります。 TechAcademyでメンターをはじめたのは、「プログラミングでやりたいことがある人を応援したい」、「講師と受講者が話し合って学び方を決めていく」に惹かれたからです。

 

 

TechAcademyでは、初心者でもPHPやフレームワークのLaravelを使ってWebアプリケーション開発を習得できるオンラインブートキャンプPHP/Laravel講座を開催しています。

挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。