【超簡単】自分のサイトを「ホーム画面に追加」時にアプリ化する方法

サイトをアプリ化とは？

iPhoneユーザーの方は、「ホーム画面に追加」をよく使われるかと思われます。お気に入りのサイトを保存する時には便利ですよね。

しかし、「ホーム画面に追加」してもSafariが開かれることが多いです。

アドレスバーを非表示にしてサイトを開くには、サイト側で設定する必要があります。

自分のサイトをアプリ化する方法

やっている方は少ないかもしれませんが、非常に簡単に設定できます。

以下のコードを < head > 内に記述するだけです。

できることの割には意外と簡単ですよね。

僕もネット記事を見つけてすぐ導入しましたが、簡単すぎて叫びました（？）

サイトをアプリ化する場合の注意点

1つ目

ページ遷移がある場合は、アドレスバーが表示されてしまいます。

Safariで開いた時とは違いますが、少し見た目が悪くなります。

2つ目

ファビコンを設定していないと、文字がアイコンになってしまいます。

しっかりとファビコンを設定してから、このコードを書きましょう。

このコードを忘れないように

この記事を忘れないようにするため、X（旧 Twitter）のフォローをよろしくお願いします。