Discourse の UI を Flarum のようにするのはどれくらい難しいでしょうか?

ちょっと待ってください、Jeff。あなたはリクエスト(あるいは Flarum の仕組み)を誤解されているかもしれません。Discourse の背後にある理由や、その多くの設計判断については、私がよく理解していることはご存知でしょう。:smiley:
ともかく、この話題は私が作成したスレッドで続ける方が良さそうです:

「いいね!」 2

こんにちは、

多くの理由(https://meta.discourse.org/t/which-is-better-discourse-or-flarum/71726/31)により、Flarum から Discourse に移行しましたが、それでも Flarum の軽やかで丸みを帯びたエレガントなデザインの方が好みです。すでに Discourse のためのよりエレガントなスタイル(クリアな CSS やプラグインなど)を作成した方がいらっしゃるでしょうか?

もしまだであれば、お手伝いしていただける方はいますか?詳細な仕様書を作成することも可能です。

「いいね!」 3

このテーマはとっても素敵ですね!Air Theme には他にも選択肢がありますし、#theme-full でもさらに多くのオプションが見つかります!

「いいね!」 12

ありがとう、親愛なる方!:slight_smile:

でも、そのテーマについていくつか提案を投稿したところ、著者からは「むしろこちらで投稿してほしい」と言われました。そこで、ここにそれらをまとめます。

私の提案は以下の通りです:

  1. 私の見解では、Discourse のほぼ全体(すべてのテキスト、スペース、アイコン、トップメニューパネルなど)が異常に巨大です。例えば MS Word やウェブ版 Outlook を開いて、MS の開発者がいかに効率的かつコンパクトに最小限のスペースを活用しているか、よく見てみてください。各パネルやアイコンがいかに正確で極めて機能的か!その後、再び Discourse に戻ると、異常に巨大なテキスト、巨大な余白、大きなアイコン、単純すぎるデザインなどに驚かされるでしょう。Discourse のデフォルトのテキストとスペースのサイズは、単に不自然なだけでなく(私は数千のウェブリソースや Invision/XenForo/Flarum などの他のフォーラムで、これほど巨大なスタイルを見たことがありません)、何より残念なことに、スペースを非効率的に浪費しており、ユーザーに必要以上にスクロールを強いる不便なものです。そのため、この点では、約 20〜30% ほどコンパクトなスタイルを望みます。

  2. カテゴリ一覧について:Discourse のデフォルトのカテゴリ一覧は、左側のカテゴリリストに有用な情報が不足している一方、右側には不要なトピックが過剰に表示されているため、どうしても好きになれません。Discourse のカテゴリページを読むのは、私にとって常に不快でした。Invision や XenForo のフォーラムのカテゴリページをご覧ください。あれらはより有用な情報を提供し、より正確でコンパクトであり、アイコンや画像で視覚的に拡張できることも多いです。カテゴリの表示という観点から言えば、Discourse のカテゴリページは時代遅れで散らかって見えます!Discourse のカテゴリにアイコンを追加することは可能でしょうか?https://ipb.stylesfactory.plForums - Codebite.dev - Theme IPS のように表示することはできますか?あるいは、それほど優雅ではありませんが、それでもはるかに快適で有用な XenForo コミュニティ のように表示することも可能でしょうか?

  3. 私は左側の Flarum のタグ・カテゴリメニューが大好きです。ナビゲーションが速くなり、見た目も素敵です。すべてのカテゴリ(メインおよびネストされたもの)で、すべてのカテゴリをドロップダウンメニューではなく、常に表示されるメニューとして表示することは可能でしょうか?

Discourse のコアコンポーネントの分離については詳しくないため、これらの改善はテーマ内で行うべきか、プラグインとして実装すべきか、それとも単純なカスタム CSS で対応できるのか、わかりません。

「いいね!」 4
  1. テキストが「巨大だ」とお感じになるのは意外ですね!デフォルトは15pxで、Flarumより1px大きいと思います。私としてはまだ小さい方だと思いますよ!いくつかのニュースサイト(読みやすさを最適化しているもの)を見てみると、標準は通常16px(ブラウザのデフォルト)よりも大きく、記事では20pxに近いものも多いです!

    テキストの幅も意図的な選択です。行長が短い方が一般的に読みやすいとされています https://practicaltypography.com/line-length.html(もちろんこれは主観的な場合もありますが、私たちは*大多数*の人に機能するデフォルトを選ぶよう努めています)。

  2. カテゴリページには6つの異なるスタイルがあり、それぞれ情報量が異なります。すべてカテゴリ画像でカスタマイズ可能です。管理者の場合はカテゴリページにアクセスし、レンチアイコンをクリックして画像を追加できます。

  3. テーマでサイドバーナビゲーションを作成することは可能ですが、常に表示させるのは少し複雑です。トピック一覧ページ用にこの機能を実装するテーマコンポーネントがあります Topic list sidebar navigation ただし、これはドロップダウンメニューを再利用しているため、100%ご希望の通りではありません。私たちは数十のカテゴリを持つサイトにも対応する必要があるため、ドロップダウンを採用する傾向にあります。

ケースによります…小さくてコンパクトにしたい場合は、CSSで確実に実現可能です!ただし、サイドバーやその他の追加機能には、より高度なテーマ設定が必要となり、その一部はテーマ開発者ガイドでカバーされています。

「いいね!」 13

こんにちは、Kris さん!詳しいご回答をありがとうございます!

おっしゃる通りです。Discourse のメインメッセージのテキストは十分適切ですが、少し小さく(ご指摘の 15px から 14px のように)できるかもしれません。私はまだ Discourse の機能を探索し始めたばかりで、必要な改善点の全リストをまだ完成させていません。この段落で「異常に巨大」と表現したのは、全体的な UI のことを指しています。スクリーンショットをご覧ください:

これらすべてのデモはご覧いただけますか?(残念ながら、メインの Discourse デモでは管理者ログインができません。)

この点については、まさに矛盾しています。従来の UI のドロップダウンリストは、日付や国など、多数の中から 1 つを選択する際に使用されるべきものです。しかし、ほとんどのフォーラムやコミュニティでは、ユーザーは複数のカテゴリー間でコミュニケーションを取ることを好みます。したがって、Discourse がカテゴリーのドロップダウンリストをナビゲーションの改善として追加する一方で、Flarum はそれをより容易で常時アクセス可能なメニューとして実現しました。特に問題なのは、Discourse のカテゴリードロップダウンが、ブラウザ内の操作である「Ctrl+ クリック」や「右クリック+新しいウィンドウで開く」をサポートしていないことです。従来の使用ケースでは、アクティブなユーザーや管理者・モデレーターがフォーラムに戻った際、新しいトピックが現れるのを監視するために 2〜4 つのお気に入りのカテゴリーを開きたいと考えます。しかし、Discourse のカテゴリードロップダウンではそれが不可能です。Discourse のカテゴリードロップダウンリストでは、ユーザーはカテゴリーを一つずつ選択して移動する必要があり、そのような方法では、ユーザーはカテゴリーを探索するのを忘れたり、ウサギのようにカテゴリーを飛び越えたりする可能性があります。また、常に表示されているカテゴリーは、新しいトピック作成時に意味に基づいてトピックをより適切に分類するのに役立ちます。なぜなら、ユーザーはすべてのカテゴリーを目にすることで、適切なものを探すのが面倒だと感じなくなるからです。余談ですが、私はこの点に対する完璧な解決策を思いつきました。

親愛なる Kris さん、私はウェブ開発者ではなく、残念ながら CSS なども詳しくありません。あなたの専門的なスキルと私のアイデアを合わせて、このトピックの作業をステップバイステップで完成させることは可能でしょうか?きっと非常に人気が出ると思います! :slight_smile:

「いいね!」 2

私は62歳で眼鏡をかけています。
大きなフォントは、可読性の向上や目の疲れの軽減に本当に役立ちます。

また、段落を小さくして余白を増やすと、読み進めている箇所を見失わずに済みます。小さなフォントの大きなテキストブロックでは、よくそのようなことが起こります。

設定でフォントサイズを大きくできるのは便利です。また、15px未満のサイズに小さくして、どのように見えるかテストすることもできます。

「いいね!」 6

この点には同感です。私は以前から、Discourse のカテゴリ切り替え機能が煩わしく制限的だと感じていました。それは新規ユーザーの発見性を損ない、(一部の)パワーユーザー(私のような者)を苛立たせます。皮肉なことに、モバイルでカテゴリに素早くアクセスするための手段としてドロップダウンは良いアイデアのように思えますが、まだモバイルのフロントページでは利用できません(今後実装されるかもしれません):Category Dropdown in Mobile View - #10 by renato

率直に言えば、ドロップダウンは、@awesomerobot さんが提起された「多数のカテゴリを扱う」という理解可能かつ現実的な問題に対する解決策としては不適切だと考えます。デスクトップディスプレイの画面サイズと解像度が常に増大している現在、なぜ恒久的なサイドバーを真剣に再考しないのでしょうか?シンプルで折りたたみ可能な「ツリー」ビュー、長年使われてきた古典的な UI パラダイムを採用できます。あるいは、多くのデスクトップアプリ(例:Lightroom)にある「パネル」のようなアコーディオン形式のセクション、あるいは他にも多くの可能性が考えられます。ドロップダウンがチームが考え出した最善のアイデアなのでしょうか?これについて別トピックを立てるべきかもしれません(もしそうお考えであれば、お知らせください)。

「いいね!」 1

これはすでに、Layouts プラグインと関連するカテゴリウィジェットによって、ある程度実装されています。

デモについては、当サイトをご覧ください:https://thepavilion.io

「いいね!」 5

ああ、その通りです!素晴らしいですね。実は最近、良い例を見たはずなのにどこだったか思い出せず、それがあなたのサイトでした。:wink: (ただし、それらが展開可能なカテゴリであることがもう少し明確だとありがたいのですが)とはいえ、誰もがプラグインに簡単に、かつ手頃な価格でアクセスできるわけではありません(例えば、Discourse の公式ホスティングでは、あなたのプラグインを使うには実際にエンタープライズプランが必要なのではないでしょうか?)。それ以上に重要なのは、私が提案しているのは Discourse 自体の根本的な使いやすさやデザインの問題だということです。つまり、私の考えでは、コア部分で解決されるべき問題です。少なくとも公式プラグインとして実装されるべきでしょう。

あなたがなされた素晴らしい仕事を否定するつもりはありませんが、ある時点で、何かが人気があり、有用で、十分に好まれるようになれば、それは明確なサインとなります。繰り返しますが、多くの他のコミュニティツールでサイドバーの使用が増えていることを指摘しておきます。そこには何か意味があり、Discourse はこれまでそれを見逃してきたようです…(少なくとも私が知る限り、説得力のある反論で明確に対処していない限り)。

「いいね!」 3

学ぶための時間を費やし、毎月少しの時間をサイト管理に割く準備ができていれば、セルフホスティングによりプラグインのインストールを完全に自由に管理でき、非常に手頃な価格で利用できます。(また、非常にやりがいのある経験にもなります)

「いいね!」 3

アクティブなインターネットユーザーの多くは若年層(統計的には20〜45歳)で、14pxのフォントサイズに慣れています。いずれにせよ、フォントサイズの個別設定があるため問題ありませんが、私のコミュニティではデフォルト値を14pxに設定することを好んでいます。これにより、一度に多くのテキストを表示でき、不愉快なスクロールを減らすことができます。

「いいね!」 1

その通りです。私もすでに Digital Ocean で Discourse インスタンスの一つをセルフホストしています。しかし、私は多様な人々や企業、チームと仕事をしており、その中にはセルフホストする時間や(主に)専門知識が全くないところもあります。かといって、カスタムプラグインを許可する有料ホスティングオプション(私が確認した限り、最低でも月額40ドルで、それも「よく知られたプラグイン」のみ対応)の予算があるわけでもありません。

例えば、月額10ドル程度の共有ウェブホスティングを使っており、それで全てのニーズを満たしている非営利団体(あるいは単なる小規模企業)にとって、Facebook や他の無料オプションよりもニーズに合致するコミュニティソリューションのために、その4倍の料金を支払うのは非常に辛い選択です。そのため、多くの組織が Facebook を選んでしまうのも無理はありません。Facebook が優れているからではなく、無料であり、使いやすいからです。

一方、Flarum は既存の共有 LAMP ホスティングに追加コストなしで導入でき、おそらく問題なく動作するでしょう。私は、技術スタックの違い以外に両者に違いがないと言っているのでも、Flarum が簡単だから優れていると言っているのでもありません。多くの潜在的なユーザーやコミュニティ運営者の視点からすれば、Discourse の高いリソース要件や、LAMP 環境に比べて複雑で特殊なホスティング要件のために、Discourse を採用することを正当化するのが難しいのだと言いたいのです。

この問題は、このフォーラムを利用している人々や、月額100〜300ドル以上を支払って Discourse ホスティングを利用できる顧客だけでなく、広範な「潜在的な」Discourse ユーザーの視点から見る必要があります。Meta で私が啓発しようとしている重要な点の一つは、Discourse が「自らの対象範囲を制限」し、特定の種類のコミュニティにとって利用を難しくしているということです。非営利団体割引の対象になる組織もありますが、それでも(教育機関でない限り)最低でも月額50ドルです。多くの場合は、単なる小規模企業、特にスタートアップ、あるいは議論を改善するための優れたプラットフォームを望む半公式的なコミュニティです。それらの組織にとって、セルフホストであってもそうでなくても、コストは高すぎると感じられることがよくあります。

私は Discourse の価格設定が不合理だと言っているのでもありません。単に、「プラグインアクセスが欲しいならセルフホストすればいい」という回答は、広範な「潜在的なユーザー」が直面する多くの現実を無視していると言いたいのです。

「いいね!」 4

私は数年間Flarumを使用してきましたが、Discourseはセットアップがそれほど簡単ではないため、常に避けてきました。しかし、Docker経由でOracleのARM64無料ティアインスタンスでDiscourseを実行していますが、驚くほど応答性が高いです。

そうは言っても、DiscourseとFlarumはどちらもフォーラムソフトウェアですが、私の個人的な意見では、Discourseはよりコミュニティソフトウェアであり、Flarumはリソースセンターです。つまり、Discourseでソーシャルネットワークスタイルのサイトを作成でき、Flarumでヘルプデスク(ドキュメントまたはサポートシステム)を持つことができます。

現在、DiscourseとFlarumの間の私の唯一の欠点は、前のページから直接移動せずに投稿/トピックを読み込むことができるFlarumのサイドバーメニューです。関連トピックやその他のトピックに簡単にジャンプできました。しかし、大規模なコミュニティでは、それがプラスかどうかはわかりません。

結論として、Flarumが行った仕事に敬意を表し、引き続きフォローしますが、Discourseプラットフォームには非常に満足しており、私の国の小規模な技術コミュニティがつながり、協力するのに役立つでしょう。

Discourseチームに感謝します。

「いいね!」 5

Flarumをインストールしてテストしたところ、見た目は気に入りましたが、多くのプラグインが互いに競合していました。もっと開発が必要で、道のりは長いです。問題なく安定しているDiscourseを選んだので、私の意見では、flarum = Android、Discourse = Apple iPhoneです。

「いいね!」 4

DiscourseはFlarumよりもはるかに優れています。専門家を雇えば、期待どおりのDiscourseを手に入れることができます。例えば、https://us.forums.blizzard.com/en/blizzard/のようなフォーラムをご覧ください。

これはFlarumの最も優れた機能だと思います。すべてのトピックを確認したい小規模なユーザーコミュニティにとって、Flarumのトピックサイドバーはピン留めできるため、トピックが左側に、投稿が右側に表示されます。トピックの切り替えは、ページを読み込んでトピックページに戻り、次のトピックに再度移動する必要がありません。非常に効率的です。これは価値のあるテーマコンポーネントになると思います。

「いいね!」 3

サイドバーについては全く同感です。Flarumの最高のコア機能の1つだと思います。

「いいね!」 1