質問編集履歴

1 タイトル・記事本文に誤字・脱字があったため修正。

echizeyayota

echizeyayota score 6

2019/05/13 18:30  投稿

いつもお世話になっています。
下記の質問についてご存知の方がいらっしゃいましたら、ご教示を願います。
---
### 【質問の主旨】
【質問の補足】1で公開しているGitHubコードに基づいてAMPページにPWAを実装し、Firebaseにアップロードしています。 **ですがスマホのブラウザでアクセスしても、PWA用のアイコンを登録するためのバナーが表示されません。** なぜでしょうか?
【質問の補足】1で公開しているGitHubコードに基づいてAMPページにPWAを実装し、Firebaseにアップロードしています。 **ですがAndroidスマホのブラウザでアクセスしても、PWA用のアイコンを登録するためのバナーが表示されません。** なぜでしょうか?
### 【質問の補足】
#### 1.
GitHubのコードは以下の通りです。
[https://github.com/echizenyayota/accelerated-mobile-pages-foundations](https://github.com/echizenyayota/accelerated-mobile-pages-foundations)
#### 2.
今回の質問に関するAMPページのURLです。リクエストが来たときに最初に表示させたいファイルは`article.amp.html`です。
[https://ampf-5bfd6.firebaseapp.com/article.amp.html](https://ampf-5bfd6.firebaseapp.com/article.amp.html)
#### 3.
AMPページは「HTMLをAMPに変換する」というチュートリアルを写経しています。
[https://amp.dev/ja/documentation/guides-and-tutorials/start/converting/?referrer=ampproject.org](https://amp.dev/ja/documentation/guides-and-tutorials/start/converting/?referrer=ampproject.org)
#### 4.
AMPページにPWAを実装する手順は「AMP ページでプログレッシブ ウェブアプリ機能を有効にする」の **「Service Worker をインストールしてオフライン アクセスを有効にする」** という見出しのところまでに基づいています。
[https://amp.dev/ja/documentation/guides-and-tutorials/optimize-and-measure/amp-as-pwa?format=websites](https://amp.dev/ja/documentation/guides-and-tutorials/optimize-and-measure/amp-as-pwa?format=websites)
---
以上、ご確認のほどよろしくお願い申し上げます。
  • JavaScript

    24272 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Google

    1057 questions

    Googleは、アメリカ合衆国に位置する、インターネット関連のサービスや製品を提供している企業です。検索エンジンからアプリケーションの提供まで、多岐にわたるサービスを提供しています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る