ホーム画面に追加 (iOS, iPadOS)

今思えば、確認したかどうか尋ねるべきだったかもしれませんね。:slight_smile:

私は登録開発者なので、ベータ版にかなり早くアクセスできるため、誰もがリリース日にアップデートするわけではないことを時々忘れてしまいます。:slight_smile:

私も同意します。これは、プライベートでホストされているサイト(Hubアプリと比較して)の主な利点です。

しかし、コードはiOSのバージョンが16.4以上であることを確認していますか?もしそうでない場合(そしておそらくA2HSについて言及する意味もほとんどない場合)は、通知について言及しても意味がありません。Rubyはわかりませんが、iPhoneまたはiPadのいずれかにいるかどうかを確認するだけのようです。

もし私の理解が間違っていたら申し訳ありません。

「いいね!」 3

勘違いではありません!これはRubyではなく、JavaScriptです。:smile:

「いいね!」 1

間違った棒の右端! :slight_smile:

「いいね!」 2

AndroidでもこのトピックでiOSのようにフォーラムをインストールしたいのですが、どうすればいいですか?
皆さん、よろしくお願いします。

Chromeを開き、3つのドットをクリックして「アプリをインストール」を選択し、「インストール」をクリックします。

「いいね!」 1

私のフォーラム(Discourseプラットフォームを使用)で、Androidユーザーがこのコンポーネントのようなアプリをインストールできるようにしたいのです。

これは、Discourseフォーラムを表示しているAndroid Chromeブラウザでのことです。

また、標準でバナープロンプトも表示されます。例:

https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/components/pwa-install-banner.js#L41-L46

「いいね!」 3

皆さん、こんにちは!フォーラムにこのコンポーネントをインストールしたばかりですが、重大なバグがあります。デスクトップ版、モバイル版、アプリ版すべてで無限スクロールになり、ボタンをクリックできなくなりました。幸い、コンピューターでページをリロードしていなかったので、問題に気づいたときにすぐに無効にすることができました。皆さんの参考になれば幸いです。:slight_smile:

「いいね!」 2

これはまだ発生していますか?再現できませんでした。

ジョーダンさん、こんにちは!もう試しませんでしたし、これからも試すつもりはありません。

Add to Homescreen プロンプトが discoursehub アプリに表示されます

「いいね!」 1

iOSのChromeでも同様に表示されることに気づきました。これはあまり役に立ちません。

理想的には、Safari以外のブラウザには次のような異なるメッセージを表示すべきです。

デバイスにインストールするには、Safariで開いてください。

またはそれに類するメッセージ。

iOS Chrome は iOS 16.4 以降、「ホーム画面に追加」に対応しています。

依然として上向き矢印付きの箱のような共有ボタンをクリックしますが、iOS Chrome ではこのボタンは画面上部の URL バーに表示されます。URL バーは折りたたまれている場合があるため、共有ボタンはデフォルトでは表示されないことがあります。

したがって、メッセージを「Safari で開く」に変更する必要はありませんが、共有ボタンがどこにあるかを正しく推測できれば便利です。iPhone Safari では、フッターの中央に表示されますが、折りたたまれている場合があります。iPad Safari では、右上隅に表示され、折りたたまれません。

iPhone Chrome では右上隅に表示され、折りたたまれている場合があります。iPad Chrome では、右上隅に表示されますが、折りたたまれることはありません。

「いいね!」 1

私は他の人がiOSでPWAをインストールするようにユーザーをガイドする方法を観察してきましたが、よく見られるパターンは、クリック可能なバナーがあり、それが新しいブラウザタブを開き、「PWAをインストール」という別のページを指し、そのページはスクロールしません

これにより、そのページでURLバーが折りたたまれるのを防ぎ、ユーザーが共有ボタンを見つけてクリックしやすくなります。

(もちろん、共有シートを開いた後、「ホーム画面に追加」までスクロールする必要はありますが、それは手間のかかる点です。しかし、摩擦を減らすことができるものは何でも役立ちます…)

「いいね!」 4

これは知りませんでした。PWA をインストールするには Safari 経由でなければならないとどこかで読んだと確信していました。それなら TC はかなり的確ですね!

私が遭遇した問題の 1 つは、かなりのエンタープライズ管理下にある iPhone では Web 通知がブロックされる可能性があることです(私の iPhone がそうです)。これは本当に面倒です。

「いいね!」 1

「___ forum をこのデバイスにインストールしますか?」

ユーザーが誤ってこのポップアップを閉じた場合、再度表示されることを期待できますか?

私の経験では、通常、フォーラムからログアウトして再度ログインするとトリガーされます。

「いいね!」 1

ありがとう

もう一つ気づいたのですが、アプリがインストールされたとき、ロゴが比例して縮小されず、場違いに見えます。

ブランドセクションでアプリが使用しているロゴを知っている人はいますか?

このテーマコンポーネントを作成していただきありがとうございます!これは私にとって非常に役立ちます :smiley:

フィードバックがありました。共有ボタンが何であるかわからない人もいるため、ボタンの名前を言うのではなく、アイコンを表示する方が役立ちます。

これを行うには、この pwa_text を使用できます。

Install <b>%{siteTitle}</b> on your iOS device. Tap <img height="25" width="20" src="https://help.apple.com/assets/683A54F5227CBBDB98051B96/683A54FC545676DF600F97D4/en_US/d26fe35d3438fe81179a80c2b6c9b0c9.png" /> and then <b>Add to Home Screen.</b>

次のようになります。