第 10 章:ダッシュボードフィルターと条件

本章では、タスクダッシュボードの続きをステップバイステップで完成させていきます。疑問があればいつでもフォーラムでご質問ください。

前章の復習から始めて、一緒にこの探索の旅を進めましょう!

10.1 前章の答え合わせ

10.1.1 ステータスとリンク

まず、異なるステータスのデータにリンクジャンプを追加し、素早いナビゲーションを可能にします。各ステータスのリンク構造は以下の通りです:

(リンクが http://xxxxxxx/admin/hliu6s5tp9xhliu6s5tp9x だと仮定します)

チャレンジの答え
ステータス
リンク
未着手
hliu6s5tp9xhliu6s5tp9x?task_status=Not started
進行中
hliu6s5tp9xhliu6s5tp9x?task_status=In progress
レビュー待ち
hliu6s5tp9xhliu6s5tp9x?task_status=To be review
完了
hliu6s5tp9xhliu6s5tp9x?task_status=Completed
キャンセル済み
hliu6s5tp9xhliu6s5tp9x?task_status=Cancelled
アーカイブ済み
hliu6s5tp9xhliu6s5tp9x?task_status=Archived

10.1.2 担当者の複数選択機能の追加

  1. カスタムフィールドの新規作成:「担当者」フィールドを作成します。タイプは複数選択とし、メンバーのニックネーム(またはユーザー名)を入力して、タスク割り当て時に対応する人員を素早く選択できるようにします。

  1. レポート設定で:「担当者/ニックネームが現在のフィルター/担当者を含む」をフィルター条件として設定します。これで、現在の担当者に関連するタスクを素早く検索できます。

何回かフィルターをテストして、機能が正常に動作していることを確認しましょう。


10.2 ダッシュボードとユーザーの関連付け

異なるユーザーに応じて異なるコンテンツを表示できます。操作方法は以下の通りです:

  1. 「担当者」フィールドのデフォルト値を「現在のユーザー/ニックネーム」に設定:これにより、システムが自動的に現在のユーザーに関連するタスクを表示し、操作効率が向上します。

  1. ページを更新した後:ダッシュボードが自動的に現在のログインユーザーに関連するデータを読み込みます。(必要なチャートにユーザーフィルター条件を追加することを忘れないでください。)


10.3 タスクフィルターの再構築

テーブルブロックの「データ範囲の設定」でジャンプした後、タスクが対応するステータスの範囲に事前に制限されてしまい、他のステータスでフィルターしようとするとデータが空になるという不合理な設計に気づいた方もいるかもしれません。

どうすればよいでしょうか?データフィルターを外して、別のフィルター方式に変更しましょう!

  1. データフィルター方式の除去:ステータスデータが現在の範囲にロックされるのを避け、フィルターのニーズを柔軟に調整できるようにします。

  1. フォームフィルターブロックのデフォルト値を設定します。

フィルターブロックを覚えていますか?

タスクテーブルのフィルター用にフォームブロックを新規作成し、ステータスと必要なその他のフィールドを設定します。URL から渡される変数を反映させるために使用します。(フィルター対象のタスクテーブルブロックとの接続を忘れないでください。)

  • ステータスフィールドのデフォルト値を URL search params/task_status に設定します。

  1. 新しいフィルター機能のテスト:いつでもステータスフィルター条件を変更し、自由に切り替えることができます。

  • オプション:各ユーザーが自分のタスクに集中できるようにしたい場合は、「担当者」フィールドのデフォルト値を「現在のユーザー」に設定することもできます。

10.4 ニュース、通知、情報フォーカス

ドキュメントベースを改修して、必要な情報をダッシュボードに表示しましょう。

長期的なドキュメント管理を行っていると、資料やドキュメントが増えてきて、さまざまなニーズが出てきます:

  • News:プロジェクトの動向、成果、マイルストーンにフォーカス
  • 臨時の告知・リマインダー

10.4.1 ホット情報(News)

  1. 「ホット情報」フィールドの追加:ドキュメントテーブルに「ホット情報」チェックボックスフィールドを追加し、そのドキュメントが重要なニュースかどうかをマークします。

  1. ドキュメント情報の追加と選択:任意の記事を選択し、編集フォームに「ホット情報」フィールドを追加してチェックを入れます。

  1. 「リスト」ブロックの新規作成:ダッシュボードに戻り、「リスト」ブロック > ドキュメントテーブルを選択して新規作成します。

右側にドラッグし、「作成日時」と「タイトル」を表示して、フィールド幅を調整し、「タイトルを表示」をオフにします。

  1. ホット情報の表示

リアルタイム性を出すために、同時に時間も表示しましょう。

作成日時の降順で並べ替え、最新のホットニュースを表示します。

シンプルなホット情報が完成しました。メンバーはいつでもプロジェクト全体の重要な進捗を確認できます!

10.4.2 告知通知

次に、シンプルな公開通知機能です。オンライン Demo でその姿を何度も目にしたことがあるかと思います。このような一時的な通知は、長期表示したくなく、プロジェクトの進捗を記録する必要もありません。一時的な事項のリマインダーや通知のためだけに使用します。

  1. Markdown ブロックの新規作成:ダッシュボードの任意のエリアを選択し、Markdown 構文で告知内容を追加します。

Markdown の実際の使い方については、公式 Demo、公式ドキュメント、または「軽量ドキュメント」チュートリアルを参考にしてください。

簡単なサンプルとして、HTML で書いた「華やかな告知」を使って Markdown ブロックの強力な機能をデモします。

  • サンプルコード:
<div style="font-family: 'Arial', sans-serif; background-color: #e9f5ff; margin: 10px; padding: 10px; border: 2px solid #007bff; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);">
    <h1 style="color: #007bff; text-align: center; font-size: 2em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);">重要なお知らせ</h1>
    <p style="font-size: 1.2em; line-height: 1.6; color: #333;">皆さまへ:</p>
    <p style="font-size: 1.2em; line-height: 1.6;">業務効率向上のため、<span style="color: red; font-weight: bold; font-size: 1.5em;">11月10日</span>に全体研修を実施します。</p>
    <p style="font-size: 1.2em; line-height: 1.6; font-style: italic;">ご協力のほどよろしくお願いいたします!</p>
    <p style="font-size: 1.2em; line-height: 1.6;">よろしくお願いいたします、</p>
    <p style="font-size: 1.2em; line-height: 1.6;">管理チーム</p>
</div>

10.5 まとめ

以上の設定手順により、パーソナライズされたダッシュボードを作成し、チームメンバーがより効率的にタスクを管理し、プロジェクトの進捗を把握し、告知や通知をタイムリーに受け取れるようになりました。

ステータスフィルター、担当者設定からホット情報の表示まで、ユーザー体験の最適化とシステムの利便性・柔軟性の向上を目指しました。

これで、パーソナライズされたダッシュボードの準備が整いました。ぜひ実際に操作して体験し、実際のニーズに合わせて深く改修していきましょう。次の章に進みましょう!


引き続き探索し、創造力を存分に発揮してください!問題が発生した場合は、いつでも NocoBase 公式ドキュメント を参照するか、NocoBase コミュニティ に参加してディスカッションできます。