横型ローディングスライダー

:police_car_light: この機能は現在 Discourse コアに組み込まれています。有効化するには「ページ読み込みインジケーター」設定を使用してください。 詳細は以下をご覧ください。

このテーマコンポーネントは、Discourse コアのローディングスピンナーを削除し、画面の上部にローディングスライダーを置き換えます。これは GitHub などの他のサイトでも一般的なアプローチです。利点は、ページ遷移時のコンテンツの「ちらつき」が少なくなることです。一方、Discourse がアプリというよりウェブページのような印象を与えるという潜在的な欠点もあります。

通常 テーマコンポーネント適用時
ezgif-6-370e14693a43 ezgif-6-f4ed194f762c

既知の問題:

  • Latest / Top / Unread… ドロップダウンがモバイルでフリーズする :white_check_mark:

  • discourse-encrypt との互換性の問題(例:トピック間を切り替えた際にトピックタイトルがフリーズする)

「いいね!」 92

これは私にとって、はるかに視覚的に魅力的です。ローディングスピナーは素敵ですが、かなり目障りです。

「いいね!」 25

Metaで1〜2日試してみませんか、@david さん?

「いいね!」 16

はい、どんな感じか見てみましょう。Meta で有効にしました :+1: (一時的にこのトピックを固定して名前を変更し、進行中であることをお知らせしています)

「いいね!」 25

私は気に入っていますが、かなり遅く感じられます。おそらく、Meta からの遅延が約 250ms あるためでしょう。

「いいね!」 14

はい、賛否両論ありますね。ページ全体のちらつきがなくなるのは良いのですが、UI の反応が少し鈍く感じるのも事実です :thinking:

「いいね!」 15

逆に、低遅延の接続ではページがより高速に感じられます。ただし、UI の応答性は異なります。

「いいね!」 13

スピナーの方が好みでしたが、正直なところ、その存在にあまり気づいていませんでした。一瞬現れてからページが突然表示される様子が気に入っています。これは速く感じられます。一方、プログレスバーだと、待っていることがより意識されてしまいます。実際にはページを読み始めることができるはずなのに、ついバーの方を見てしまっていました。

ページの読み込みが完了する前の段階で「終了」するようにすれば、多少改善されるかもしれません。

あるいは、従来のスピナーから離れたいのであれば、バーの円形バージョンのような新しいスピナーはいかがでしょうか?360 度回転する直前に消えるようなものです。

「いいね!」 10

いくつかのレンダリングバグ(例:トピックから直接別のトピックに移動すると、OP の表示に問題が発生する)が露呈していました。一時的にメタから削除しましたが、OP 内のテーマ作成者リンクを使って引き続き試すことができます。

「いいね!」 14

おっと、これは100%良くなりましたね!ぜひそのようにしてください!

「いいね!」 17

トピックのレンダリング不具合は解消されたため、こちらでMetaにて再度有効化しました。今後の様子を見ていきましょう。

「いいね!」 17

素敵ですね。:+1:t2: 引き続き頑張ってください。

「いいね!」 9

バーの方が全然いいです。

「いいね!」 6

とても気に入っています。カスタムスピナーがほとんどの場合表示されないとしてもです。
ただ、一つ問題があります。現在閲覧中のトピックやトピック一覧を再読み込みする際、読み込みバーが表示されません。
メタのホームにいる状態でロゴをクリックすると、バーの代わりにスピナーが表示されます。

「いいね!」 8

スピナーよりもずっと気に入っています。素晴らしい仕事ですね!

ただ、ローディングバーの色を設定・変更する方法はどのようにすればよいでしょうか?

「いいね!」 6

現在は、カラースキームの「quaternary」色に基づいて設定されています。必要であれば、CSS を通じて個別にカスタマイズすることも簡単に可能です。

見事ですね、ありがとうございます。その状況も上書きできるか確認してみます :+1:

「いいね!」 12

最終的にこれを Discore のコア機能に移行し、テーマコンポーネントを不要にすることが目標でしょうか?

「いいね!」 7