会話マップ(Discourseタイムライン上のミニマップ)

:information_source: 概要 読み取り位置を失うことなく、トピックをプレビュー・探索できます
:eyeglasses: プレビュー Discourse Theme Creator でプレビュー
:hammer_and_wrench: リポジトリ GitHub - keegangeorge/discourse-conversation-map: A hover-expanding conversation minimap for the Discourse topic timeline · GitHub
:question: インストールガイド テーマまたはテーマコンポーネントのインストール方法
:open_book: Discourse テーマ初心者ですか? Discourse テーマ使用の入門ガイド

このテーマコンポーネントをインストール

Conversation map は Discourse のトピックタイムラインにミニマップを追加し、返信を見つける、画像をちらりと見る、議論の別の部分を探るなどの操作を、現在地を失うことなく行えるようにします。読み込み中はタイムラインがコンパクトなまま保たれ、デスクトップとモバイルで異なる操作方法に対応しています。

プレビュー

デスクトップ

モバイル

動作原理

デスクトップでは、タイムラインにカーソルを合わせるとマップが展開され、トピックを移動せずに投稿をプレビューできます。プレビューには抜粋、画像、または小さなギャラリーが含まれる場合があります。マップやランドマークをクリックするとその投稿へ直接ジャンプでき、長押ししてドラッグすることでトピック内をスクラブ(素早く前後移動)できます。

モバイルでは、既存の投稿数にタップすると、マップがボトムシートとして開きます。レールをドラッグするか、ランドマークをタップして投稿をプレビューします。選択ボックスは指を追従しますが、投稿を開く をタップするまでトピックの位置は変わりません。ナビゲートせずにシートを閉じても、読み取り位置は変わりません。

ナビゲーション後、#… に戻る を使用すると、元の投稿および読み取りオフセットに戻れます。

機能

  • テキスト、画像、ギャラリーのプレビュー。
  • その情報が利用可能な場合、ブックマーク、採用された回答、割り当て用のランドマーク。
  • キーボードナビゲーションおよびモーション軽減対応。
  • ダークモードを含む、Discourse ネイティブカラー。
  • バックエンドプラグインは不要です。Discourse Solved および Discourse Assign は、それぞれのランドマークのために任意です。

設定

設定項目 デフォルト 説明
minimum_posts 12 この数より少ない投稿数のトピックでは、ネイティブのタイムラインを維持します。
sample_posts 12 マップを開く際に検査される均等に配置された投稿の最大数。0 に設定すると、このサンプリングを無効にします。

サンプリングが無効化されていても、既知のランドマーク投稿は最大8件まで検査される場合があります。

「いいね!」 8

すごくクールだね、キーガン!素晴らしい仕事だった :star_struck:

「いいね!」 1