【Rails】アプリにファビコン(favicon)を設定しよう

2832 ワード
Rails Ruby favicon Ruby テキストリンク

はじめに

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

最後に

記事の感想や意見、ご指摘等あれば伝えていただけるとありがたいです。
読んでいただき、ありがとうございました。