はじめに
HTMLでimgの表示とasset関数でimgを表示するのがごちゃごちゃになったので備忘録として投稿します。
asset関数とは?
asset関数とはlaravelにあるヘルパ関数の一つになります。
詳しくはlaravelの公式ページをご覧下さい。
画像の呼び出し、URLの遷移として使用可能です。
asset関数でimgを呼び出す方法?
asset関数はlaravelのpublicフォルダから見た時に、どこにあるのかを引数として指定する必要があります。laravelのフォルダ構成はスクショの様になっています。
asset関数をどの様に記述するのか?
publicフォルダから見た時に、どこにあるのかを引数として書くには以下の様にします。
index.blade.php
//cssファイルの呼び出し
<link rel="stylesheet" href="{{ asset('/css/bulletin-board/index-list.css') }}" >
//画像の呼び出し
<img src="{{ asset('/css/images/black-board.jpg') }}" >
最後に
HTMLで<img src="images/black-board.jpg">で画像を呼び出せる方法は前から知っていたが知識が増えるとあれはどうなの?これはどうなの?と疑問が増えて試行錯誤の連続があると思います。一度整理してとりあえず書いてどの様に反映されるかを確認するキッカケとなりました。画像やcssファイルを呼び出すときはasset関数で統一するように調整してみます。