WINDIIテック現役フリーランスエンジニアが運営するテックメディア。it本記事では、LaravelのBladeの使い方をわかりやすく解説します。以下の記事の続きです。読んでいない方はぜひご一読ください!Laravelのコントローラ(Controller)を理解して使ってみよう!はじめに本記事では、Laravelのコントローラとは何かをわかりやすく解説します。以下の記事の続きです。読んでいない方はぜひご一読ください!初心者の方でもLaravelの動作環境を簡単に作れるWINDIIオリジナルのソースコードを用意したので、実際に動かして学ぶ...初心者の方でもLaravelの動作環境を簡単に作れるWINDIIオリジナルのソースコードを用意したので、実際に動かして学ぶとより深く理解できるようになります!以下の記事を参考にご活用ください。Laravelを簡単に動かせるスターターキットを作成しました!Laravelを簡単に動かせるスターターキットを作成しました?当サイトでLaravelの動作を説明するときなど積極的に使っていきます!GitHubのレポジトリはこちらから使い方Git、Dockerがすでに入っていることを前提とします。要するに見た目を作る手助けをしてくれる機能です。ここでテンプレートエンジンという言葉に馴染みのない方に、少しテンプレートエンジンについて説明します。知ってるよ!って人はブレイド(Blade)の使い方に進んでください!テンプレートエンジンのイメージテンプレートエンジンは、データをテンプレート(ひな型)に流し込んで、最終的にユーザに見せる画面を作り出す工場のような役割をします。ブログ投稿システムの場合、タイトルや本文、コメント欄などのレイアウトはどの投稿でも共通なのでテンプレート化できますが、記事によってタイトルや本文、コメント欄の中身(データ)は違います。そこで、テンプレートエンジンがテンプレートとデータを結合して、ユーザに見せるべき画面を作ってくれるというわけです。テンプレートエンジンについて少しはイメージが湧いたと思いますので、実際に使い方を学びながら理解を深めていきましょう!ビューの継承ビューの継承というと何やら難しく聞こえますが、骨格となる親のレイアウトを定義して、各ページにそれを引き継がせることでビューを再利用するための機能です。ブログシステムの場合、ヘッダーやサイドバー、フッターはどこのページでも共通なことが多いです。いう場合に、各ページに共通な部分をコピペしていくのは手間な上に、例えばヘッダーのレイアウトを変えたい時、全てのページを変えなければなりません。いう仕組みを使います。それでは例を見ていきましょう。骨格となる親のビューを定義します。</body></html>次にこのビューを継承するビューを定義します。お問い合わせページを作るとします。作って以下のようにしましょう。継承するビューを指定することができます。以下のようになっているとします。開いてみましょう!こんな感じになっていると思います!それでは、仕組みを一つずつ解説していきましょう。ここでは、共通のヘッダーを定義しています。@yield(‘title’)@yield(‘content’)という宣言が重要です。@endsectionと指定することでデータを実際に流し込むことができます。言葉だとわかりにくいので、以下に状況をまとめました。以上がビューの継承です!データの受け渡しそれでは次にデータをビューに受け渡して表示する方法をご紹介します。resources/views/posts.blade.phpを作成して以下のようにします。作成して以下のようにします。}}ルーティングは以下のように定義されているとします。いう名前で変数をセットし、ビュー側で表示できていますね。これがデータの受け渡しの基本的な仕組みです。ブレイドの他の機能にも触れてみよう!先ほどまででブレイドの使い方の基礎をご紹介しましたが、ブレイドは実際のアプリケーション開発では欠かせない強力な機能を数多く持っています。全てをご紹介すると長くなってしまうので、よく使う機能をピックアップしてご紹介します。具体例として、投稿一覧を表示するケースを考えてみましょう。以下のようなデータがあるとします。]];これを画面に一覧表示してみましょう。以下のようにしてください。ような記法で条件分岐したり、配列をループしたりする機能を持っています。開くと以下のようになっています!以上ブレイドの使い方でした!次はマイグレーションです!Laravelのマイグレーションを理解して使ってみよう!本記事では、Laravelのマイグレーションとは何かをわかりやすく解説します。以下の記事の続きです。最新の記事ririWINDII(ウィンディ)は、フリーランスエンジニアが運営するテックメディアです。Slackで無料コミュニティも運営しています。たくさんのエンジニアが参加していて、プログラミングの相談や雑談などをしている楽しいコミュニティなので、興味ある方はぜひお気軽にご参加ください。(全て見る)Canvaが最高すぎる。)この記事へのコメントはありません。この記事へのトラックバックはありません。URL返信をキャンセルする。