はじめに
Ruby on Railsでアプリを製作中です。久々にfaviconを設定しようとしたら、手順を全く覚えていなかったので、備忘録を兼ねてまとめてみました。
faviconとは
ブックマークした時やタブ表示をした際に、webページ名の横に表示されるアイコンのことです。
(Qiitaだと緑の丸いアイコンですね。)
環境
- mac.os バージョン10.15.6
- Ruby 2.7.2
- Rails 6.1.3.1
- psql (PostgreSQL) 12.6
手順
①faviconにしたい画像を探して、保存する
このときに、ファイル名をfavicon.ico
にしておきます。
②アプリ内に格納する
app/assets/images
内にfaviconを格納します。
※格納はドラッグ&ドロップでできます。
③コードを記述する
app/views/layouts/application.html.erb
<html>
<head>
<!--(省略) -->
<%= favicon_link_tag('favicon.ico') %>
</head>
<body>
<!--(省略) -->
</body>
</html>
④faviconが適用される
rails s
でサーバーを起動させると、faviconが適用されていることが確認できます。
参考
1.favicon(ファビコン)とは?役割や作成ツール、検証時の注意点までを解説
2.favicon設定 Rails
最後に
記事の感想や意見、ご指摘等あれば伝えていただけるとありがたいです。
読んでいただき、ありがとうございました。