2
0

More than 1 year has passed since last update.

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

Last updated at Posted at 2021-10-10

はじめに

以前、Railsでfaviconを設定しました。→(こちら
今回はSinatraでfaviconを設定しようと思い探したものの、エラー関連の記事が多く
時間が掛かったので備忘録として記録します。

環境

  • mac.os バージョン10.15.6
  • Ruby 2.7.3
  • psql (PostgreSQL) 12.6

手順

①faviconにしたい画像を探して、保存する

このときに、ファイル名をfavicon.icoにしておきます。

②アプリ内に格納する

今回はapp/public/image内にfaviconを格納しました。
※格納はドラッグ&ドロップでできます。

③コードを記述する

app/views/layout.erb
※ビュー(ERB)のheadタグ内に以下の一文を書きます。

<html>
  <head>
    <!--(省略) -->
    <!--(場所はfaviconの格納場所に合わせて指定する) --> 
    <link rel="shortcut icon" href="/image/favicon.ico"> 
  </head>
  <body>
    <!--(省略) -->
  </body>
</html>

④faviconが適用される

サーバーを起動させると、faviconが適用されていることが確認できます。

参考

1.Sinatra でメモアプリ

最後に

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

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