![見出し画像](https://assets.st-note.com/production/uploads/images/67530755/rectangle_large_type_2_b16b3e45cd2a5543bc29251adc1c32e9.png?width=800)
Notionでプロジェクトの達成状況をバーで表示する方法
こんにちは。会社では情報管理にNotionを活用しています。
今回は「Notionのプロジェクトの達成状況をバーで表示する」方法をご紹介します。
今回のゴール
![note ノート 記事見出し画像 アイキャッチ (2)](https://assets.st-note.com/production/uploads/images/67521305/picture_pc_0b9190af23618caeff24ff0311d33a42.png?width=800)
今回のゴールは、各プロジェクトの達成状況を視覚的にわかるようにすること。各プロジェクトが抱えるタスクのうち、何%のタスクが完了しているのかをバーで表現すれば、そのプロジェクトはどこまで進んだのかわかりやすくなりますよね。これ、Notionの関数を使えばチャチャッと出来るんですよ。
1. まずはプロジェクトとタスクのテーブルを作成
プロジェクトのテーブルと、それに紐づくことになるタスクのテーブルを用意します。タスクにはステータスを選べる列を作成しておきます。
![スクリーンショット 2021-12-11 11.09.03](https://assets.st-note.com/production/uploads/images/67521420/picture_pc_5a743d3ba96ac2386fa2c57e1b1d9417.png?width=800)
次に、関数の列を追加し、ステータスが「04.完了」になったら自動的に完了チェックがつくようにします。
関数は「 equal(prop("ステータス"), "04. 完了”) 」
![スクリーンショット 2021-12-11 11.09.16](https://assets.st-note.com/production/uploads/images/67521478/picture_pc_ee0615765b12e41a22e1156b4318009f.png?width=800)
2. プロジェクトとタスクのテーブルを紐付け
タスクのテーブルにRelationの列を追加し、プロジェクトとタスクを紐付けます。
![スクリーンショット 2021-12-11 11.10.34](https://assets.st-note.com/production/uploads/images/67521540/picture_pc_4665c339778bc85fed2454affe593c49.png?width=800)
Relationの欄をクリックし、そのタスクがどのプロジェクトのものかを選んでいきます。
![スクリーンショット 2021-12-11 11.11.18](https://assets.st-note.com/production/uploads/images/67529711/picture_pc_397295da689c059e32f2118621fdbd10.png?width=800)
すると、自動的にプロジェクトのテーブルにもRelationの列が追加され、値が入ります。プロジェクトとタスクの紐付きがどちらのテーブルからもわかるようになりました。
![スクリーンショット 2021-12-11 11.11.36](https://assets.st-note.com/production/uploads/images/67529737/picture_pc_f97ad925cb2cab1f6dde0d644b3ba22d.png?width=800)
3. タスクの完了を%で表示する
紐付けができたら、タスクの完了度を%で表示できるようにします。
プロジェクトのテーブルにRollupの列を追加し、タスクテーブルの完了の列を指定したら、CalculateにPercent checkedを選びます。
Relation 「タスク」
Property 「完了」
Calculate 「Percent checked」
![スクリーンショット 2021-12-11 11.13.03](https://assets.st-note.com/production/uploads/images/67530056/picture_pc_2337c81a94561c4cc63f32928ce4dd00.png?width=800)
これで、プロジェクトに紐づくタスクの完了度を「%」で表示できるようになりました。次にこの「%」を進捗バーで表現できるようにします。
![スクリーンショット 2021-12-11 11.13.17](https://assets.st-note.com/production/uploads/images/67530070/picture_pc_3d2a4d6b8ef0aa602ec60fe3b03b5d96.png?width=800)
関数の列を追加し、先程の「%」の列をバーに置き換える関数をかきます。
slice("▓▓▓▓▓▓▓▓▓▓", 0, round(prop("達成率") * 10)) + slice("░░░░░░░░░░", 0, 10 - round(prop("達成率") * 10)) + " " + format(round(prop("達成率") * 100)) + "%"
![スクリーンショット 2021-12-11 11.15.19](https://assets.st-note.com/production/uploads/images/67530011/picture_pc_7a90fd004fce11dd667127d162429575.png?width=800)
やったー!完成!!!
プロジェクトのテーブルに、タスクの完了度を達成バーが表示されました!
![スクリーンショット 2021-12-11 11.16.06](https://assets.st-note.com/production/uploads/images/67530219/picture_pc_c3769d70451df3cb754e42f3fd450ca3.png?width=800)
まとめ
いかがでしたか。Relationや関数などをよく使うので、すこしわかりにくいかもしれませんが仕組みさえわかれば簡単です。ぜひプロジェクト管理に使ってみてくださいね!
この記事が気に入ったらサポートをしてみませんか?