はじめに

今回は、WEBサイト等でのfavicon.ico設定についての追記内容です。

というか、どっちかというとWEBアプリケーションを作成する際に、iphoneのホーム画面へ追加する際に表示されるアイコンを設定する方法です。

まあ結果として一緒なんですが、とりあえずやっていきましょう。Vue.jsアプリケーションの例です。

結論からすると

index.htmlのどっかしらに

<link rel="apple-touch-icon" href="favicon.ico" />

これを記載してください。どっかしらって書いてますが、通常のWEBブラウザのfaviconを設定している箇所があると思いますので、それの付近とかだとわかりやすくていいと思います。

前にこれを調べて理解したつもりでいたんですが、当然のように忘れてもう一度調べてしまったのでもう調べることのないように備忘録にしておきます。