カテゴリハッシュタグのフローティングカードとサブカテゴリハッシュタグ表示の改善 🎈

Can we make inline links to subcategories more concise? に従い、サブカテゴリのハッシュタグの表示方法を変更・改善するとともに、ユーザーメンション(例:@martin をクリックしたとき)で既に確認できるのと同じフローティングカード機能を追加します。

このカードには、カテゴリ名、アイコン/絵文字、説明、および親カテゴリへのリンクが表示されます。権限を持つユーザーは、「説明を編集」ボタンと「新しいトピック」ボタンを確認できます。後者はカテゴリの文脈によって変わります(例:イベントカテゴリでは「新しいイベント」ボタンが表示されます)。

また、カードにはそのカテゴリ内の直近の3件のトピックの一覧も表示されます。カテゴリの閲覧権限がないユーザーは、ハッシュタグのリンクに従うだけで、カードは表示されません。

サブカテゴリのハッシュタグからは > セパレーターが削除され、子カテゴリのみが表示されるようになります。変更前後の比較は以下の通りです:

この動作はすべて、Enable category hashtag cards という今後の変更項目で制御されています:

こちらでは有効化されているため、ご自身のサイトで試す前に自分で確認したい場合はご覧ください。投稿内の任意のカテゴリハッシュタグ(例:News and Events や Community Building など)をクリックして、様子を見てみてください。

「いいね!」 14

これらのカードを恒久的に無効にすることはできますか?ユーザーとして、そのリンクをクリックした場合は、中間ステップを経ずにカテゴリページに直接移動したいです。

また、UXに関するフィードバックとして、カードからカテゴリのトピック一覧へどのように移動するのでしょうか?スクリーンショットからは明確ではありません。

「いいね!」 2

カード内のカテゴリ名をクリックできると思います。ユーザーカードでユーザー名をクリックしてプロフィールを開くのと同じように、カテゴリ名をクリックすれば開けるはずです。

「いいね!」 2

この機能はここで有効化されています。そのため、自分のフォーラムでいじり始める前に、ここで試すことができます。

まだ開発中の段階ですので、ここでいただいたフィードバックを反映し、ベータ版/安定版への移行(現在はまだ実験段階です)前に調整を加えていきます。

クリック可能な領域がもっと分かりやすいべきだと思います。より具体的な要素を除いて、カード全体をクリック可能にするのが良いかもしれません。

「いいね!」 1

最初の投稿にいくつかの例があると、返信を読むのが面倒で、ただその機能がどのように動くか知りたい人にとって便利だと思います :slight_smile:

「いいね!」 1

テストしてみるのは良さそうですね、ありがとうございます。Announcements - Discourse Meta のようなサブカテゴリは実際どう表示されるのでしょうか?

すみません、# を使って手動で呼び出す必要がありますね。このように:News and Events > Announcements

# を使う場合、カテゴリの情報がインラインではなくモーダルに表示されるようになったので、カードにはトップカテゴリのみを表示する方がより理にかなっているのではないでしょうか?

「いいね!」 1

それが意図だったと思います

「いいね!」 3

この例では、なぜ「News & Events」の親カテゴリが残ったのでしょうか?以下の記述に従えば削除されるはずではありませんか:

参考までに、私は同じスラッグを持つカテゴリを何十個も持っています。そのため、ハッシュタグに親カテゴリを含めることは必須です。今回の変更により、カテゴリの表示名に親カテゴリ名を含めることができるようになると期待しています。従来の方法では、1Secure > 1Secure Ideas のように見栄えが悪かったのですが、この新しい変更により、1Secure Ideas のようにフラットな表示にできるかもしれません。

CleanShot 2026-09-17 at 09.35.56

「いいね!」 2

このオプションを残すことはなさそうです……設定項目が多すぎて :smiling_face_with_tear: 少なくともやるのは、ダブルクリックするとそのカテゴリに移動できるようにすることです。また、カードのポップアップ内のカテゴリ名をクリックすることもできます。

カテゴリへの直接リンクが欲しい場合は、このように書けば https://meta.discourse.org/c/news-and-events/announcements/67 は Announcements - Discourse Meta に変換されます。

良い指摘ですね。ここには「トピックへ移動」リンクを追加できると思います:

「いいね!」 3

ただし、@martin と @awesomerobot がデザインを調整している間、この機能を experimental 環境でしばらく様子を見ることに異議はありません。

「いいね!」 4

もちろん、しばらくは前へ進む必要はありません(すぐにミートアップがある予定なので、その準備で忙しいはずです :slight_smile: )

申し訳ありませんが、この機能には懐疑的です。ユーザーにとって、カードでデータを一目で確認できるのは理にかなっています。しかし、カテゴリやタグに関しては、追加の価値が見出せません。むしろ、意味のない余計なステップを増やすことで、状況を悪くしているように思えます。

これは現実的な回避策ではありません。ユーザーがまず別の場所からそのカテゴリのリンクを見つけなければならないからです。これもまたUXを悪くしています。

すみません、あまり好きではありません :slight_smile:

「いいね!」 2

私のユーザーの多くがPWA(Progressive Web App)を使用しています。そのため、リンクを取得するのは少し難しい作業です。一方で、彼らはカテゴリへのリンクを貼っていません。私の推測では、ソーシャルメディアから来ていて、ゲームや技術、ITなどではない、非技術的なフォーラムの大多数も同じだと思います。

私もファンではありません。最近のシステムは、ユーザーが探しているものを見つけるのではなく、すべてカード形式のデザインに移行しつつあるようです。おそらく私は古風すぎて、リンクがターゲットに到達する簡単な方法であることを期待しているのかもしれません。

しかし、管理者である私がそれを使用しないことを選べるなら、それは問題ではありません(私のコミュニティでは、意見を持つ少数のユーザーもそれを好んでおらず、もし彼らの嗜好が変われば、私はすぐにカード形式に移行します。結局、私のフォーラムは私ではなく、ユーザーによる議論のためのものだからです)。

「いいね!」 3

まず、この機能に感謝します!私のDiscourseインストール環境でまたカテゴリの整理を始めたら、テキスト内のハッシュタグの「親カテゴリ > 子カテゴリ」表示がまた気になり始めました(私たちはカテゴリが多く、ユーザーを導くためにカテゴリやサブカテゴリを頻繁に言及しています)。そこで、以前この件について議論したときから状況が進んでいるか確認してみたら、進んでいました!嬉しいです。

個人的には、カード表示は必要なかったと思います(より簡潔なサブカテゴリのリンクだけで十分でした)。ただ、よく考えてみると、このアイデアは結構気に入りました。少なくとも私のユーザー層にとっては、カテゴリやハッシュタグのプレビューが見られるのは理にかなっています。ただし、私はそれを「ホバー」で表示されるものとして想像していたので、「クリックで表示される」と知ったときの反応は「え、待って、また一ステップ増えるの?ハイパーリンクをダブルクリックするなんて!」でした。

まさに私の反応そのものでした:リンクを開くのにただ余計なクリックを追加しているだけ…まあ、という感じです。

しかし、スマホで試してみたら考えが変わりました:このカードは、そのカテゴリが何であるかをとてもよく把握させてくれます(もし私が疑問を持っていたら…分類体系を使う人は、それを考案した人よりも直感的に理解しにくいことが多いことを思い出して)。そして、最新の投稿のヒントも与えてくれるので、それが望んでいなかったものだった場合に、そのタグやカテゴリに移動するのを避ける機会を私に与えてくれます。

私のユーザーはデジタル空間にあまり慣れておらず、迷子になりがちです。私の見解では、これは間違いなく、自分がどこにいるかを見失わないよう助け、魅力的に見えた数語をクリックしてしまい、実は適切な場所ではなかったにもかかわらず、行きたくない場所に辿り着いてしまうのを防いでくれるでしょう。

なので、今はかなり意気込んでおり、私のコミュニティでプレビューを有効にしました。実際の運用でどうなるか見てみましょう。

でも…この機能が機能しない他のコミュニティのシナリオを想像できます。すべてを設定項目にするべきではないことに同意します(すでに設定項目で溺れており、私は十分に文句を言いました)。しかし…これはオンラインで物事が動く期待されるパターンを「壊す」ように感じます:リンクをクリックすると目的地に移動する。ハッシュタグを入力すると、そのハッシュタグに関連するすべてを見るためにクリックできることを意味する。なので、この問題への回避策が何であるかは本当にわかりません。

おそらく解決策は別のレベルにあるのでしょう。Discourseというツールが、一見矛盾する2つの意図をどう扱うかという点において:

  1. 非常に柔軟でカスタマイズ可能であること
  2. 「初期状態(アウトオブザボックス)」で素晴らしい体験を提供すること

チームはすでにこれに取り組んでいるかもしれません(あるいは、これは機能しないアイデアかもしれない、または私が自明の事を言っている、あるいは遅れて気づいた、あるいは的外れ、あるいは物事の仕組みへの無知を露呈しているかもしれません)。しかし、私には、この2つを調和させる「解決策」は次のように思えます:

  • 「基本的な、初期状態の、プラグアンドプレイ」な体験のためのUX/機能について、決断を徹底的に行う
  • 95%の使用ケースをカバーするように、オプションや設定項目を徹底的に削減する(あるいは80%?99%?何%でも)
  • パワーユーザーやエッジケース、非常に特定のものを調整したい人向けの第2層の設定を提供する。これは「通常の」設定を提供するインターフェースには統合されず、おそらく設定ファイルのような形になる

つまり、この場合、チームの結論が「ハッシュタグ/カテゴリのプレビューカードが正解であり、サブカテゴリは親カテゴリを言及せずにインラインで表示すべきであり、これを一般的な管理者設定にするだけの十分な根拠はない」というものであれば、それでも「隠し設定」として、どこかに hashtag_preview_cards: OFF や show_hashtag_subcategory_parent_inline: ON を追加することでアクセス可能にできるかもしれません。

これを書いているうちに、設定項目の増加に関するUXに加えて、開発面にも影響があることがかなり確信できます…

「いいね!」 3

はい、ここで余計なクリックが増えることに対する人々のためらいは理解できます。@awesomerobot はこの問題についてどう思っていますか?ハッシュタグの挙動に関するユーザー設定を追加する価値はあると思いますか?もしタグやチャンネルにもカードを表示できるようになれば、「ハッシュタグとメンションのカード表示」のような全体的なユーザー設定がある方が理にかなうかもしれません。

メンションについては、現在のユーザーがこの設定をオフにしている場合、クリック時にそのユーザーのプロフィールページへリダイレクトできるようにすればよいでしょう。

「いいね!」 1

自分もちょうどこれを見つけたんだけど、正直なところ…カードプレビューの付加価値がどこにあるのか見えてこない :grimacing:

設定項目を増やすのも好きじゃないから、正直この機能はまるごと削除すべきだと思う。ここで解決しようとしている問題は具体的に何なの?

「いいね!」 1

まとめると、インラインで表示されるテキストが長すぎると感じる人がいるということです。例えば「Customization > Theme component カテゴリをチェックしてください」と言いたい場合、親カテゴリなしの「theme component」だけで済む方が望ましいでしょう。

しかし、同じサブカテゴリ名を多くのカテゴリ間で再利用しているサイトもあるため、どの親カテゴリに属しているかを確認したいというニーズがあり、「theme component」だけに短縮することはできません。

カード方式の提案は、クリック時にユーザーと同様にカテゴリ情報をまとめて表示することで、インラインではサブカテゴリ名のみを使用できるようにするものです。

個人的にはどちらでも構いません。新しいトピック作成ボタンへのクイックアクセスができたり、現在のトピックから離れずに最近のアクティビティを確認できたりするため、カード形式が便利な場面もあります。一方で、可能な限り最短の経路を求めている人もいることは承知しています。

「いいね!」 2

インラインリンクでメインカテゴリの表示を避けることが必要になるユースケースとして、サブカテゴリが異なるカテゴリ間で重複する場合があります。例えば、Announcements > Meetings と Support > Meetings のような場合です。

私は、カテゴリ間で異なるアイコンを表示することでこの問題は解決できると考えています。また、スコープは投稿されたテキスト自体から絞り込まれるためです。

多くのユーザーが、カテゴリ + サブカテゴリという拡張機能を非常に使いにくいと感じており、私も同感です。特にモバイルビューでは、Discourse へのトラフィックの大部分を占めているにもかかわらず、この問題が顕著に現れます。

「いいね!」 1

@martin メンション自体の表示方法が修正されれば、ここで判断しやすくなると思います。

今回の主な動機は、これらのメンションを短くすることでした:#customization:theme-component。

まずこれを正しく動作させましょう。

そうすれば、これらのカードの価値がもう少し分かりやすくなるかもしれません。

「いいね!」 2

どうやら、ハッシュタグの短縮(> の削除)をすでに実施していたという考えは完全に私の妄想だったようです。既存のPRには含まれていませんでした :upside_down_face: 追従PRを作成しました:

「いいね!」 1