2
0

More than 1 year has passed since last update.

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

Last updated at Posted at 2021-07-07

はじめに

Ruby on Railsでアプリを製作中です。久々にfaviconを設定しようとしたら、手順を全く覚えていなかったので、備忘録を兼ねてまとめてみました。

faviconとは

ブックマークした時やタブ表示をした際に、webページ名の横に表示されるアイコンのことです。
Qiitaアイコン.png
(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

最後に

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

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0