Blog1586: プロフィール画像（アバター）とタグをもっと活かして、画面をもっとカラフルにしよう

Title: プロフィール画像（アバター）とタグをもっと活かして、画面をもっとカラフルにしよう

この2週間で、TeamPage の画面をよりカラフルにして視認性を高めるプラグインを 2 つリリースしました。

1 つ目は、タスクの担当者など、ユーザーの名前が表示される場所に当該ユーザーのプロフィール画像（アバター）を追加する、プロフィール画像（アバター）を追加表示プラグインです。2 つ目は、記事のタイトルの下にタグを表示するプラグインです。

今日は、これらのプラグインを紹介をいたします。

プラグインのあり／なし画面の比較

まずは、プラグインを適用する前の画面（標準のタスク一覧画面）とプラグインを適用した後の画面の比較スクリーンショットをご覧ください。

これらのプラグインを適用することで、タスクの担当者やカテゴリーがより素早くわかるようになることを実感していただけるかと思います。

プロフィール画像（アバター）のあり／なし

通常、TeamPage の画面には投稿者の名前とプロフィール画像（アバター）が表示されます。このプロフィール画像によって「誰が投稿したのか」が分かりやすくなります。

しかし、タスクの担当者や予定の参加者にはプロフィール画像が表示されないんですよね。「ここに画像が表示されれば、もっと賑やかで楽しくなるんだけど…」と以前から思っていました。

特にタスクの一覧画面では投稿者のプロフィール画像が表示されないので（その代わりに締切日や優先度などが表示されます）、下図のように、良く言えば「落ち着いた雰囲気」、悪く言えば「殺風景」です。

では、ここに小さなプロフィール画像を追加するとどうなるでしょうか？じゃん！下の画像をご覧ください。小さな変更ですが、これだけで雰囲気が大きく変わり、自分のタスクや部下のタスクをパッと見つけられるようになったと思いませんか？

ところで、意外と皆さん、独自のプロフィール画像を登録せずデフォルトの影画像のままお使いになっているようです。プロフィール画像があると雰囲気が賑やかになり、それぞれのユーザーへの親しみも増します。コミュニケーションの活性化に効果ありなので、TeamPage をお使いの方にはプロフィール画像登録を声を大にしてオススメします。

タグの表示のあり／なし

タグを使って色々な意味を付けられる

TeamPage では、あらゆる記事（投稿内容）に複数のタグを付けられるようになっています。

例えば、「お客さんから製品ABCに関する質問が届いた。この質問に急いで回答しなくちゃ。」というタスクには、次のようなタグが付けられるでしょう。

質問
製品ABC
優先度1
至急

このようなタグを付けておくことで、後から「製品ABC」に関する「質問」だけを探し出す…といったことが簡単にできるようになります。

が、タスク一覧画面にはタグが表示されない…

ところが、タスク一覧画面で各タスクにはタグが表示されません。タグを表示するには、特定のタグを選択して展開する必要があります。

この小さな一手間が面倒です。タスクの一覧画面上でそのままタグが見えたらもっと良いのに…そう思って作ったのが「タイトルの下にタグを表示するプラグイン」です。

プラグインを使っての改善

下図は、プラグインを適用し、タイトルの下にタグを表示した例です。タグ毎に色付けもできるので、効果てきめん！各タスクのカテゴリーやステータスを素早くチェックできます。

まとめ

以上、賑やかな雰囲気の中でより仕事を進めやすくするプラグインを 2 つご紹介しました。

どちらのプラグインもサポートサイトからダウンロード（ユーザー登録とログインが必要）できますので、お気軽にお試しいただければ嬉しいです。

プラグイン使用のご感想やご要望なども承っております。すべてのご要望を実現できるかはお約束できませんが、機能改善の参考にさせていただきますので、どうぞよろしくお願いいたします。

カレンダーやタスクリストを、色彩豊かに、より使いやすく ... プロエジェクトだけで利用可能だった色付け・色分け機能を予定やタスクなどにも拡張し、より仕事を進めやすい環境へと改善しました。

新 TeamPage カレンダー画面と機能の紹介 ... TeamPage バージョン 6.2 から利用できるようなった、新しいカレンダーの画面や機能について紹介します。

新カレンダー開発のきっかけとFullCalendarを採用した理由 ... 新しいカレンダーの開発のきっかけや、いくつかのカレンダー用ライブラリの中から FullCalendar を選んだ理由などについて紹介します。

スケジュール集計プラグイン ... 予定記事（スケジュール記事）の開始日時と終了日時を元に作業工数（所要時間）を自動的に計算し、指定された期間内の集計を行います。さらに、集計した工数を、ユーザーごと、カテゴリーごと、プロジェクトごと、顧客ごと等に分類し、見やすい表やグラフで表示します。

ダッシュボードの2週間カレンダープラグイン ... 各スペースのダッシュボード（ニュースページ）と「すべてのスペース」のダッシュボード（フロントページ）に２週間カレンダーを表示するプラグインです。スペースのダッシュボードでそのスペースの直近スケジュールを確認できるようになります。

チームメンバーのスケジュール共有＆調整プラグイン ... 今回刷新された新しいカレンダーに統合された、旧カレンダー用の、複数ユーザーのカレンダーを並べて表示するプラグインです。

カレンダーの週の始まりを月曜日に変更プラグイン ... TeamPage のカレンダーの週は、日本語ロケールでは、標準で日曜日から始まります。このプラグインを利用すると、ユーザーごとに、週の始まりを月曜日に変更できるようになります。

プロフィールページ便利化プラグイン ... ユーザーのプロフィールページのダッシュボードに、通知リスト、2週間カレンダー、そして担当するタスクとプロジェクトのリストを表示し、「マイページ」として使いやすくします。

Attachments:

tasklist_comparison.gif
activity_feed.png
tasklist_no_avatars.png
tasklist_with_avatars.png
expand_task_to_view_tags.png
tasklist_colorful.png
image.png

参照されている (3)

Blog1838: カレンダー機能をアップデート：担当者や参加者のアバター（プロフィール画像）を表示 Blog1613: 基本機能だけで作る！質問＆回答サイトの作り方 Blog1610: 基本機能だけで作る！場所を選ばないメール日報共有サイトの作り方

参照している (1)

Blog1511: カレンダーやタスクリストを、色彩豊かに、より使いやすく

Article: Blog1586 (permalink)
Date: 2018年10月5日; 14時50分46秒日本標準時

Author Name: Takashi Okutsu
Author ID: takashi