web-dev-qa-db-ja.com

IOSのプログレッシブWebアプリソリューションとは

IOSデバイス用のプログレッシブWebアプリのソリューションは、デフォルトのブラウザーであるSAFARIがプログレッシブWebアプリをまだサポートしていないので、私は疑問に思いました。 IOSカウンターパートの代替物は何ですか?

76
Manjari

「プログレッシブWebアプリをサポートするブラウザー」は実際の用語ではなく、PWA自体はWebアプリがユーザーに提供できる機能のセットであることに注意してください。したがって、Service WorkerとApp Manifestだけにとどまりません。

チェックアウト: ベースラインPWAチェックリスト

この回答が作成された時点で、iOS/SafariでPWAを実現するためにできることは次のとおりです。

  • サイトはHTTPS経由で提供されます✅
  • タブレットとモバイルデバイスでページが応答する✅
  • 開始URLは(少なくとも)オフライン中にロードされますか????
  • ホーム画面に追加するためのメタデータ✅❗️
  • 3Gでも最初の読み込みが速い✅
  • サイトはクロスブラウザで動作します✅
  • ページ遷移は、ネットワーク上でブロックされているようには感じません✅
  • 各ページにはURLがあります✅

ご覧のとおり、ほとんどすべてが機能しています。たとえiOS/Safariでページがオフラインで機能しなくても、WebアプリをPWAに「アップグレード」することには大きな利点があります。

本当に欲しいのは、「プログレッシブWebアプリ」の豪華なタイトルではなく、ユーザーに優れたエクスペリエンスと機能を提供する優れたWebアプリです。これは、小さなパーツごとに達成できるため、旅です。それが「プログレッシブ」と呼ばれる理由です。

「ホーム画面に追加:Safariには、メタタグでApple-mobile-web-app-capableと呼ばれる「ホーム画面アイコン」の独自の仕様があります。 Web App Manifest Generator にはフォールバックがあります。このメタタグを使用したiOS向け

92
TrungDQ

編集3:

2018年3月30日にサービスワーカーがiOS用Safariに出荷しました!

編集2:

Ricky Mondelloという名前のApple開発者は、2018年1月24日にこれをツイートしました。

https://Twitter.com/rmondello/status/9562568453115904

「iOS 11.3およびmacOS 10.13.4にはService Workerが含まれています。これは、バックグラウンドスクリプトがオフラインWebアプリケーションを強化できる強力な仕様です。iOS11.3は、Webアプリをホーム画面に追加する際にWeb App Manifestも参照します。」

驚くばかり!

Word of Push通知はまだありませんが、それでもすばらしいニュースです。

編集:

私はこのトピックに関してAppleを呼びかける記事を書きました。

https://m.phillydevshop.com/apples-refusal-to-support-progressive-web-apps-is-a-serious-detriment-to-future-of-the-web-e81b2be29676

ハッカーのニュースに投稿され、Twitterでいくつかの良い露出を得ました。 1週間後、彼らはその開発を開始しました。だから-しばらくお待ちください、それはようやく進行中です!


元の回答:

「つまり、Service WorkerとApp Manifestだけではありません。」

私の意見では、それがまさにPWAの真の目的であり、サービスワーカーです。それが、PWAが可能にするすごいことをすべて実行できるようにするものです。ベースラインは長い間達成できており、グーグルはそれらをベースライン分類として技術的に確立していますが、それらはPWAを実際に作るものではありません。それ以外の場合は、私の本では単なる通常のレスポンシブWebアプリです。

Appleがモバイルサファリをサポートすることを拒否しているため、モバイルサファリでまだできないことのリストを次に示します(アプリストアのお金を失うため)。

  • アプリの読み込み画面を作成する
  • プッシュ通知を使用する
  • オフラインサポートを追加する
  • すぐにロードする初期アプリUIを作成します
  • ブラウザのガイド付きダイアログを介してホーム画面へのプロンプトインストール

受け入れられた答えは、本当にここで間違った絵を描きます。 Appleの「ネイティブ」のようなモバイルサファリの経験を限界まで押し上げましたが、それでもかなり悪い状態です。私はモバイルサファリのフルスクリーンモードで多くの問題を経験しましたが、アップルはそれらを気にしません。アプリストアのようにお金を生み出さないので、二流市民のように扱われます。

IOSのホーム画面にTwitterの新しくて素晴らしい反応/リデュースベースのモバイルサイトを追加すると、フルスクリーンモードで開かないことがわかります。それは私が見つけたのと同じ理由だと思う-バグがたくさんあり、Appleのチームの誰も彼らに取り組んでいない。

Webアプリマニフェストで利用可能であったiOSフルスクリーンモードでかつて可能であった読み込み画面は、トピックに関する投稿に関するAppleからのコメントは一切なく、神秘的に機能しなくなりました。そして、ユーザーに「ああ、ちょっとクリックして共有をクリックしてから、「ホーム画面に追加」にスライドする」ということは、物事を進めなければならない恐ろしい方法です。

その悲しい状況。現在受け入れられている回答のリストは、実際には「Baseline Responsive Web App List」と呼ばれるべきです。

そして、ここで質問に答えるために-いいえ、代替手段はなく、あなたにできることは何もありません。 Appleのゲームをプレイし、App Storeにアクセスするために100ドルを支払い、まったく異なる複雑なプログラミング言語を学び、完全に独立したコードベースを維持する必要があります。

私はクライアントプロジェクトのためにReact Nativeを6か月間学習しましたが、すごいことです。私はそれを強くお勧めします。 JavaScriptを使用して真のネイティブアプリを作成し、iOSとAndroid間でコードベースを共有できます。

明確にするために、私は反アップルではありません。私はiPhoneを使用し、Macで開発しています。しかし、ビジネス戦略のこの側面は確かに残念です。

73
Greg Blass