私たちが運営するオウンドメディア「シェルパコンパス」(https://media.sherpaz.jp/)は、より快適な閲覧を可能にするために、PWA(Progressive Web App)対応を実施しました。
これにより、スマートフォンやタブレットなどのモバイル端末でも、アプリのような使い心地でコンテンツをお楽しみいただけます。また、ホームボタンに追加する方法もご紹介します。
PWAとは?
PWA(Progressive Web App)とは、Webサイトをネイティブアプリのように使えるようにする技術です。
主な特長は下記の通りです。
- ホーム画面に追加できる(アプリのようにワンタップで起動)
- オフラインでも記事を閲覧可能
- 高速表示・キャッシュによるスムーズな動作
- ブラウザのUIを排除したフルスクリーンモード対応
シェルパコンパスのPWA対応で実現したこと
📲 ホーム画面から直接アクセス
ブラウザを開かなくても、ホーム画面のアイコンからすぐに「シェルパコンパス」へアクセスできます。
📶 オフライン対応
一度表示された記事はキャッシュされ、ネット環境がない場所でも閲覧可能です。
⚡ 高速な操作感
キャッシュの活用により、ページ移動や画像読み込みもスムーズでストレスなし。
スマートフォンからホーム画面に追加する方法
PWAの利便性を体感していただくために、以下の手順でシェルパコンパスをホーム画面に追加してください。
【iPhone(Safari)での追加方法】
- Safariでhttps://media.sherpaz.jp/ にアクセス
- 画面下部中央の「共有アイコン(□に↑のマーク)」をタップ
- 「ホーム画面に追加」を選択
- 表示名を確認して「追加」をタップ
- ホーム画面にアイコンが追加されます
※iOSはSafari限定でPWAが動作します。
【Android(Chrome)での追加方法】
- Chromeでhttps://media.sherpaz.jp/ にアクセス
- 画面右上の「︙(メニュー)」をタップ
- 「ホーム画面に追加」または「アプリをインストール」を選択
- 表示名を確認して「追加」をタップ
- ホーム画面にアプリアイコンが表示されます
※一部の端末では自動でインストール案内が出る場合もあります。
ぜひ体験してください!
「読む」から「使う」へ。
アプリのような操作感で、いつでもどこでも情報をチェック。
スマートフォンから https://media.sherpaz.jp/ にアクセスして、ホーム画面に追加してみてください。
シェルパコンパスを、あなたの毎日に。
この記事は役に立ちましたか?
もし参考になりましたら、下記のボタンで教えてください。
コメント