2024 年 10 月 30 日（アメリカ/ニューヨーク時間）、当社のデザイナーである Jordan と Kris が、Discourse のデザインチームの構成について説明し、カスタムコミュニティデザインを作成するためのヒントを共有しました。
録画
デザインチームの構造（概要）
- Jordan はデザインチームのリーダーです。
- デザインチームは 2 つの部門に分かれています：
- カスタマープロジェクト部門（Bryce と Ty）：クライアントからの依頼やカスタマイズを担当。
- Discourse コア内部チーム（Charlie、Ella、Kris、Meghna）：Discourse 自体の機能に焦点を当てています。
カスタマイズのハイライト
- OpenAI 開発者フォーラム：最小限の、そのまま使える外観で、軽いスタイリングが施されています。
- MAKE コミュニティ：フルワイドレイアウトやカスタム検索バナーなどの機能を追加し、パーソナライズされた雰囲気を演出しています。
- Epic Developer Community（Unreal Engine）：独自のレイアウト、プラグイン、アイコン調整など、大規模なカスタマイズが施されたデザインで、Discourse のカスタマイズの可能性の広さを示しています。
主な質問
Discourse でのコミュニティデザインを始めたい方へ
まずはシンプルに：Discourse の機能を理解し、コミュニティの目標を定義しましょう。ブランド要素（カラーテーマやヘッダーリンクなど）を活用し、深いカスタマイズに着手する前に利用可能なコンポーネントを検討してください。
テーマとテーマコンポーネントの違い
テーマは全体の見た目や雰囲気を調整するもので、テーマコンポーネントはヘッダーリンクや検索バナーなど、任意のテーマに追加できる個々のカスタム要素です。
基本的なデザインから高度にカスタマイズされたデザインへのステップ
基本的な設定には既存のコンポーネントやテーマを使用できますが、高度なカスタマイズには、より深い変更のために開発者の関与が必要になる場合があります。Discourse Meta には、手軽に使える既製のテーマコンポーネントが多数用意されています。
プラグインとコンポーネントの効果的な活用方法
プラグインはバックエンドの変更を可能にしますが、パフォーマンスに影響を与える可能性があるため、大規模な環境向けです。テーマコンポーネントはフロントエンドの変更に適しており、Meta から簡単にインストールして保守できます。
Figma リソースとスタイルガイドの提供状況
チームは内部で一部の Figma コンポーネントを使用していますが、Discourse では広範なカスタマイズが可能であるため、完全なライブラリは用意されていません。ただし、Discourse に内蔵されているスタイルガイドが、カスタムレイアウトの堅実な出発点となります。
主要なツールとリソース
- Discourse テーマ
- テーマコンポーネント（ヘッダーリンク、検索バナーなど）
- Discourse Discover：カスタマイズのレベルが異なる Discourse コミュニティのライブショーケース。
- Ask.discourse.com - AI によって支えられた Discourse 開発者およびコミュニティオーナー向けの学習リソース
