[{"data":1,"prerenderedAt":174},["ShallowReactive",2],{"blog-tags":3,"header-recruit-jobs":17,"blog-post-dashboard-view":26},[4,5,6,7,8,9,10,11,12,13,14,15,16],"Notion AI","Notionカレンダー","Notionサイト","Notionメール","インテグレーション \u002F 外部ツール連携","データベース","プラン \u002F 請求 \u002F 料金 \u002F 支払い","ページ \u002F ブロック","マーケットプレイス \u002F テンプレート","ワークスペース \u002F サイドバー","共有 \u002F コラボレーション","数式","設定",[18,22],{"path":19,"title":20,"order":21},"\u002Frecruit\u002Fnotion-consultant","Notionエンジニア\u002Fコンサルタント",1,{"path":23,"title":24,"order":25},"\u002Frecruit\u002Fpresales","Notion導入ソリューションセールス",2,{"slug":27,"title":28,"date":29,"lastUpdatedAt":29,"excerpt":30,"categories":31,"tags":33,"author":34,"supervisorImage":41,"noIndex":42,"html":43,"headings":44,"supervisor":96,"qas":101,"relatedQAsByTag":102},"dashboard-view","Notionダッシュボードビューとは？使い方と活用事例を解説","2026-03-20T00:00:00.000Z","Notionのダッシュボードビューは、2026年3月にリリースされた複数のビューを1つの画面にまとめて表示できるレイアウト機能です。この記事では、ダッシュボードビューの基本概念から作成方法、ウィジェットのカスタマイズ、グローバルフィルターの使い方、活用事例まで解説します。",[32],"個人利用",[9],{"id":35,"name":36,"image":37,"description":38,"url":38,"descriptionHTML":39,"SNSHTML":40},"nodoka-okada-2026-02-26","Nodoka","\u002Fblog\u002Ficon\u002FNodoka.jpg","","第2期Notionキャンパスリーダー。AIと仕組み化を駆使する経営学部生。主に学生に向けてNotionを広める活動をしている。","\u003Ca href=\"https:\u002F\u002Fx.com\u002FNodoka_o13\" class=\"article-link\" target=\"_blank\">Twitter\u003C\u002Fa> \u002F \n    \u003Ca href=\"https:\u002F\u002Fnote.com\u002Fnodoka_o13\" class=\"article-link\" target=\"_blank\">note\u003C\u002Fa>","\u002Fblog\u002Ficon\u002FYujiTsuburaya.jpg",false,"\n      \u003Cdiv class=\"notion-callout bg-grayLight5 border-grayLight20 text-black p-4 border\">\n        \u003Cdiv class=\"flex items-start\">\n          \u003Cdiv class=\"flex-shrink-0 mr-3\">\n            \u003Ca href=\"\u002Fblog\u002Fauthors\u002FNodoka\" class=\"flex flex-col items-center\">\n              \u003Cimg src=\"\u002Fblog\u002Ficon\u002FNodoka.jpg\" alt=\"Nodokaのアイコン\" class=\"w-12 h-12 rounded-full border border-grayLight20 bg-white mb-1\">\n              \u003Cspan class=\"text-xs text-black6\">Nodoka\u003C\u002Fspan>\n            \u003C\u002Fa>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"flex-1\">\n            \u003Cdiv class=\"text-[.9em] leading-[1.6] font-normal tracking-[1px] flex flex-col gap-1\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Notionのダッシュボードビューは、2026年3月にリリースされた\u003Cstrong>複数のビューを1つの画面にまとめて表示できる\u003C\u002Fstrong>レイアウト機能です。チャートやテーブル、ボードなど、さまざまなビューをウィジェットとして自由に配置し、データの全体像をひと目で把握できます。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">例えば、プロジェクトの進捗チャート、タスク一覧、スケジュールカレンダーを1画面に並べることで、ページを切り替えることなく必要な情報へアクセスしやすくなります。\u003C\u002Fp>\u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \n\n\u003Cdetails>\u003Csummary>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">本記事の内容は動画でも解説しています（7分）\u003C\u002Fp>\u003C\u002Fsummary>\u003Cdiv>\n\n\u003Cfigure class=\"youtube-embed-wrapper\">\n\u003Cdiv class=\"youtube-embed-container\">\n\u003Ciframe width=\"100%\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FgXmnFTomMpE?rel=0\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" class=\"youtube-iframe border border-grayLight20\">\u003C\u002Fiframe>\n\u003C\u002Fdiv>\n\n\u003C\u002Ffigure>\n\u003C\u002Fdiv>\u003C\u002Fdetails>\n\n\n\n        \u003Cdetails class=\"table-of-contents mb-6 hidden\" open=\"\">\n          \u003Csummary class=\"text-[.9em] leading-[1.6] font-semibold tracking-[1px] mb-2\">\n            目次\n          \u003C\u002Fsummary>\n          \u003Cul class=\"toc-list flex flex-col gap-1 ml-5\">\n      \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#1-ダッシュボードビューとは\" class=\"toc-link text-sm text-black6 font-bold\">\n                1. ダッシュボードビューとは\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#編集モードと表示モード\" class=\"toc-link text-sm text-black6 \">\n                編集モードと表示モード\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#2-ダッシュボードビューの作り方\" class=\"toc-link text-sm text-black6 font-bold\">\n                2. ダッシュボードビューの作り方\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#新規作成の場合\" class=\"toc-link text-sm text-black6 \">\n                新規作成の場合\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#既存のデータベースに追加する場合\" class=\"toc-link text-sm text-black6 \">\n                既存のデータベースに追加する場合\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#3-レイアウトの構成と操作\" class=\"toc-link text-sm text-black6 font-bold\">\n                3. レイアウトの構成と操作\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#行を追加する\" class=\"toc-link text-sm text-black6 \">\n                行を追加する\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#ウィジェットを追加する\" class=\"toc-link text-sm text-black6 \">\n                ウィジェットを追加する\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#ウィジェットのサイズと配置\" class=\"toc-link text-sm text-black6 \">\n                ウィジェットのサイズと配置\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#4-ウィジェットのカスタマイズ\" class=\"toc-link text-sm text-black6 font-bold\">\n                4. ウィジェットのカスタマイズ\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#フィルターの設定\" class=\"toc-link text-sm text-black6 \">\n                フィルターの設定\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#並べ替え・チャートの設定\" class=\"toc-link text-sm text-black6 \">\n                並べ替え・チャートの設定\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#プロパティの表示設定\" class=\"toc-link text-sm text-black6 \">\n                プロパティの表示設定\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#5-グローバルフィルター\" class=\"toc-link text-sm text-black6 font-bold\">\n                5. グローバルフィルター\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#ソースが複数存在する場合の設定方法\" class=\"toc-link text-sm text-black6 \">\n                ソースが複数存在する場合の設定方法\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#6-活用事例\" class=\"toc-link text-sm text-black6 font-bold\">\n                6. 活用事例\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#個人の週次振り返りダッシュボード\" class=\"toc-link text-sm text-black6 \">\n                個人の週次振り返りダッシュボード\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#趣味管理ダッシュボード読書・映画・音楽\" class=\"toc-link text-sm text-black6 \">\n                趣味管理ダッシュボード（読書・映画・音楽）\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#7-まとめと現時点の注意点・制限\" class=\"toc-link text-sm text-black6 font-bold\">\n                7. まとめと現時点の注意点・制限\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#現時点の制限2026年3月20日時点\" class=\"toc-link text-sm text-black6 \">\n                現時点の制限（2026年3月20日時点）\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n          \u003C\u002Ful>\n        \u003C\u002Fdetails>\n      \u003Ca href=\"#1-ダッシュボードビューとは\" id=\"1-ダッシュボードビューとは\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">1. ダッシュボードビューとは\u003C\u002Fh2>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Ca href=\"https:\u002F\u002Fwww.notion.com\u002Fja\u002Fhelp\u002Fdashboards\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">ダッシュボードビュー\u003C\u002Fa>は、2026年3月にリリースされたNotionのデータベースビューです。テーブルやボードなどの従来のビューが「データをどう見せるか」を担当するのに対し、ダッシュボードビューは「それらのビューをどう並べるか」を担当するビューという特殊な位置付けにあります。\u003C\u002Fp>\u003Cblockquote class=\"border-l-2 border-black pl-4 mb-4\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>チャートビューとの違い\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">チャートビューは「1つのデータソースからグラフを1つ作る」ための単体ビューです。一方、ダッシュボードビューは「チャートを含む複数のビューを1画面にまとめて配置する」ためのレイアウトビューです。チャートビューはダッシュボードの中にウィジェットとして組み込んで使うのが最も自然な活用方法です。\u003C\u002Fp>\u003C\u002Fblockquote>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ダッシュボードビューの基本構成は、\u003Cstrong>行\u003C\u002Fstrong>と\u003Cstrong>ウィジェット\u003C\u002Fstrong>の2つの要素で成り立っています。\u003C\u002Fp>\u003Cul class=\"list-square pl-6\">\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">\u003Cstrong>行\u003C\u002Fstrong>: ウィジェットを横並びに配置するための段。複数の行を縦に積み重ねてレイアウトを構成する\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">\u003Cstrong>ウィジェット\u003C\u002Fstrong>: 行の中に配置される個々のビュー。チャート、テーブル、ボード、リスト、ギャラリー、カレンダーなど、あらゆるビュー種別を選択可能\u003C\u002Fli>\u003C\u002Ful>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2026-03-20-1.jpg\" alt=\"ダッシュボードビューの基本構成イメージ図\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ダッシュボードビューの基本構成イメージ図\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">1つの行には最大4つのウィジェットを配置できます。行を追加していくことで、縦方向にレイアウトを拡張していくイメージです。\u003C\u002Fp>\u003Ca href=\"#編集モードと表示モード\" id=\"編集モードと表示モード\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">編集モードと表示モード\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ダッシュボードビューには\u003Cstrong>編集モード\u003C\u002Fstrong>と\u003Cstrong>表示モード\u003C\u002Fstrong>の2つのモードがあります。\u003C\u002Fp>\u003Cul class=\"list-square pl-6\">\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">\u003Cstrong>表示モード\u003C\u002Fstrong>: デフォルトの状態。データの閲覧やページを開く操作は可能だが、レイアウトの変更はできない\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">\u003Cstrong>編集モード\u003C\u002Fstrong>: ダッシュボード上部の「編集」ボタンから切り替え。ウィジェットの追加・移動・削除、行の高さ調整などが可能\u003C\u002Fli>\u003C\u002Ful>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">この分離により、チームで共有するダッシュボードでも誰かが誤ってレイアウトを壊すリスクを防げます。ページ全体をロックしなくても、ダッシュボードのレイアウトだけを保護できる点が、従来のインラインビュー方式との大きな違いです。\u003C\u002Fp>\n      \u003Cdiv class=\"notion-callout bg-grayLight5 border-grayLight20 text-black p-4 border\">\n        \u003Cdiv class=\"flex items-start\">\n          \u003Cdiv class=\"flex-shrink-0 mr-3\">\n            \u003Ca href=\"\u002Fblog\u002Fauthors\u002FNodoka\" class=\"flex flex-col items-center\">\n              \u003Cimg src=\"\u002Fblog\u002Ficon\u002FNodoka.jpg\" alt=\"Nodokaのアイコン\" class=\"w-12 h-12 rounded-full border border-grayLight20 bg-white mb-1\">\n              \u003Cspan class=\"text-xs text-black6\">Nodoka\u003C\u002Fspan>\n            \u003C\u002Fa>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"flex-1\">\n            \u003Cdiv class=\"text-[.9em] leading-[1.6] font-normal tracking-[1px] flex flex-col gap-1\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ダッシュボードビューの強みは、異なるデータソースのビューを1画面に集約できる点です。例えば「タスク管理DB」のボードビューと「収支管理DB」のチャートビューを同じダッシュボードに並べるといったことが可能です。\u003C\u002Fp>\u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \n\n\u003Chr>\n\n    \u003Cdiv class=\"template-text-section mb-6\" data-cta-id=\"task-trial\" data-cta-position=\"after-h2-2\" data-cta-variant=\"default\" data-audience=\"toC\" data-post-slug=\"dashboard-view\">\n      \n      \u003Csection class=\"flex flex-col gap-y-5 mb-4 bg-white border border-black px-6 pt-6 pb-7 md:px-8\">\n        \u003Cdiv>\n          \u003Ch2 class=\"blog-heading font-feature-palt\">\n            Notionタスク管理ロードマップ体験版を無料プレゼント\n          \u003C\u002Fh2>\n        \u003C\u002Fdiv>\n        \u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\n          Notionでのタスク管理を基礎から体系的に学べる「タスク管理ロードマップ」の体験版を無料で配布しています。公式LINEの友だち追加だけで、すぐに受け取れます。\n        \u003C\u002Fp>\n        \u003Cimg src=\"https:\u002F\u002Flp.notion-university.jp\u002Fimages\u002Ftrial-task.jpg\" alt=\"Notionタスク管理ロードマップ体験版のプレビュー\" class=\"w-full border border-grayLight20\" loading=\"lazy\">\n        \u003Cdiv class=\"flex flex-col items-center gap-3 pt-1\">\n          \u003Ca href=\"https:\u002F\u002Flp.notion-university.jp\u002Ftrial-0621\u002F?utm_source=blog&utm_medium=referral&utm_campaign=trial0621&utm_content=article_cta&utm_term=dashboard-view\" class=\"blog-button blog-button--line\" target=\"_blank\" rel=\"noopener\">\n            \u003Cspan>体験版を無料で受け取る\u003C\u002Fspan>\n          \u003C\u002Fa>\n          \u003Cp class=\"text-xs text-black6\">簡単3分！公式LINEの友だち追加だけですぐに受け取れます\u003C\u002Fp>\n        \u003C\u002Fdiv>\n      \u003C\u002Fsection>\n    \n    \u003C\u002Fdiv>\n  \u003Ca href=\"#2-ダッシュボードビューの作り方\" id=\"2-ダッシュボードビューの作り方\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">2. ダッシュボードビューの作り方\u003C\u002Fh2>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ダッシュボードビューの作成方法は、他のビューと同様に\u003Cstrong>新規作成\u003C\u002Fstrong>と\u003Cstrong>既存データベースへの追加\u003C\u002Fstrong>の2パターンがあります。\u003C\u002Fp>\u003Ca href=\"#新規作成の場合\" id=\"新規作成の場合\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">新規作成の場合\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">STEP 1. ページ内で \u003Ccode class=\"bg-grayLight5 text-black px-1.5 py-0.5 text-[0.85em] border border-grayLight20 font-semibold\">\u002Fdashboard\u003C\u002Fcode> と入力し、「ダッシュボードビュー」を選択\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2026-03-20-2.jpg\" alt=\"\u002Fdashboardコマンド入力画面\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u002Fdashboardコマンド入力画面\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">STEP 2. ダッシュボードビューが作成される\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2026-03-20-3.jpg\" alt=\"新規ダッシュボード初期画面\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">新規ダッシュボード初期画面\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">空のダッシュボードが作成され、ここからウィジェットを追加していきます。\u003C\u002Fp>\u003Ca href=\"#既存のデータベースに追加する場合\" id=\"既存のデータベースに追加する場合\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">既存のデータベースに追加する場合\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">既存のデータベースにダッシュボードを追加すると、テーブルやボードなどの既存ビューとタブで切り替えて使えます。例えば、タスクDBの「テーブル」タブで個別タスクを編集し、「ダッシュボード」タブで全体の進捗を俯瞰する、といった使い分けが可能です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">STEP 1. データベースの左上にある「＋」をクリック\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2026-03-20-4.jpg\" alt=\"ビュー追加ボタン\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ビュー追加ボタン\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">STEP 2. 「ダッシュボード」を選択\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2026-03-20-5.jpg\" alt=\"ダッシュボードビュー選択画面\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ダッシュボードビュー選択画面\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">STEP 3. ダッシュボードビューが追加される\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2026-03-20-6.jpg\" alt=\"既存データベースにダッシュボードが追加された状態\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">既存データベースにダッシュボードが追加された状態\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cblockquote class=\"border-l-2 border-black pl-4 mb-4\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>補足: AIによる自動生成\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Notionエージェントに依頼してダッシュボードを自動生成することも可能です。「@タスクDBのダッシュボードを作って」のように指示すると、AIが初期構成を提案してくれます。生成後に編集モードで微調整すれば、ゼロから作るより大幅に時間を節約できます。\u003C\u002Fp>\u003C\u002Fblockquote>\u003Chr>\n\u003Ca href=\"#3-レイアウトの構成と操作\" id=\"3-レイアウトの構成と操作\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">3. レイアウトの構成と操作\u003C\u002Fh2>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ダッシュボードビューを作成したら、編集モードに切り替えて行とウィジェットを配置していきます。\u003C\u002Fp>\u003Ca href=\"#行を追加する\" id=\"行を追加する\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">行を追加する\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ダッシュボード内の「＋」ボタンをクリックすることで、新しい行を追加できます。行はドラッグ&ドロップで上下の並び替えも可能です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2026-03-20-7.jpg\" alt=\"行の追加操作\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">行の追加操作\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Ca href=\"#ウィジェットを追加する\" id=\"ウィジェットを追加する\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">ウィジェットを追加する\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">行の中にウィジェットを追加するには、行内の「＋」ボタンをクリックします。追加時に以下を設定します。\u003C\u002Fp>\u003Col class=\"list-decimal pl-6\">\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">\u003Cstrong>データソースの選択\u003C\u002Fstrong>: どのデータベースのデータを表示するか\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">\u003Cstrong>ビュー種別の選択\u003C\u002Fstrong>: テーブル、ボード、チャート、リスト、ギャラリー、カレンダーなど\u003C\u002Fli>\u003C\u002Fol>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2026-03-20-8.jpg\" alt=\"ウィジェット追加時のデータソース選択画面\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ウィジェット追加時のデータソース選択画面\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2026-03-20-9.jpg\" alt=\"ウィジェット追加時のビュー種別選択画面\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ウィジェット追加時のビュー種別選択画面\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Ca href=\"#ウィジェットのサイズと配置\" id=\"ウィジェットのサイズと配置\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">ウィジェットのサイズと配置\u003C\u002Fh3>\u003C\u002Fa>\u003Cul class=\"list-square pl-6\">\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">ウィジェットの幅はドラッグで自由に調整可能（ウィジェット間の境界をドラッグして比率を変更）\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">行の高さもドラッグで調整できるため、テーブルやリストの表示行数を視覚的にコントロール可能\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">ウィジェットはドラッグ&ドロップで行内・行間の移動が可能\u003C\u002Fli>\u003C\u002Ful>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2026-03-20-10.jpg\" alt=\"複数ウィジェットが並んだ状態\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">複数ウィジェットが並んだ状態\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\n      \u003Cdiv class=\"notion-callout bg-grayLight5 border-grayLight20 text-black p-4 border\">\n        \u003Cdiv class=\"flex items-start\">\n          \u003Cdiv class=\"flex-shrink-0 mr-3\">\n            \u003Ca href=\"\u002Fblog\u002Fauthors\u002FNodoka\" class=\"flex flex-col items-center\">\n              \u003Cimg src=\"\u002Fblog\u002Ficon\u002FNodoka.jpg\" alt=\"Nodokaのアイコン\" class=\"w-12 h-12 rounded-full border border-grayLight20 bg-white mb-1\">\n              \u003Cspan class=\"text-xs text-black6\">Nodoka\u003C\u002Fspan>\n            \u003C\u002Fa>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"flex-1\">\n            \u003Cdiv class=\"text-[.9em] leading-[1.6] font-normal tracking-[1px] flex flex-col gap-1\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">おすすめのレイアウトは、\u003Cstrong>上段にチャートウィジェットを2〜3個並べて全体の数値を俯瞰し、下段にテーブルやボードを1個配置して詳細を確認する\u003C\u002Fstrong>という構成です。チャートは横に並べると見栄えが良く、テーブルやボードは横幅が必要なので1行1ウィジェットが見やすいです。\u003C\u002Fp>\u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \n\n\u003Chr>\n\u003Ca href=\"#4-ウィジェットのカスタマイズ\" id=\"4-ウィジェットのカスタマイズ\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">4. ウィジェットのカスタマイズ\u003C\u002Fh2>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">各ウィジェットは、通常のデータベースビューと同じようにカスタマイズが可能です。\u003C\u002Fp>\u003Ca href=\"#フィルターの設定\" id=\"フィルターの設定\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">フィルターの設定\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ウィジェットごとに個別のフィルターを設定できます。例えば、同じタスク管理データベースでも「今週のタスク」と「完了済みタスク」をそれぞれ別のウィジェットに表示するといった使い方が可能です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2026-03-20-11.jpg\" alt=\"ウィジェットのフィルター設定画面\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ウィジェットのフィルター設定画面\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Ca href=\"#並べ替え・チャートの設定\" id=\"並べ替え・チャートの設定\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">並べ替え・チャートの設定\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">表示するデータの並び順をウィジェットごとに設定できます。チャートウィジェットでは、X軸・Y軸のデータ設定やグラフの種類（棒グラフ、ドーナツグラフ、折れ線グラフ、数値グラフ）も選択できます。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2026-03-20-12.jpg\" alt=\"並び替えの設定画面\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">並び替えの設定画面\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Ca href=\"#プロパティの表示設定\" id=\"プロパティの表示設定\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">プロパティの表示設定\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">テーブルやボードのウィジェットでは、表示するプロパティの選択や表示順の変更が可能です。ダッシュボードではスペースが限られるため、表示するプロパティは必要最小限に絞るのがコツです。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2026-03-20-13.jpg\" alt=\"プロパティの表示\u002F非表示設定\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">プロパティの表示\u002F非表示設定\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Chr>\n\u003Ca href=\"#5-グローバルフィルター\" id=\"5-グローバルフィルター\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">5. グローバルフィルター\u003C\u002Fh2>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">グローバルフィルターは、\u003Cstrong>1つのフィルター操作でダッシュボード上のすべてのウィジェットを一括で絞り込める\u003C\u002Fstrong>機能です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">例えば「カテゴリ」でグローバルフィルターを設定しておくと、「仕事」を選ぶだけでダッシュボード上のすべてのウィジェットが仕事関連のデータだけに切り替わります。ウィジェットごとにフィルターを設定する手間がなくなり、ウィジェットが多いダッシュボードほど便利です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2026-03-20-14.jpg\" alt=\"グローバルフィルター設定画面\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">グローバルフィルター設定画面\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Ca href=\"#ソースが複数存在する場合の設定方法\" id=\"ソースが複数存在する場合の設定方法\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">ソースが複数存在する場合の設定方法\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">STEP 1. ダッシュボードビューの上部にある「フィルター」アイコンをクリック\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">STEP 2. 「複数のソースをフィルタリング」から、フィルターを適用したいプロパティを複数選択する\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2026-03-20-15.jpg\" alt=\"複数のソースをフィルタリング\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">複数のソースをフィルタリング\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">このようにして、グローバルフィルターは異なるデータソースにも横断的に適用できます。例えば、「カテゴリ」でフィルターをかけると、タスクDBと活動ログDBの両方が同時に絞り込まれます。\u003C\u002Fp>\u003Chr>\n\u003Ca href=\"#6-活用事例\" id=\"6-活用事例\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">6. 活用事例\u003C\u002Fh2>\u003C\u002Fa>\u003Ca href=\"#個人の週次振り返りダッシュボード\" id=\"個人の週次振り返りダッシュボード\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">個人の週次振り返りダッシュボード\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">1週間の活動を振り返るためのダッシュボードです。以下のようなウィジェット構成がおすすめです。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>上段（チャート × 2〜3）\u003C\u002Fstrong>\u003C\u002Fp>\u003Cul class=\"list-square pl-6\">\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">カテゴリ別タスク数（横棒グラフ）\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">カテゴリ別タスク割合（ドーナツグラフ）\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">今週の達成スコア（数値グラフ）\u003C\u002Fli>\u003C\u002Ful>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>下段（リストまたはテーブル × 1）\u003C\u002Fstrong>\u003C\u002Fp>\u003Cul class=\"list-square pl-6\">\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">今週完了したタスク一覧（テーブルビュー）\u003C\u002Fli>\u003C\u002Ful>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2026-03-20-16.jpg\" alt=\"週次振り返りダッシュボードの完成イメージ\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">週次振り返りダッシュボードの完成イメージ\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\n      \u003Cdiv class=\"notion-callout bg-grayLight5 border-grayLight20 text-black p-4 border\">\n        \u003Cdiv class=\"flex items-start\">\n          \u003Cdiv class=\"flex-shrink-0 mr-3\">\n            \u003Ca href=\"\u002Fblog\u002Fauthors\u002FNodoka\" class=\"flex flex-col items-center\">\n              \u003Cimg src=\"\u002Fblog\u002Ficon\u002FNodoka.jpg\" alt=\"Nodokaのアイコン\" class=\"w-12 h-12 rounded-full border border-grayLight20 bg-white mb-1\">\n              \u003Cspan class=\"text-xs text-black6\">Nodoka\u003C\u002Fspan>\n            \u003C\u002Fa>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"flex-1\">\n            \u003Cdiv class=\"text-[.9em] leading-[1.6] font-normal tracking-[1px] flex flex-col gap-1\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">毎週日曜日にこのダッシュボードを開いて振り返る習慣をつけると、自分の時間の使い方が見える化されます。「思ったより趣味の時間が少ない」「勉強系のタスクが偏っている」といった気づきが得られるのでおすすめです。\u003C\u002Fp>\u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \n\n\u003Ca href=\"#趣味管理ダッシュボード読書・映画・音楽\" id=\"趣味管理ダッシュボード読書・映画・音楽\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">趣味管理ダッシュボード（読書・映画・音楽）\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">複数の趣味データベースを1画面に集約するダッシュボードです。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>上段（チャート × 2）\u003C\u002Fstrong>\u003C\u002Fp>\u003Cul class=\"list-square pl-6\">\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">月別の読了数推移（横棒グラフ）\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">ジャンル別の割合（ドーナツグラフ）\u003C\u002Fli>\u003C\u002Ful>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>中段（ギャラリー × 1）\u003C\u002Fstrong>\u003C\u002Fp>\u003Cul class=\"list-square pl-6\">\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">最近読んだ本・観た映画（ギャラリービュー）\u003C\u002Fli>\u003C\u002Ful>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>下段（リスト × 1）\u003C\u002Fstrong>\u003C\u002Fp>\u003Cul class=\"list-square pl-6\">\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">次に読みたい本・観たい映画リスト（リストビュー）\u003C\u002Fli>\u003C\u002Ful>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2026-03-20-17.jpg\" alt=\"趣味管理ダッシュボードの完成イメージ\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">趣味管理ダッシュボードの完成イメージ\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Chr>\n\u003Ca href=\"#7-まとめと現時点の注意点・制限\" id=\"7-まとめと現時点の注意点・制限\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">7. まとめと現時点の注意点・制限\u003C\u002Fh2>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ダッシュボードビューは、複数のビューを1画面に集約してデータの全体像を把握できるレイアウト機能です。従来の「インラインDBビュー + カラムブロック」方式も引き続き有効なので、用途に応じて使い分けましょう。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2026-03-20-18.jpg\" alt=\"ダッシュボードビューの例\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ダッシュボードビューの例\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2026-03-20-19.jpg\" alt=\"インラインビュー方式の例\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">インラインビュー方式の例\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cdiv class=\"overflow-x-auto\">\u003Ctable class=\"mx-auto text-sm\">\u003Ctbody>\u003Ctr>\n\u003Cth>\u003C\u002Fth>\n\u003Cth>ダッシュボードビュー\u003C\u002Fth>\n\u003Cth>インラインビュー方式\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>対応プラン\u003C\u002Ftd>\n\u003Ctd>ビジネス以上\u003C\u002Ftd>\n\u003Ctd>全プラン\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>レイアウト操作\u003C\u002Ftd>\n\u003Ctd>ドラッグ&ドロップ\u003C\u002Ftd>\n\u003Ctd>カラムブロック手動配置\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>コンテンツブロック\u003C\u002Ftd>\n\u003Ctd>配置不可\u003C\u002Ftd>\n\u003Ctd>自由に混在可\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>クロスDBフィルター\u003C\u002Ftd>\n\u003Ctd>グローバルフィルター\u003C\u002Ftd>\n\u003Ctd>不可\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>誤操作防止\u003C\u002Ftd>\n\u003Ctd>編集\u002F表示モード分離\u003C\u002Ftd>\n\u003Ctd>ページロック\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\u003C\u002Ftable>\u003C\u002Fdiv>\u003Ca href=\"#現時点の制限2026年3月20日時点\" id=\"現時点の制限2026年3月20日時点\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">現時点の制限（2026年3月20日時点）\u003C\u002Fh3>\u003C\u002Fa>\u003Col class=\"list-decimal pl-6\">\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">\u003Cstrong>1行最大4・合計最大12ウィジェット\u003C\u002Fstrong> — ウィジェットを厳選し、フィルターで表示データを絞りましょう\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">\u003Cstrong>ビジネスプラン以上が必要\u003C\u002Fstrong> — 無料プラン・プラスプランでは利用できません\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">\u003Cstrong>モバイルでは縦積み表示\u003C\u002Fstrong> — PCでの閲覧を前提にレイアウトを設計しましょう\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">\u003Cstrong>チャートが多いと重くなる\u003C\u002Fstrong> — サーバー側の計算コストが高いため、表示件数をフィルターで絞りましょう\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">\u003Cstrong>コンテンツブロック配置不可\u003C\u002Fstrong> — テキストやトグルが必要ならダッシュボードの上下に配置しましょう\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">\u003Cstrong>グローバルフィルターはシンプル条件のみ\u003C\u002Fstrong> — 高度なフィルターは未対応。複雑な条件は各ウィジェットの個別フィルターで対応しましょう\u003C\u002Fli>\u003C\u002Fol>\u003Chr>\n\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Notionのデータベースについてより詳しく知りたい方は、\u003Ca href=\"\u002Fblog\u002Fdatabase\" class=\"text-black6 article-link\">【2026年版】Notionデータベースの教科書【初学者向け】\u003C\u002Fa>もぜひ合わせてご覧ください。\u003C\u002Fp>",[45,49,52,55,57,59,62,64,66,68,71,73,75,77,80,82,85,87,90,93],{"id":46,"text":47,"type":48},"1-ダッシュボードビューとは","1. ダッシュボードビューとは","heading_2",{"id":50,"text":50,"type":51},"編集モードと表示モード","heading_3",{"id":53,"text":54,"type":48},"2-ダッシュボードビューの作り方","2. ダッシュボードビューの作り方",{"id":56,"text":56,"type":51},"新規作成の場合",{"id":58,"text":58,"type":51},"既存のデータベースに追加する場合",{"id":60,"text":61,"type":48},"3-レイアウトの構成と操作","3. レイアウトの構成と操作",{"id":63,"text":63,"type":51},"行を追加する",{"id":65,"text":65,"type":51},"ウィジェットを追加する",{"id":67,"text":67,"type":51},"ウィジェットのサイズと配置",{"id":69,"text":70,"type":48},"4-ウィジェットのカスタマイズ","4. ウィジェットのカスタマイズ",{"id":72,"text":72,"type":51},"フィルターの設定",{"id":74,"text":74,"type":51},"並べ替え・チャートの設定",{"id":76,"text":76,"type":51},"プロパティの表示設定",{"id":78,"text":79,"type":48},"5-グローバルフィルター","5. グローバルフィルター",{"id":81,"text":81,"type":51},"ソースが複数存在する場合の設定方法",{"id":83,"text":84,"type":48},"6-活用事例","6. 活用事例",{"id":86,"text":86,"type":51},"個人の週次振り返りダッシュボード",{"id":88,"text":89,"type":51},"趣味管理ダッシュボード読書・映画・音楽","趣味管理ダッシュボード（読書・映画・音楽）",{"id":91,"text":92,"type":48},"7-まとめと現時点の注意点・制限","7. まとめと現時点の注意点・制限",{"id":94,"text":95,"type":51},"現時点の制限2026年3月20日時点","現時点の制限（2026年3月20日時点）",{"id":97,"name":98,"image":41,"descriptionHTML":99,"SNSHTML":100},"ee018de1-6ec8-4b1e-a645-9702282647d1","円谷","Notion公認コンサルタント企業\u003Ca href=\"https:\u002F\u002Ftemp.co.jp\u002F\" class=\"article-link\" target=\"_blank\">株式会社TEMP\u003C\u002Fa>代表取締役。日本で7人目のNotion公式アンバサダー(2021年より)。2023年より法人向けの\u003Ca href=\"https:\u002F\u002Ftemp.co.jp\u002Fservices\u002Fnotion-consulting\" class=\"article-link\" target=\"_blank\">Notion導入支援\u003C\u002Fa>をおこない、\u003Ca href=\"https:\u002F\u002Ftemp.co.jp\u002Fcases\" class=\"article-link\" target=\"_blank\">現在100社以上の支援実績\u003C\u002Fa>あり。","\u003Ca href=\"https:\u002F\u002Ftwitter.com\u002F___35d\" class=\"article-link\" target=\"_blank\">Twitter\u003C\u002Fa> \u002F\n      \u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002F@tsuburaya_notion\" class=\"article-link\" target=\"_blank\">YouTube\u003C\u002Fa>",[],[103],{"tag":9,"qas":104},[105,108,111,114,117,120,123,126,129,132,135,138,141,144,147,150,153,156,159,162,165,168,171],{"slug":106,"question":107},"0171","Notionで計算はできますか？",{"slug":109,"question":110},"0169","Notionのデータベースの情報をグループにまとめることはできますか？",{"slug":112,"question":113},"0168","Notionのデータベースで並び替えを設定できますか？",{"slug":115,"question":116},"0157","Notionのデータベースで特定の条件に当てはまるデータのみ絞り込む（フィルターする）ことはできますか？",{"slug":118,"question":119},"0145","Notionでデータベースのページテンプレートは複数作れますか？",{"slug":121,"question":122},"0144","Notionのボードビューでカードに表示する項目を変えられますか？",{"slug":124,"question":125},"0143","Notionのボードビューで列の順番を並べ替えできますか？",{"slug":127,"question":128},"0142","NotionでデータベースをCSVでエクスポートできますか？",{"slug":130,"question":131},"0141","Notionでデータベースの複数行のプロパティを一括で同じ値に変更できますか？",{"slug":133,"question":134},"0140","Notionのデータベースに作成者や最終編集者を表示できますか？",{"slug":136,"question":137},"0139","Notionのデータベースに最終更新日時を表示できますか？",{"slug":139,"question":140},"0138","Notionのデータベースに作成日時を表示できますか？",{"slug":142,"question":143},"0137","Notionの数値プロパティの表示形式（通貨・％など）を変えられますか？",{"slug":145,"question":146},"0135","Notionのデータベースにチェックボックスの項目を作れますか？",{"slug":148,"question":149},"0134","Notionのデータベースで列の表示\u002F非表示を切り替えられますか？",{"slug":151,"question":152},"0113","Notionでデータベースにプロパティを追加するには？",{"slug":154,"question":155},"0109","Notionで1つのデータベースに複数のビューを作成できますか？",{"slug":157,"question":158},"0105","Notionでワークフロー（オートメーション）を設定できますか？",{"slug":160,"question":161},"0091","Notionで他の誰かが作成したテンプレートを使えますか？",{"slug":163,"question":164},"0082","Notionのリレーションとロールアップの違いは？",{"slug":166,"question":167},"0077","Notionのリンクドデータベース（リンクドビュー）とは何ですか？",{"slug":169,"question":170},"0136","Notionのデータベースで列の順番を入れ替えられますか？",{"slug":172,"question":173},"0015","Notionでタグを付ける方法はありますか？",1793846121094]