こんにちは！チームのベロシティ向上とナレッジのサイロ化防止に日々奮闘していることと思います。
「また今週もスプリントの進捗管理表を更新し忘れた……」
「予算消化のグラフを作るために、わざわざスプレッドシートや外部BIツールを開くのが面倒くさい」
そんな小さなストレスを抱えていませんか？多くのチームが、情報共有のためにNotionを導入したものの、タスク管理と数値の可視化がバラバラになり、結局スプレッドシートを行ったり来たりしています。
実は、Notionの「マルチセレクトプロパティ」と「数式（Formula）プロパティ」を組み合わせれば、外部のグラフツールを一切使わず、データベースの中に美しく動的な「バーンダウンチャート」や「予算進捗プログレスバー」をネイティブで構築できるんです。
今回は、初心者の方でも迷わず手を動かせるよう、ツールの役割から基本設定、そして「動くダッシュボードのHelloWorld（最小構成）」まで、優しくロジカルに解説していきますね。これをマスターすれば、毎日の作業が劇的に楽になりますよ！一緒にその仕組みを紐解いていきましょう。
—
1. なぜ「Notionネイティブ」の可視化にこだわるのか？
まず大前提として、なぜ外部ツールではなくNotion内で完結させるべきなのか、その設計思想をお話しします。
開発現場において最大の敵は「ツールのコンテキストスイッチ（切り替えコスト）」です。チケットはNotionにあるのに、グラフを見るために別タブを開く。この数秒の積み重ねが、開発者のフロー状態を断ち切ります。
Notionの数式プロパティ（特にFormula 2.0）の進化により、文字列操作だけでなく、配列の処理や条件分岐が高度に書けるようになりました。タスクの「状態」や「見積もり工数」を持つマルチセレクト・数値プロパティと数式を直結させることで、「タスクを更新した瞬間、リアルタイムでバーンダウンが収束していく」という、極上のナレッジ体験が手に入ります。
—
2. 基礎セットアップ：データベースの土台を作る
まずは、スプリントのタスクを管理するためのデータベースを作ります。ここがすべての土台となるため、プロパティの型（タイプ）を正確に合わせるのがポイントです。
準備するプロパティ
適当なページで `/database` と入力し、「データベース（インライン）」を作成してください。そして、以下の4つのプロパティを設定します。
1. タスク名（タイトル型）：タスクの名称
2. ステータス（ステータス型またはマルチセレクト型）：`未着手` / `進行中` / `完了`
3. 見積工数（数値型）：そのタスクにかかる工数（例: 2, 5, 8などのストーリーポイントや人日）
4. スプリント（マルチセレクト型）：`Sprint-1`, `Sprint-2` など
—
3. 【HelloWorld】まずはプログレスバーで視覚化の基本を知る
バーンダウンチャートを作る前に、まずはその前段階として、タスクの消化率を視覚的に示す「プログレスバー」を数式で作ってみましょう。Notionの数式で文字を並べ替える感覚を掴むための「HelloWorld」です。
データベースのプロパティ追加から「数式（Formula）」を選択し、名前を「進捗バー」に変更します。そして、以下の数式をコピー＆ペーストしてください。
/
【初心者向け解説】
- prop(“ステータス”) == “完了” で完了したタスクの数（あるいは工数）を判定します
- 視覚的に進捗がわかるよう、完了割合に応じて「■」と「□」のバーを描画します
/
let(
// 簡易的に全タスク数が5個あると仮定したサンプルロジックです
// 実際にはリレーション等で動的に計算しますが、まずは動かす感動を味わいましょう！
// 完了しているかを判定（ここでは便宜上、ステータスが完了なら1、それ以外0を返すイメージ）
completed, if(prop(“ステータス”) == “完了”, 1, 0),
// プログレスバーの長さ（全10マス）
totalBars, 10,
filledBars, completed totalBars,
// ■と□を結合してバーを作る
bar, slice(“■■■■■■■■■■”, 0, filledBars) + slice(“□□□□□□□□□□”, 0, totalBars – filledBars),
// 出力
bar + ” ” + (completed 100) + “%”
)
これを設定すると、ステータスを「完了」に変えた瞬間に、プロパティの表示が `■□□□□□□□□□ 100%` のように変化します。数式がリアルタイムでUIを書き換える――この感覚がNotionカスタマイズの醍醐味です。
—
4. 応用：マルチセレクトと数式で作る「動的バーンダウンチャート」
基本が分かったところで、本丸である「バーンダウンチャート（風の可視化）」へと進みましょう。
本格的なグラフを描く場合、本来はJavaScriptやPythonが必要ですが、Notionのマルチセレクトと数式を組み合わせることで、「残工数に応じたテキストグラフ」をデータベースの各行（またはロールアップを用いた集計行）に表示させることができます。
今回は、スプリント全体の「残予算」や「残り工数」を直感的に示すダッシュボード行の作り方を解説します。
ステップ1：スプリントごとの総工数と消化工数を集計する
リレーション機能を使って「スプリント管理マスター」のような別DBを作るのがベストプラクティスですが、今回は手軽に同一DB内で完結させる数式アプローチを取ります。
数式プロパティ「バーンダウン・シミュレーター」を作成し、以下のコードを投入してください。
/
【プロダクションコード：動的バーンダウン・インジケーター】
マルチセレクトされたスプリントの消化状況を視覚化します
/
let(
// 1. このタスクの見積工数
est, prop(“見積工数”),
// 2. 完了しているかどうか
isDone, prop(“ステータス”) == “完了”,
// 3. 残工数の計算（完了していれば0、未完了なら見積工数そのまま）
remaining, if(isDone, 0, est),
// 4. 残工数に応じた警告アイコンの付与ロジック
alertIcon, if(remaining > 5, “🔥 要注意”, “✨ 順調”),
// 5. 出力フォーマットの構築
“残: ” + remaining + “pt ” + alertIcon
)
ステップ2：レイアウト機能を駆使して「ダッシュボード化」する
ここからがプロの技です。作成したデータベースを、ただの表のままにしておいてはいけません。
1. データベースのビューを「ボードビュー」に変更します。
2. グループ化を「スプリント（マルチセレクト）」に設定します。
3. カードに表示するプロパティとして、「見積工数」「ステータス」「進捗バー（先ほど作った数式）」をONにします。
これで何が起きるか？
スプリントごとのレーン（列）にタスクが並び、それぞれのカードに「残工数」や「進捗」が視覚的にバッジとして表示されます。さらに、ボードビューの最下部にある「計算（Calculate）」機能を使って、見積工数の列の「合計（Sum）」を表示させてみてください。
スプリントボードの列ごとに、「そのスプリントに残っている総工数（バーンダウンの現在地）」が自動計算されるダッシュボードが完成します。
—
5. 現場のベロシティを爆発させるための運用ティップス
最後に、この仕組みをチームに定着させ、形骸化させないためのナレッジをいくつか授けます。
- 「入力の手間」を極限まで減らす
ステータスを変更した瞬間に数式が走るため、メンバーが余計な入力をする必要はありません。「ステータスを動かすだけで、チームのバーンダウンが美しく更新される」という体験設計が、データの正確性を担保します。
- テンプレートを活用する
新しいスプリントが始まるたびに手動でタスクを作るのはナンセンスです。「スプリント初期化テンプレート」を用意し、マルチセレクトのタグにあらかじめ期日や目標を紐づけておきましょう。
おわりに
いかがでしたか？
外部のツールに頼らなくても、Notionのネイティブ機能（マルチセレクト × 数式 × ビューの組み合わせ）を正しく理解し設計すれば、開発チームの現在地をいつでもクリアに見渡せる強力なコックピットが手に入ります。
最初は少し難しく感じる数式も、一つひとつの変数（let関数など）を分解して見れば、やっていることは非常にシンプルです。ぜひ今日からあなたのワークスペースに取り入れて、チームのベロシティと情報の透明性を劇的に高めてみてください。
あなたのエンジニアリングライフが、もっとスマートで快適になりますように！