最近ではスマホに最適化サイトが多くなりましたね。モバイル対応していないサイトが多い時は、モバイル対応していることでライバルサイトにも差を付けられていたかもしれません。しかしモバイル対応が一般的になればその差はありません。 さてここでライバルサイトに差を付ける方法をご紹介したいと思います。どのようなことができるかと言うと・・・ ユーザーが Web サイトに訪れた時、ホーム画面に追加することを促すバナーを表示させるホーム画面に追加された時のアイコンを変更するURL バーを隠してアプリのような見た目にするURL バーとステータスバーの色を変える 1.ホーム画面に追加ボタンを表示“1” のホーム画面に追加することを促すバナーとはこのような感じです。スマホで Web サイトを観覧していると、たまに画面下から下図のようなホーム画面に追加というボタンが表示されることがないでしょうか? 最近注目されている
![スマホサイトをアプリ風に!「ホーム画面に追加」機能を追加する方法(PWA)](https://cdn-ak-scissors.b.st-hatena.com/image/square/cb9d38a0bd895032c855fccc687eebc36533a653/height=288;version=1;width=512/https%3A%2F%2Fwww.iscle.com%2Fwp-content%2Fuploads%2F2017%2F10%2Fpwa-home-screen.png)