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

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

私は自分の個人予定を Google Calendar で管理しており、予定の種類に応じて色を設定することがよくあります。予定のカテゴリーに応じて色付けしておくと、カレンダーをパッと見るだけで何月何日にどのような予定があるのかがすぐわかり、とても便利です。

対して TeamPage では、予定やタスクなどに「色」を付けることができず、そのため、カレンダーやタスク一覧（タスクリスト）上で見分けがつきにくいという不満がありました。

今回のアップデートでは、これまでプロエジェクトだけで利用可能だった色付け・色分け機能を予定やタスクなどにも拡張し、より仕事を進めやすい環境へと改善しました。

予定やタスクを色彩豊かに

上述のように、これまでプロジェクトの投稿/編集フォームだけで利用可能だった「色」ドロップダウンリストを、予定やタスクの投稿/編集フォームにも追加し、フォーム上で好みの色を選択できるようにしました。

下図は、予定の投稿/編集フォームの例です。現行バージョンでは 7 つの色を選択できます。

カレンダーを色彩豊かに

選択された色は、カレンダー上の予定やタスクに反映されます。

この改善により、カレンダーやタスクリスト上で、予定やタスクの最新状況、進捗、種類などを、チームのメンバー、プロジェクト管理者、組織の経営者、社外のパートナーなどと、より素早く共有できるようになります。

下図は、旧来のカレンダーで上図と全く同じ 8 月を表示した例です。予定、タスク、プロジェクト、マイルストーン等、カレンダー上のすべてのイベントが同じ色で表示されています。違いは一目瞭然ですね。

「フィルター」メニューから特定の色だけに絞り込むことも可能です。下図では緑色に絞り込んだ例で、緑色のマイルストーン、予定、プロジェクトが表示されています。

タスクリストを色彩豊かに

タスクに付けられた色は、タスクリスト（タスクの一覧画面）にも反映されます。下図はその例です。各タスクの右側に色が表示され、区別しやすくなっています。

プロジェクトのダッシュボードに表示されるタスク一覧でも色を確認できるようになりました。プロジェクトに関連する仕事をより見やすく分類できます。

まとめ

これまでの TeamPage では、タスクや予定に色を付けることができず、また、カレンダーに色が反映されない仕様になっていました。TeamPage をお使いの皆さん同様、私自身、この点に長い間物足りなさを感じていました。

今回のアップデートで、長い間抱き続けていた思いをようやく形にでき、また、皆さんの仕事環境である TeamPage をより良いものに改善できたことをとても嬉しく感じています。

私たちトラクション・チームは、「チームのための業務改善ソリューション」である TeamPage プラットフォームへのフィードバックや改善要望などを随時受け付けています。ぜひお気軽にお寄せください。

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

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

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

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

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

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

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

Attachments:

form_color_selector.png
oldcal_example.png
fullcalendar_example.png
filter_green.png
colorful_task_list.png
project_dashboard.png
rainbow_fade_240.png

参照されている (7)

Blog1838: カレンダー機能をアップデート：担当者や参加者のアバター（プロフィール画像）を表示 Blog1613: 基本機能だけで作る！質問＆回答サイトの作り方 Blog1610: 基本機能だけで作る！場所を選ばないメール日報共有サイトの作り方 Blog1586: プロフィール画像（アバター）とタグをもっと活かして、画面をもっとカラフルにしよう Press474: 2017年12月のアップデートまとめ: FullCalendar、SDK 拡張、バグ修正など Blog1500: 新カレンダー開発のきっかけとFullCalendarを採用した理由 Blog1496: 新TeamPageカレンダー画面と機能の紹介

参照している (6)

Blog1500: 新カレンダー開発のきっかけとFullCalendarを採用した理由 Product1239: スケジュール集計プラグイン Product1216: カレンダーの週の始まりを月曜日に変更プラグイン Product1192: ダッシュボードの2週間カレンダープラグイン Product1166: プロフィールページ便利化プラグイン Product979: チームメンバーのスケジュール共有＆調整

Article: Blog1511 (permalink)
Date: 2017年8月31日; 17時27分00秒日本標準時

Author Name: Takashi Okutsu
Author ID: takashi

予定やタスクを色彩豊かに

カレンダーを色彩豊かに

タスクリストを色彩豊かに

まとめ

関連記事