開発記録

PWAとは?Webアプリをホーム画面に追加するメリットと使い方

Webアプリをスマートフォンのホーム画面へ追加する方法と、うまくいかないときの確認ポイントを紹介します。

CONTENTSこの記事の目次7項目

よく使うWebアプリは、毎回ブラウザの履歴から探すより、ホーム画面に入口があると開きやすくなります。たとえば、外出前に買い物リストを確かめたいときにも使える方法です。ただし、追加するだけで全機能がオフラインになるわけではありません。 この記事ではAppli Parkの対応範囲と、端末ごとの追加方法を分けて説明します。追加手順はApple・Googleの公式案内を2026年9月19日に確認して整理したもので、今回iPhone・Android実機で検証した記録ではありません。

PWAとは何か

PWAは、Web技術で作られながら、対応環境ではホーム画面への追加や独立したウィンドウでの起動など、端末アプリに近い体験を提供できるWebアプリです。MDNによると、インストールに必要な名前やアイコンなどはWeb App Manifestで伝えます。Service Workerはオフラインやバックグラウンド動作に使われますが、PWAだから必ず全ページがオフラインで使える、という意味ではありません。

iPhoneでホーム画面へ追加する基本手順

  1. SafariでAppli Parkを開く
  2. 「その他」から「共有」を開く。共有ボタンが直接表示されているレイアウトでは、そのボタンを押す
  3. 共有メニューを下へスクロールし、「ホーム画面に追加」を選ぶ
  4. 「Webアプリとして開く」が表示される場合はオンにし、名前を確認して「追加」を押す
  5. ホーム画面のAppli Parkアイコンから起動してみる

Androidでホーム画面へ追加する基本手順

  1. AndroidのChromeでAppli Parkを開く
  2. アドレスバー右側のメニュー(縦の3点)を開く
  3. 「インストールしてショートカットを作成」から「インストール」を選ぶ
  4. 確認画面の案内に沿って追加する
  5. 追加されたAppli Parkアイコンから起動してみる
過去のアプリ一覧画面の例です。掲載アプリは現在と異なります。iPhone・Androidでホーム画面へ追加した操作や、追加後の起動を検証したキャプチャではありません。

ホーム画面から開くときの使い方の例

  • ブラウザの履歴やタブを探さず、ホーム画面のアイコンから開ける
  • Webアプリとして追加できる環境では、通常のブラウザとは別の画面で使える
  • Appli ParkのWebアプリは、トップページから使いたいアプリを選ぶ形で起動する
  • ホーム画面へ追加しても、オフラインですべての機能を使えるわけではない

使い方の例として、外出前にAppli Parkを開き、share&doで買い物リストを確認する流れが考えられます。ホーム画面から起動したら、いつもの一覧や記録が見えるかも確かめましょう。 Appli Parkの開始URLはトップページです。特定の共有リストを開始URLに設定しているわけではなく、開いた後に使いたいアプリを選びます。ホーム画面への追加は、ログインやデータのバックアップを行う操作ではありません。

安全に利用するための確認ポイント

  • 正しいドメインへアクセスしているか確認する
  • 共有端末ではログイン状態を残さず、利用後にログアウトする
  • 画面の案内と、端末・ブラウザの表示内容を確認してから追加する

よくある質問(FAQ)

PWAは無料で使えますか?

PWAは提供方法を表す言葉であり、料金はサービスごとに異なります。ホーム画面への追加自体に料金が発生するわけではありません。

ホーム画面から削除するとデータも消えますか?

ホーム画面のアイコンを削除しても、Appli Parkのアカウントを退会したことにはなりません。一方、端末内に保存している情報は、Webアプリの削除やブラウザのサイトデータ削除に伴って失われる場合があります。ゲスト利用中のデータや端末内だけに保存した記録がある場合は、削除前に確認してください。

追加ボタンが表示されません。どうすればよいですか?

対応ブラウザでない、すでに追加済み、端末の管理設定で制限されている、といった可能性があります。まずは対応ブラウザで開いているかを確認してください。

Appli Parkの対応範囲と、通信が必要な操作

Appli ParkではWeb App Manifestで、アプリ名、トップページを開く開始URL、独立した画面で開くstandalone表示、テーマ色、アイコンを設定しています。Service Workerはオフライン案内ページと静的ファイルをキャッシュしますが、API通信はキャッシュの対象外です。 TODOや日記の変更をオフラインでため、後から自動送信する仕組みはありません。通信が必要な操作では、保存できたかを画面で確認してください。ホーム画面から開けることと、通信なしで記録を保存できることは別です。実装確認日:2026年9月19日。 端末の追加手順は、Apple「iPhoneのSafariでWebサイトをアプリにする」とGoogle Chromeヘルプ「ウェブアプリを使用する」の案内を参照しています。

出典・参考資料What is a progressive web app?MDN Web Docs/PWA、Manifest、Service Workerの役割。2026年9月19日確認developer.mozilla.org出典・参考資料Web application manifestMDN Web Docs/インストール時に使われる名前・アイコン等のManifest情報。2026年9月19日確認developer.mozilla.org