サイトをアプリにする方法｜iPhone・Android・Macの手順と配布との違い

サイトをアプリにする方法は、使う端末ごとに決まっています。iPhoneならSafariの共有メニューにある「ホーム画面に追加」、AndroidならChromeのメニューにある「インストール」、MacならSafariの「Dockに追加」かChromeの「ページをアプリとしてインストール」です。どれも追加の費用はかからず、1分ほどで終わります。一方で、自分以外の人の端末にも入れてもらえるアプリにしたい場合は、まったく別の作業になり、ストアの登録料と審査が必要です。この記事では、端末ごとの手順を画面の名前どおりに並べ、うまくいかないときの直し方と、配布するアプリにする場合の条件まで整理します。手順と金額は、2026年10月18日に各社の公式ページで確認したものです。

方法は「どの端末で、誰が使うか」で決まる

最初に決めるのは、そのアプリを使うのが自分だけか、ほかの人にも使ってもらうのか、という1点です。自分だけで使うなら、ブラウザに組み込まれた機能で足ります。ほかの人にも使ってもらうなら、サイトの作り直しかストアへの提出が必要になります。

使う端末	使う機能	画面での名前	費用
iPhone	Safariの共有メニュー	ホーム画面に追加	無料
Android	Chromeのメニュー	インストール	無料
Mac（Safari）	ファイルメニュー	Dockに追加	無料
Mac・Windows（Chrome）	キャスト、保存、共有	ページをアプリとしてインストール	無料
ほかの人の端末	ストアでの配布	端末ごとの登録と審査	登録料が必要

表の上の4行は、どれもサイトそのものは変わりません。ブラウザがそのサイト専用の窓とアイコンを作り、タブの列から切り離すだけです。そのため、サイト側の更新はそのまま反映され、保守の手間もかかりません。

最後の行だけは性質が違います。ストアに並ぶアプリを作るには、開発者として登録し、アプリの形にまとめ、審査を通す必要があります。社内の数人で同じ業務システムを使いたいという程度であれば、配布の計画を立てるより、上の4行の手順を1枚の手順書にして共有するほうが早く終わります。

iPhoneでサイトをアプリにする手順（Safari）

iPhoneでは、Safariの「ホーム画面に追加」を使います。Appleのユーザガイド「iPhoneのSafariでウェブサイトをアプリにする」に書かれている手順は次のとおりです。

1. iPhoneでSafariを開き、アプリにしたいウェブサイトに移動する
2. 共有のボタンをタップする（タブのレイアウトによっては、先にその他のボタンをタップしてから「共有」を選ぶ）
3. オプションのリストを下にスクロールし、「ホーム画面に追加」をタップする
4. 「ウェブアプリとして開く」をオンにする
5. 「追加」をタップする

これでホーム画面にアイコンが追加されます。アイコンをタップすると、Safariのアドレスバーが無い状態でサイトが開き、ほかのアプリと同じように切り替えや終了ができます。ガイドには、ウェブアプリから通知を受け取れることも書かれています。

4つ目の「ウェブアプリとして開く」が要点です。これをオフにしたまま追加すると、アイコンを押したときにSafariのタブとして開くだけの、ブックマークに近いものになります。アプリのように独立した画面で使いたい場合は、追加する前にオンになっているかを確かめてください。

「ホーム画面に追加」が見つからないとき

共有メニューを開いても「ホーム画面に追加」が無い、という相談は多く寄せられています。Appleのガイドには、この場合の直し方が明記されています。リストの一番下までスクロールして「アクションを編集」をタップし、その中の「ホーム画面に追加」を選ぶと、共有メニューに表示されるようになります。

もう1つの原因は、Safari以外のアプリでページを開いていることです。SNSのアプリ内ブラウザで開いたページでは、共有メニューの中身が違います。アプリ内ブラウザのメニューにある「Safariで開く」などの項目からSafariに移ってから、同じ手順を行ってください。

Androidでサイトをアプリにする手順（Chrome）

AndroidではChromeの機能を使います。Googleのヘルプ「ウェブアプリを使用する」に書かれている手順は次のとおりです。

1. AndroidデバイスでChromeを開く
2. インストールしたいウェブサイトに移動する
3. アドレスバーの右にあるその他アイコンをタップし、「インストールしてショートカットを作成」から「インストール」をタップする
4. 画面上の指示に沿って操作する

この方法は、以前から「ホーム画面に追加」として知られてきました。Yahoo!知恵袋には、2015年の時点で次のような回答が残っています。

アプリではありませんがショートカットアイコンをホーム画面に作ることはできます。Chromeでしたら、サイトを開いた状態で、右上のメニューから「ホーム画面に追加」を選べばOKです。 出典: detail.chiebukuro.yahoo.co.jp

現在のChromeでは、ここが2つに分かれています。サイトがウェブアプリとして作られている場合は「インストール」が選べて、ほかのアプリと同じ一覧に並びます。そうでないサイトでは、ホーム画面に追加されるのはショートカットだけで、開くとChromeのタブになります。同じ知恵袋のページには、ショートカットのアイコンにChromeのマークが付いてしまうという相談も並んでいます。アプリのように使えるかどうかは、メニューに「インストール」が出るかで見分けられます。

インストールしたウェブアプリを削除するときは、「設定」から「アプリ」、「アプリをすべて表示」と進み、アプリを選んで「アンインストール」をタップします。普通のアプリと同じ場所で管理できます。

Macでサイトをアプリにする手順（SafariとChrome）

Macには2つの方法があります。どちらも無料で、追加のソフトは要りません。

Safariの「Dockに追加」

Appleのサポート記事「MacでSafari Webアプリを使う」によると、この機能はmacOS Sonoma 14以降で使えます。

1. Safariで、アプリにしたいWebページを開く
2. メニューバーから「ファイル」、「Dockに追加」の順に選ぶ（ツールバーの共有ボタンからも選べる）
3. 名前を入力して「追加」をクリックする

作ったWebアプリは、ホームフォルダの「アプリケーション」フォルダに保存され、DockやSpotlightから開けます。開いたあとにメニューバーのアプリ名から「設定」を選ぶと、アプリケーション名、アプリケーションURL、アイコンを変えられます。同じ記事には次の説明があります。

Webアプリは、Safariとは別に機能します。閲覧履歴、Cookie、Webサイトデータ、設定情報はSafariと共有されません。 出典: support.apple.com

このため、最初に開いたときはログインしていない状態から始まります。逆に言えば、同じサービスで2つのWebアプリを作り、それぞれ別のアカウントでログインしておくことができます。

Chromeの「ページをアプリとしてインストール」

Chromeでは、右上のその他アイコンから「キャスト、保存、共有」、「ページをアプリとしてインストール」の順に選びます。サイトによっては、アドレスバーの右端に表示される「インストール」のアイコンからも同じことができます。手順は先ほどのGoogleのヘルプのパソコン向けの項目に載っています。インストールしたアプリは、アドレスバーに「chrome://apps」と入力すると一覧で表示され、右クリックで「ログイン時に起動」も選べます。

Safari版との大きな違いは、ログインの扱いです。Chromeのアプリは、作成したときのChromeのプロファイルとログインを共有します。Chromeですでにログインしているサービスなら、そのまま使い始められます。その代わり、同じサービスを別のアカウントで並べて使うには、Chromeのプロファイルを分ける必要があります。

サイトをアプリにするメリットとデメリット

ここまでの方法で手に入るものと、手に入らないものを分けておきます。

メリットは次の3つです。

• ホーム画面やDockから1回で開ける。タブの列から探す手間が無くなる
• アドレスバーやタブが無い画面で、サイトの中身だけが広く表示される
• Macでは、Command＋Tabの一覧やDockに独立して並ぶ。ほかのタブを閉じたときに一緒に閉じてしまうことも無い

デメリットは次の3つです。

• オフラインで使えるようにはならない。オフライン対応はサイト側が作る仕組みで、外側の窓を変えても追加されない
• OSの機能が増えるわけではない。ブラウザで動く範囲を超えたことはできない
• 自分の端末の中だけで完結する。作ったアイコンをほかの人に渡すことはできない

この方法は、毎日何度も開くサイトに向いています。月に1回しか開かないサイトをアプリにしても、ホーム画面やDockのアイコンが増えるだけです。目安として、1日に3回以上開くサイト、ログインした状態のまま待ち受けておきたいサイト（メール、チャット、カレンダー、業務の管理画面）から始めると、効果がはっきり出ます。

うまくいかないときの注意点

作ったあとで「ログインがすぐ切れる」「開いたら別のページが出る」という相談がよくあります。原因はほぼ決まっています。

• ログインし直しになる。SafariのWebアプリはSafariとCookieを共有しないため、最初の1回はアプリの中でログインする必要があります。アプリの中でログインしたあとは、その状態が保たれます
• 開いたときのページが違う。追加したときに開いていたURLがそのまま起動ページになります。ログイン画面を開いた状態で追加すると、毎回ログイン画面から始まります。Macの場合は、Webアプリの「設定」にある「アプリケーションURL」で直せます
• ポップアップが開かない。Googleアカウントなど外部のログイン画面を別の窓で開くサイトでは、その窓が出ないことがあります。一度ブラウザ側でログインしてから追加し直すと解決することがあります
• アイコンが見分けにくい。似たファビコンのサイトをいくつもアプリにすると、Dockで区別しにくくなります。Macでは「設定」の「アイコン」から別の画像を選べます

また、サイトのURLが変わったときは、アプリは何も知らせずに古いURLを開き続けます。その場合は、作り直すか、URLを設定し直してください。

他人に配るアプリにする場合の費用と審査

運営しているサイトを、利用者が自分の端末に入れられる形で提供したい場合は、選べる道が3つあります。

1つ目はPWA（プログレッシブWebアプリ）です。サイト側にマニフェストというファイルとオフライン用の仕組みを用意すると、利用者のブラウザが「インストール」を勧めるようになります。ストアに提出しないため、登録料も審査もありません。作り方はweb.devの資料にまとまっています。

2つ目はストアでの配布です。2026年10月18日時点で、Apple Developer Programは年間メンバーシップが99ドル、Google Playはデベロッパーアカウントの登録に1回限りの登録料US$25がかかります。ただし、サイトを包んだだけのアプリはApp Storeの審査を通りにくい点に注意が要ります。App Store Reviewガイドラインの「4.2 最低限の機能」には、次の一文があります。

アプリを作成する際は、Webサイトを単に再パッケージしたようなものではなく、優れた機能、コンテンツ、UIを作成するようにしてください。 出典: developer.apple.com

3つ目はデスクトップ向けに、ブラウザのエンジンごと同梱したアプリを配る方法です。Electronのような枠組みが使われます。ストアを通さずに配れますが、エンジンの更新が出るたびに配り直す責任を負います。

配布の道はどれも、サイトの持ち主が選ぶ方法です。他人のサイトを自分用にアプリにしたいだけなら、ここまでの作業は要りません。

ブラウザの機能で足りないときの道具の考え方

Macでブラウザの機能を使うと、Safariは拡張機能の扱いがSafariのものに限られ、Chromeはプロファイルとログインを共有する、という制約が残ります。Chromeの拡張機能を使いながら、アプリごとにログインを分けたい場合は、サイトをアプリにする道具（Webアプリ化ツール）を使う方法があります。

そうした道具の1つでは、案内サイトのできることに、アプリごとに独立したブラウザプロファイルが自動で割り当てられ、Cookieやログインがアプリの間で分かれる仕組みが説明されています。仕事用と個人用のGoogleアカウントを同時に開いておく使い方がこれにあたります。作成の流れは使い方ガイドに画面の名前どおりに載っており、左のサイドバーの「新規作成」からサービスを選び、ブラウザエンジンを選んで「アプリを作成」を押すと、アプリケーションフォルダの中に保存されます。GmailやSlackなどあらかじめ用意されたサービスは対応サービス一覧で確かめられ、300以上のプリセットからすぐ作れるため、URLやアイコンを自分で用意する必要がありません。

費用は料金の欄に、2026年10月18日時点で3アプリまで無料、それ以上は3,980円の買い切り（税込）と書かれています。対応するのはmacOS 12以降で、Chromeなど7つのブラウザに対応しています。SafariのWebアプリとの違いはよくある質問にも説明があります。

選び方の目安は次のとおりです。iPhoneとAndroidでは、ブラウザの機能で十分です。Macで1つか2つのサイトをアプリにするだけなら、Safariの「Dockに追加」から試すと手間がかかりません。Chromeの拡張機能を使いたい、または同じサービスを複数のアカウントで並べたいという条件が加わったときに、道具を検討すると判断を誤りにくくなります。