<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Notion | アフターコビット</title>
	<atom:link href="https://aftercovid20.com/category/notion/feed/" rel="self" type="application/rss+xml" />
	<link>https://aftercovid20.com</link>
	<description>新しい時代を楽しく乗り切る、好きなことで生きて行こう</description>
	<lastBuildDate>Fri, 14 Feb 2025 04:46:53 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.3</generator>

<image>
	<url>https://aftercovid20.com/wp-content/uploads/2022/01/cropped-afterlogo-32x32.jpg</url>
	<title>Notion | アフターコビット</title>
	<link>https://aftercovid20.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Notionカレンダーで誕生日管理をスマートに！CSVファイル連携から表示方法まで徹底解説</title>
		<link>https://aftercovid20.com/notion-calendar-birthday/</link>
					<comments>https://aftercovid20.com/notion-calendar-birthday/#respond</comments>
		
		<dc:creator><![CDATA[JIRO]]></dc:creator>
		<pubDate>Sat, 05 Oct 2024 12:43:54 +0000</pubDate>
				<category><![CDATA[Notion]]></category>
		<guid isPermaLink="false">https://aftercovid20.com/?p=19225</guid>

					<description><![CDATA[「友達の誕生日、うっかり忘れがち…」 そんな悩みをお持ちのあなたへ。 Notionカレンダーを使えば、誕生日管理もスマートに行えます。 例えば、 Notionカレンダーは、誕生日管理に役立つ便利な機能が満載です。 この記 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>「友達の誕生日、うっかり忘れがち…」</strong></p>



<p class="wp-block-paragraph">そんな悩みをお持ちのあなたへ。</p>



<p class="wp-block-paragraph">Notionカレンダーを使えば、<strong>誕生日管理もスマートに</strong>行えます。</p>



<p class="wp-block-paragraph">例えば、</p>



<ul class="wp-block-list">
<li><strong>CSVファイル連携：</strong> 既存の誕生日リスト（Excelなど）をNotionにインポート</li>



<li><strong>数式で自動計算：</strong> 年齢や次の誕生日を自動で計算</li>



<li><strong>カレンダー表示：</strong> 誕生日をカレンダーに表示して一目で確認</li>
</ul>



<p class="wp-block-paragraph">Notionカレンダーは、誕生日管理に役立つ<strong>便利な機能が満載</strong>です。</p>



<p class="wp-block-paragraph">この記事では、Notionカレンダーを使って、<strong>誕生日を効率的に管理する方法</strong>を徹底解説します。</p>



<p class="wp-block-paragraph">この記事を読めば、あなたもNotionカレンダーで<strong>大切な人の誕生日を忘れる心配</strong>がなくなるでしょう。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">特にこんな人におすすめです。</p>



<ul class="wp-block-list">
<li>すでに誕生日のデータを持っている（エクセルファイル等）</li>



<li>10人以上など、直接Notionのデータベースに誕生日を打ち込むのが難しい状況</li>



<li>すでにNotionのデータベースに誕生日を入力しているが、Notionカレンダーで次の誕生日を表示させる方法が分からない</li>



<li>これから誕生日カレンダーを作成してみたい</li>
</ul>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc1">データの用意</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc2">データファイル</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img fetchpriority="high" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_01.jpg" alt="エクセルファイルの誕生日データ" class="wp-image-19229" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_01.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_01-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_01-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_01-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">まず最初に誕生日が入力されたデータを用意します。</p>



<p class="wp-block-paragraph">ここでは列に「部屋番号」、「名前」、「性」、「誕生日」、「国籍」が記載された名簿を用意しました。</p>



<p class="wp-block-paragraph">すでにお持ちの名簿などがありましたら、そちらを使用してください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">Notion にデータをアップすることを前提にした場合、最初の1列目に何の項目を設定するのかは、とても重要な要素の一つになります。</p>



<p class="wp-block-paragraph">後ほど詳しく解説しますが、誕生日のリストを作成する場合は「名前」を1列目に作成しておくことをお勧めします。</p>



<p class="wp-block-paragraph">なお、「主キー」になりえない項目を1列目に置いた場合は、それ以降の「主キー」になりえる列が優先されます。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc3">データの整理</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_05.jpg" alt="" class="wp-image-19236" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_05.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_05-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_05-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_05-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">ファイルをアップロードする前に、データを少し整理しておきます。</p>



<p class="wp-block-paragraph">このファイルでは、誕生日の日付の入力が、「2004/10/14」のように、「YYYY/MM/DD」と年月日で入力されています。</p>



<p class="wp-block-paragraph">日本人にとってこの並びはとても見やすいのですが、Notionはアメリカの企業になりますので、日付の並びが「MM/DD/YYYY」になります。</p>



<p class="wp-block-paragraph">そこでこの誕生日の列の表示をアメリカ式に並び替えます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_06.jpg" alt="誕生日の列を選択して、右クリックします。" class="wp-image-19237" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_06.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_06-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_06-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_06-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「誕生日」の列を選択します。</p>



<p class="wp-block-paragraph">右クリックから、「<strong>セルの書式設定</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_07.jpg" alt="セルの書式設定画面" class="wp-image-19238" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_07.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_07-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_07-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_07-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「セルの書式設定」の画面が表示されました。</p>



<p class="wp-block-paragraph">「分類」の場所は「日付」を選択します。</p>



<p class="wp-block-paragraph">「種類」の場所が表示されますので、矢印の先にあるバーを下にスクロールします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_08.jpg" alt="「3/14/12」を選択します。" class="wp-image-19239" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_08.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_08-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_08-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_08-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「3/14/12」という種類がありますので、これを選択して、「OK」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_09.jpg" alt="日付の表示方法がアメリカ式に変更されました。" class="wp-image-19242" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_09.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_09-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_09-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_09-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「誕生日」の列がこのように、「10/14/04」と表示されていればデータの整理は終了です。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc4">CSVファイルに変換</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc5">CSV UTF-8で保存</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_02.jpg" alt="作成したファイルをCSV形式で保存します。" class="wp-image-19233" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_02.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_02-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_02-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_02-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">先ほど作成したファイルを「CSV」形式のファイルで保存します。</p>



<p class="wp-block-paragraph">「名前を付けて保存」から「<strong>CSV UTF-8（コンマ区切り）（*.csv）</strong>」を選択します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc6">注意事項</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_03.jpg" alt="間違った形式で保存しないこと" class="wp-image-19234" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_03.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_03-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_03-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_03-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">エクセルで誕生日ファイルを保存する際に注意して頂きたいのがCSVファイルの保存方法です。</p>



<p class="wp-block-paragraph">保存方法には、「<strong>CSV UTF-8（コンマ区切り）</strong>」と「<strong>CSV（コンマ区切り）</strong>」の2つが用意されています。</p>



<p class="wp-block-paragraph">これはどちらを選択しても良いわけではなく、必ず「<strong>CSV UTF-8（コンマ区切り）</strong>」を選択して保存するようにしてください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_04.jpg" alt="文字化けしたデータファイル" class="wp-image-19235" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_04.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_04-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_04-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_04-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「<strong>CSV（コンマ区切り）</strong>」で保存したデータをNotionにアップロードすると、画像のように文字化けを起こしてしまい、正しくデータが表示されません。</p>



<p class="wp-block-paragraph">このような画面が表示されてしまった方は、保存方法に問題がありますので、「<strong>CSV UTF-8（コンマ区切り）</strong>」で保存し直して、アップロードするようにしてください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc7">Notionへアップロード</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_10.jpg" alt="CSVを選択します。" class="wp-image-19246" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_10.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_10-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_10-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_10-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_10-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_10-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_10-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_10-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionで新規ページを作成します。</p>



<p class="wp-block-paragraph">「/csv」と入力するとインポート「CSV」と表示されますので、クリックするか、<span class="bold-green"><span class="keyboard-key">Enter</span></span>キーを押します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_11.jpg" alt="CSVファイルを選択します。" class="wp-image-19247" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_11.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_11-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_11-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_11-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">ファイル形式の選択画面が表示されますので、「CSV」をクリックします。</p>



<p class="wp-block-paragraph">ファイルの選択画面が表示されますので、アップロードするファイルを選択します。</p>



<p class="wp-block-paragraph">なお、通常は自動でファイルの選択画面が表示されます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_12.jpg" alt="アップロードが完了した画面" class="wp-image-19248" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_12.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_12-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_12-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_12-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">無事にアップロードが完了されればこのように表示されると思います。</p>



<p class="wp-block-paragraph">文字化けや誕生日の漏れなどがないか確認してみてください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc8">数式の挿入</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc9">カレンダービューの確認</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_13.jpg" alt="何も表示されないカレンダービュー" class="wp-image-19249" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_13.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_13-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_13-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_13-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">誕生日を含んだファイルが正しくアップロードされたら、カレンダーに誕生日が表示されているか見てみましょう。</p>



<p class="wp-block-paragraph">しかし、レイアウトを「カレンダー」に変更しても誕生日は表示されていません。</p>



<p class="wp-block-paragraph">もちろん当たり前なのですが、入力されているのは「誕生日」なので、生まれた年を表示させない限りはカレンダーに誕生日が表示されることはありません。</p>



<p class="wp-block-paragraph">しかし、これからの誕生日が表示されないのであれば、カレンダーを使う意味がありません。</p>



<p class="wp-block-paragraph">では未来の誕生日をカレンダービューに表示させるには何が必要になるのでしょうか。</p>



<p class="wp-block-paragraph">その答えはNotionに備わっている「<strong>数式</strong>」を使うことです。</p>



<p class="wp-block-paragraph">一般的には「関数」と呼んだ方が分かりやすいと思いますが、「数式」を使うと簡単にこれから訪れる誕生日を表示させることが可能になります。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc10">年齢を表示させる</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_14.jpg" alt="数式のプロパティを追加します。" class="wp-image-19251" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_14.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_14-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_14-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_14-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">まずは現在の年齢を表示させてみましょう。</p>



<p class="wp-block-paragraph">新規プロパティから「<strong>数式</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_15.jpg" alt="編集をクリックします。" class="wp-image-19253" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_15.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_15-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_15-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_15-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_15-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_15-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_15-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_15-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">プロパティの編集画面が表示されますので、「数式」の「編集」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_16.jpg" alt="数式を入力していきます。" class="wp-image-19254" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_16.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_16-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_16-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_16-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_16-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_16-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_16-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_16-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notion数式という画面が表示されますので、「あなたの数式」と書かれた場所に数式を入力していきます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_17.jpg" alt="年齢を計算する数式" class="wp-image-19257" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_17.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_17-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_17-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_17-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_17-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_17-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_17-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_17-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">入力する数式は以下になります。</p>



<p class="wp-block-paragraph">「<strong>dateBetween(now(),誕生日,&#8221;years&#8221;)</strong>」</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">プログラミングを少しでも学んだことがある方ならすぐに分かると思いますが、そうでない方でもそれほど難しく考える必要はありません。</p>



<p class="wp-block-paragraph">「<strong>dateBetween()</strong>」は日本語だと「日付の期間」であり、２つの日付の間の期間を表します。</p>



<p class="wp-block-paragraph">ここでは「now()」が「今」であり、「誕生日」が起点となる日付になります。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">最後の「<strong>&#8220;years&#8221;</strong>」は引数といって、ここでは表示させる「単位」を表します。</p>



<p class="wp-block-paragraph">年齢を表示させたいので、「&#8221;years&#8221;」を使っていますが、他にも「&#8221;months&#8221;」、「&#8221;weeks&#8221;」、「&#8221;days&#8221;」などを使用することが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_18.jpg" alt="年齢が表示されました。" class="wp-image-19258" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_18.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_18-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_18-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_18-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">正しい数式が記載出来たら、画像のように年齢が表示されていると思います。</p>



<p class="wp-block-paragraph">エラーが表示されたりしている場合は数式の記載ミスがあるはずなので、再度確認してください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">年齢が表示されたら、正しい年齢が表示されているか確認しておきましょう。</p>



<p class="wp-block-paragraph">この例では、7行目の「James Bond」さんの年齢が「０」歳になっています。</p>



<p class="wp-block-paragraph">元の誕生日を見て見ると、「2024年8月15日」と記入されていますので、正しい誕生日に修正する必要があります。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc11">次の誕生日を表示させる</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_19.jpg" alt="次の誕生日を表示させる数式を追加します。" class="wp-image-19261" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_19.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_19-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_19-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_19-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_19-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_19-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_19-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_19-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">新規プロパティを追加して、年齢を表示させた時と同じ手順で数式の編集画面を表示させます。</p>



<p class="wp-block-paragraph">入力する数式は以下になります。</p>



<p class="wp-block-paragraph">「<strong>dateAdd(誕生日,年齢+1,&#8221;years&#8221;)</strong>」</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「<strong>dateAdd()</strong>」は日付に時間を追加します。</p>



<p class="wp-block-paragraph">ここでは「<strong>誕生日</strong>」に「<strong>年齢+1</strong>」を足しています。</p>



<p class="wp-block-paragraph">最後の引数は足す時間がどの期間なのかを指定します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_20.jpg" alt="次の誕生日を表示させる例です。" class="wp-image-19262" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_20.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_20-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_20-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_20-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_20-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_20-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_20-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_20-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">最初の行の「佐藤二郎」をみてみましょう。</p>



<p class="wp-block-paragraph">引数を「<strong>&#8220;years&#8221;</strong>」と指定していますので、「<strong>誕生日</strong>」に「<strong>年齢+1</strong>」を足した日付が「<strong>数式1</strong>」に表示されています。</p>



<p class="wp-block-paragraph">「年齢」が「19」なので、1を足した数値「20」が「年」として追加されますので、「2024年10月14日」が表示されています。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">引数は「&#8221;years&#8221;」、「&#8221;months&#8221;」、「&#8221;weeks&#8221;」、「&#8221;days&#8221;」などを指定することが出来ます。</p>



<p class="wp-block-paragraph">参考までに引数を「&#8221;days&#8221;」にした場合をみてみましょう。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_21.jpg" alt="引数を&quot;days&quot;にした場合" class="wp-image-19265" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_21.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_21-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_21-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_21-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_21-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_21-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_21-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_21-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">先ほど「&#8221;years&#8221;」と書かれた場所を「&#8221;days&#8221;」に変更してみます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_22.jpg" alt="引数を&quot;days&quot;にした場合" class="wp-image-19266" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_22.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_22-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_22-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_22-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_22-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_22-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_22-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_22-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「数式1」の日付が「2004年11月3日」と表示されています。</p>



<p class="wp-block-paragraph">「年齢」が「19」なので、それに「1」を足した「20」を「日」として計算しているために表示された日付です。</p>



<p class="wp-block-paragraph">このように引数によって計算結果が大きく変わりますので注意してください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc12">カレンダービューで表示</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_23.jpg" alt="カレンダービュー" class="wp-image-19267" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_23.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_23-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_23-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_23-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">先ほど作成したデータをカレンダービューで表示させてみましょう。</p>



<p class="wp-block-paragraph">カレンダービューを作成しただけでは何も表示されていませんので、表示させるプロパティを指定していきます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_24.jpg" alt="ビューのオプション" class="wp-image-19268" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_24.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_24-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_24-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_24-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">画面右上にある3点リーダーをクリックします。</p>



<p class="wp-block-paragraph">ビューのオプションが表示されたら、「<strong>プロパティ</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_25.jpg" alt="プロパティを選択します。" class="wp-image-19269" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_25.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_25-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_25-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_25-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">誕生日を表示させるのに必要なのは、「数式1」になります。</p>



<p class="wp-block-paragraph">後は何を表示させるかは好みで選んでください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_26.jpg" alt="表示させるプロパティの選択" class="wp-image-19272" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_26.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_26-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_26-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_26-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_26-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_26-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_26-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_26-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">プロパティを選択しても、カレンダービューに表示されていない場合は、もう一つ設定の変更が必要になります。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_27.jpg" alt="カレンダーの表示基準を変更します。" class="wp-image-19273" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_27.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_27-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_27-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_27-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_27-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_27-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_27-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_27-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">レイアウトの編集画面を表示させます。</p>



<p class="wp-block-paragraph">カレンダーの表示基準が「誕生日」になっていますので、「数式1」に変更します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_28.jpg" alt="カレンダービューに誕生日が表示されました。" class="wp-image-19274" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_28.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_28-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_28-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_28-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">無事、カレンダービューに誕生日が表示されました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc13">Notionカレンダーで表示</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_29.jpg" alt="「カレンダーで開く」をクリックします。" class="wp-image-19277" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_29.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_29-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_29-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_29-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_29-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_29-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_29-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_29-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">カレンダービューをNotionカレンダーで表示させてみましょう。</p>



<p class="wp-block-paragraph">「<strong>カレンダーで開く</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_30.jpg" alt="Notionカレンダーに誕生日が表示されました。" class="wp-image-19278" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_30.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_30-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_30-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_30-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionカレンダーに誕生日が表示されました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc14">Notionカレンダーで誕生日を表示させる際の問題点</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc15">複数のプロパティを表示することが出来ない</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_31.jpg" alt="誕生日を表示したNotionカレンダー" class="wp-image-19279" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_31.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_31-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_31-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_31-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_31-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_31-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_31-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_31-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">誕生日を表示したNotionカレンダーを見ると分かるのですが、表示されているのは「部屋番号」だけとなっています。</p>



<p class="wp-block-paragraph">これだと誰の誕生日なのかが、一目では分かりにくいと思います。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">先ほどのカレンダービューのように複数のプロパティを設定出来ると良いのですが、Notionカレンダーでは複数のプロパティを表示させることが出来ません。</p>



<p class="wp-block-paragraph">それではなぜ「部屋番号」だけが表示されているかというと、Notionのデータベースの最初の1列がタイトル（主キー）として認識されているためです。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">「主キー」が何か分からない方もいらっしゃるかもしれません。</p>



<p class="wp-block-paragraph">もの凄く簡単に言うと、「重複がなく、空でもない」データのことになります。</p>



<p class="wp-block-paragraph">ここでの部屋番号が例としては分かりやすいと思います。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_32.jpg" alt="テーブルビューの1列目" class="wp-image-19280" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_32.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_32-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_32-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_32-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_32-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_32-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_32-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_32-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">テーブルビューを見て見ると、1列目に「部屋番号」が挿入されています。</p>



<p class="wp-block-paragraph">そのためこのデータベースでは「部屋番号」がタイトル（主キー）として認識されています。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_33.jpg" alt="プロパティの編集画面" class="wp-image-19281" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_33.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_33-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_33-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_33-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_33-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_33-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_33-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_33-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">また1列目はプロパティの編集をすることも出来ません。</p>



<p class="wp-block-paragraph">（当然なのですが、）</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_34.jpg" alt="列を移動" class="wp-image-19282" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_34.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_34-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_34-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_34-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_34-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_34-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_34-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_34-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">列を変更してもプロパティの編集をすることは出来ません。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">このように、一度タイトル（主キー）として認識されてしまうと、後でタイトルを変更することが出来なくなってしまいます。</p>



<p class="wp-block-paragraph">この問題を解決する方法は、データの説明の時に記載させて頂いていますが、ファイルをアップデートするときに、最初の一列目をタイトル（主キー）として表示されることを意識して作成することです。</p>



<p class="wp-block-paragraph">今回の例では「名前」がタイトルとしては一番分かりやすいと思いますので、並びを変更してからアップロードすることで解決することが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc16">誕生日当日は誕生日が表示されない</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_37.jpg" alt="テーブルビュー" class="wp-image-19283" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_37.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_37-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_37-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_37-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_37-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_37-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_37-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_37-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">これも大きな問題なのですが、Notionカレンダー、カレンダービューのどちらでも、誕生日当日は誕生日が表示されません。</p>



<p class="wp-block-paragraph">この記事を作成している日が「10月5日」なのですが、「10月5日」には「S-300」の人が誕生日になっています。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_35.jpg" alt="カレンダービュー" class="wp-image-19284" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_35.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_35-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_35-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_35-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_35-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_35-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_35-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_35-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">しかしカレンダービューで10月5日を見て見ると、「S-300」の表示がありません。</p>



<p class="wp-block-paragraph">これだと当日カレンダーを見て、今日の誕生日が誰なのか確認することが出来ません。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_36.jpg" alt="1年後のカレンダー" class="wp-image-19286" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_36.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_36-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_36-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_36-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_36-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_36-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_36-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_birthday_36-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">では「S-300」の人の誕生日はどこに行ってしまったかと言うと、翌年の「10月5日」に表示されています。</p>



<p class="wp-block-paragraph">この問題は、私が入力した数式に問題があるのですが、現状では解決策が見当たりません。</p>



<p class="wp-block-paragraph">どなたかわかる方がいらっしゃれば教えて頂けると幸いです。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><div class="ad-area no-icon ad-shortcode ad-auto ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-8583693483124941"
  data-ad-slot="8969726240"
  data-ad-format="auto"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>
</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc17">まとめ</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">誕生日をNotionカレンダーで表示させる方法についてご紹介させて頂きました。</p>



<p class="wp-block-paragraph">「カレンダービュー」で表示させる方法と、「Notionカレンダー」で表示させる2通りの方法をご紹介しましたが、個人的には「<strong>カレンダービュー</strong>」で表示させる方法がより分かりやすいのではないかと思います。</p>



<p class="wp-block-paragraph">その理由として「<strong>カレンダービュー</strong>」であれば、複数のプロパティをまとめて表示させることが出来るためです。</p>



<p class="wp-block-paragraph">カレンダーを見るだけで複数の情報を簡単に確認出来るのは大きな魅力だと思います。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">今回も最後までお読みいただきありがとうございました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://aftercovid20.com/notion-calendar-birthday/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Notionカレンダーで仕事もプライベートも充実！タスク管理術を徹底解説</title>
		<link>https://aftercovid20.com/notion-task-monthly/</link>
					<comments>https://aftercovid20.com/notion-task-monthly/#respond</comments>
		
		<dc:creator><![CDATA[JIRO]]></dc:creator>
		<pubDate>Sat, 21 Sep 2024 06:28:52 +0000</pubDate>
				<category><![CDATA[Notion]]></category>
		<guid isPermaLink="false">https://aftercovid20.com/?p=19015</guid>

					<description><![CDATA[「仕事のタスクとプライベートのタスク、ごちゃごちゃになって管理しきれない…」 そんな悩みをお持ちのあなたへ。 Notionカレンダーを使えば、仕事もプライベートも、スッキリ一元管理できます。 例えば、 Notionカレン [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>「仕事のタスクとプライベートのタスク、ごちゃごちゃになって管理しきれない…」</strong></p>



<p class="wp-block-paragraph">そんな悩みをお持ちのあなたへ。</p>



<p class="wp-block-paragraph">Notionカレンダーを使えば、<strong>仕事もプライベートも、スッキリ一元管理</strong>できます。</p>



<p class="wp-block-paragraph">例えば、</p>



<ul class="wp-block-list">
<li><strong>仕事のタスク：</strong> 会議、打ち合わせ、タスクの進捗状況をNotionカレンダーで確認</li>



<li><strong>プライベートの予定：</strong> 家族とのイベント、習い事、旅行などをNotionカレンダーに登録</li>
</ul>



<p class="wp-block-paragraph">Notionカレンダーは、Googleカレンダーと連携したり、Notionデータベースと連携したりと、<strong>柔軟な使い方が可能</strong>です。</p>



<p class="wp-block-paragraph">この記事では、Notionカレンダーを使って、<strong>仕事とプライベートのタスクを効率的に管理する方法</strong>を徹底解説します。</p>



<p class="wp-block-paragraph">この記事を読めば、あなたもNotionカレンダーで<strong>オンオフを切り替え</strong>、充実した日々を送れるようになるでしょう。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc1">ビジネスタスクの作成</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc2">リストビューの作成</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_01.jpg" alt="テーブルビューを作成します。" class="wp-image-19026" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_01.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_01-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_01-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_01-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_01-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_01-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_01-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_01-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">最初に「ビジネス・タスク」を作成していきます。</p>



<p class="wp-block-paragraph">テーブルビューで適当な数のタスクを作成します。</p>



<p class="wp-block-paragraph">プロパティに「<strong>日付</strong>」と「<strong>ステータス</strong>」を作成します。</p>



<p class="wp-block-paragraph">なお、「ステータス」のデフォルトは「未着手」、「進行中」、「完了」の3つがありますが、ここでは「未着手」、「完了」の2つに設定しておきます。</p>



<p class="wp-block-paragraph">あくまでも分かりやすく解説するためですので、３つであっても構いません。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_02.jpg" alt="リストビューに変更します。" class="wp-image-19027" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_02.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_02-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_02-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_02-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_02-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_02-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_02-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_02-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">レイアウトを「リストビュー」に変更します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc3">アイコンの設定</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_03.jpg" alt="アイコンを設定します。" class="wp-image-19028" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_03.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_03-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_03-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_03-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_03-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_03-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_03-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_03-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">リストビューを作成したら、アイコンの設定を行います。</p>



<p class="wp-block-paragraph">タスク名の前にあるドキュメントアイコンをクリックすると、「絵文字」や「アイコン」から選択することが出来ます。</p>



<p class="wp-block-paragraph">後で作成する「プライベート・タスク」と区別が出来れば、どんなアイコンでも構いません。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_04.jpg" alt="すべてのタスクにアイコンを設定します。" class="wp-image-19029" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_04.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_04-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_04-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_04-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_04-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_04-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_04-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_04-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">すべてのタスクにアイコンを設定しました。</p>



<p class="wp-block-paragraph">すべて同じアイコンを設定していますが、タスク内容によってアイコンを変えても構いません。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc4">コールアウトの作成</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_05.jpg" alt="コールアウトを作成します。" class="wp-image-19031" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_05.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_05-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_05-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_05-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_05-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_05-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_05-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_05-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">複数のリンクドビューを作成していくと、ページが少し見づらくなってきます。</p>



<p class="wp-block-paragraph">そんな時に便利なのが、「<strong>コールアウト</strong>」です。</p>



<p class="wp-block-paragraph">基本的にはテキストを強調するためのブロックですが、様々な使い方が出来るのでとても便利な機能になっています。</p>



<p class="wp-block-paragraph">コールアウトを使用するには、「<strong>/callout</strong>」で選択することが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">「コールアウト」とは、テキストを強調するためのブロックになります。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_06.jpg" alt="コールアウトの編集" class="wp-image-19032" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_06.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_06-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_06-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_06-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_06-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_06-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_06-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_06-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">枠線で囲まれた部分が「コールアウト」になります。</p>



<p class="wp-block-paragraph">コールアウトの中にはアイコンも含まれていますので、こちらも変更することが出来ます。</p>



<p class="wp-block-paragraph">最初に少し編集していきます。</p>



<p class="wp-block-paragraph">ハンドルをクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_07.jpg" alt="背景色を変更します。" class="wp-image-19033" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_07.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_07-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_07-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_07-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">メニューが表示されますので、「<strong>カラー</strong>」をクリックします。</p>



<p class="wp-block-paragraph">「文字色」と「背景色」を変更することが出来るようになっています。</p>



<p class="wp-block-paragraph">ここでは「背景色」を変更してみます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">「文字色」と「背景色」を同時に変更することは出来ないので注意してください。</p>



<p class="wp-block-paragraph">両方変更したい場合は、最初に「背景色」を変更してから、コールアウト内でテキストを入力します。</p>



<p class="wp-block-paragraph">入力したテキストを選択して、テキスト色を変更するようにしてください。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_08.jpg" alt="コールアウトの背景色が変更されました。" class="wp-image-19034" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_08.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_08-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_08-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_08-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_08-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_08-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_08-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_08-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">背景色を「緑」に変更してみました。</p>



<p class="wp-block-paragraph">次にこのコールアウトの中に、先ほど作成した「リストビュー」を移動させます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_09.jpg" alt="リストビューをコールアウトの中に移動させます。" class="wp-image-19035" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_09.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_09-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_09-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_09-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「リストビュー」のハンドルをドラッグすると「ガイド」が表示されますので、コールアウトの中でドロップします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_10.jpg" alt="コールアウトの中にリストビューが移動しました。" class="wp-image-19036" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_10.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_10-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_10-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_10-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_10-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_10-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_10-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_10-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">コールアウトの中に「リストビュー」を移動することが出来ました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc5">カレンダービューの作成</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_11.jpg" alt="カレンダービューを作成します。" class="wp-image-19039" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_11.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_11-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_11-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_11-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_11-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_11-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_11-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_11-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">コールアウトを作成して、コールアウトの中に「ビジネス・タスク」の「リンクドビュー」を作成します。</p>



<p class="wp-block-paragraph">リンクドビューを「カレンダービュー」に変更します。</p>



<p class="wp-block-paragraph">「プロパティ」には「日付」と「ステータス」を表示するように設定します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_12.jpg" alt="リストビューとカレンダービューを横に並べます。" class="wp-image-19040" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_12.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_12-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_12-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_12-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">カレンダービューのハンドルをドラッグして、リストビューの横に移動させます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc6">Notionカレンダーで開く</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_13.jpg" alt="「カレンダーで開く」をクリックします。" class="wp-image-19041" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_13.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_13-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_13-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_13-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">カレンダービューから「<strong>カレンダーで開く</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_14.jpg" alt="Notionカレンダーに「ビジネス・タスク」が追加されました。" class="wp-image-19042" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_14.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_14-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_14-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_14-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_14-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_14-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_14-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_14-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionカレンダーに「ビジネス・タスク」が追加されました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc7">ステータス・ビューの作成</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_15.jpg" alt="「未着手」のみ表示されるテーブルビューを作成します。" class="wp-image-19045" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_15.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_15-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_15-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_15-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">リストビューの下に、テーブルビューを作成します。</p>



<p class="wp-block-paragraph">フィルターを使って「未着手」のタスクのみ表示させるようにしてください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_17.jpg" alt="「完了」のみ表示されるテーブルビューを作成します。" class="wp-image-19047" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_17.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_17-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_17-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_17-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">同様に、「完了」したタスクのみ表示されるテーブルビューを作成します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_18.jpg" alt="" class="wp-image-19049" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_18.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_18-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_18-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_18-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_18-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_18-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_18-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_18-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「未着手」と「完了」のテーブルビューを、タイムラインビュー、またはカレンダービューにして、「カレンダーで開く」をクリックします。</p>



<p class="wp-block-paragraph">Notionカレンダーとの連携が完了したら、テーブルビューに戻しておきます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_19.jpg" alt="Notionカレンダーにページが反映されました。" class="wp-image-19051" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_19.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_19-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_19-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_19-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_19-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_19-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_19-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_19-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionカレンダーに「未着手」と「完了」が表示されたのを確認してください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc8">プライベート・タスクの作成</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_20.jpg" alt="プライベート・タスク用の画面を作成します。" class="wp-image-19052" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_20.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_20-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_20-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_20-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">ビジネスタスクと同様に「リストビュー」、「テーブルビュー」、「カレンダービュー」を作成します。</p>



<p class="wp-block-paragraph">リストビューでアイコンをプライベート・タスク用に設定しておいてください。</p>



<p class="wp-block-paragraph">コールアウトの背景色も分かりやすいようにビジネスタスクと違う色を使うようにしましょう。</p>



<p class="wp-block-paragraph">「未着手」と「完了」のステータス色も違う色に設定しておいてください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_21.jpg" alt="Notionカレンダーにビジネスタスクとプライベート・タスクのデータが表示されるようになりました。" class="wp-image-19053" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_21.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_21-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_21-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_21-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_21-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_21-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_21-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_21-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionカレンダーでこのように表示されていれば、事前準備は完了です。</p>



<p class="wp-block-paragraph">後はNotion本体と、Notionカレンダーを使ってタスクを管理していきます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc9">タスクページの使い方</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc10">タスクの日付を決める</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_22.jpg" alt="タスクをカレンダービューにドラッグアンドドロップして日付を決定します" class="wp-image-19054" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_22.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_22-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_22-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_22-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">ビジネスタスクから見ていきましょう。</p>



<p class="wp-block-paragraph">リストビューにあるタスクをカレンダービューにドラッグアンドドロップして日にちを決定します。</p>



<p class="wp-block-paragraph">日にちが決まったことで、下にある「未着手」のテーブルにも日付が表示されています。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">しかしここで気になるのが、リストビューからカレンダービューにタスクを移動してもリストビューにはタスクがそのまま残っていることです。</p>



<p class="wp-block-paragraph">この状態だと、タスクの日付が確定したのかどうかが一目では分かりにくい状態になっています。</p>



<p class="wp-block-paragraph">この状態を解消していきましょう。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc11">リストビューのタスクを日付のフィルターを使って非表示にする</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_23.jpg" alt="日付のフィルターを設定します。" class="wp-image-19057" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_23.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_23-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_23-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_23-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_23-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_23-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_23-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_23-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">リストビューに「<strong>日付</strong>」のフィルターを追加します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_24.jpg" alt="「未入力」を選択します。" class="wp-image-19058" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_24.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_24-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_24-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_24-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「日付」のフィルターをクリックすると、カレンダーが表示されます。</p>



<p class="wp-block-paragraph">カレンダー内の一番上の場所に、「今日と相対日付」と書かれた場所がありますので、こちらをクリックします。</p>



<p class="wp-block-paragraph">メニューが表示されますので、まだ日付が表示されてない状態を考えて「<strong>未入力</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_25.jpg" alt="リストビューにフィルターが設定されました。" class="wp-image-19059" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_25.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_25-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_25-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_25-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_25-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_25-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_25-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_25-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">リストビューに「ビジタスク６」のみが表示されるようになりました。</p>



<p class="wp-block-paragraph">これは「ビジタスク６」だけがカレンダービューにドラッグアンドドロップしていないので、日付が確定していないために表示されています。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc12">ステータスビューに日付のフィルターを設定する</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_26.jpg" alt="「未着手」のビューにフィルターを追加します。" class="wp-image-19060" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_26.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_26-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_26-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_26-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">先ほどの手順でリストビューには日付が指定されていないタスクだけが表示されるようになりました。</p>



<p class="wp-block-paragraph">しかし「未着手」のテーブルには日付が未入力の「ビジタスク６」が表示されたままになっています。</p>



<p class="wp-block-paragraph">このままだと、少し分かりにくいので、「未着手」のビューでは日付が設定されたものだけ表示されるようにしてみましょう。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「未着手」のビューにはすでに「ステータス」のフィルターが設定されていますので、新たにフィルターを追加します。</p>



<p class="wp-block-paragraph">「<strong>フィルターを追加</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_27.jpg" alt="「未入力ではない」を選択します。" class="wp-image-19061" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_27.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_27-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_27-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_27-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">日付のフィルターを追加したら、「<strong>未入力ではない</strong>」を選択します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_28.jpg" alt="フィルターが適用されました。" class="wp-image-19062" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_28.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_28-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_28-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_28-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">これで日付の決まっていない未着手のタスクは「リストビュー」に、日付の決まっているタスクは「未着手のビュー」に表示されるようになりました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc13">完了ビューに日付のフィルターを設定する</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_34.jpg" alt="完了ビューに日付のフィルターを設定します。" class="wp-image-19070" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_34.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_34-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_34-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_34-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_34-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_34-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_34-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_34-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">完了ビューにも日付のフィルターを設定しておきましょう。</p>



<p class="wp-block-paragraph">ここでは「週」を選択していますが、期間は好みで設定してください。</p>



<p class="wp-block-paragraph">この設定をしておかないと、完了ビューに鑑賞したタスクが常に表示されるようになってしまいますので忘れずに設定しておきましょう。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc14">タイトルの非表示</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_29.jpg" alt="タイトルを非表示します。" class="wp-image-19063" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_29.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_29-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_29-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_29-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">この辺りは好みになると思いますが、リンクドビューで作成したデータのタイトルは非表示にした方がより見やすくなると思います。</p>



<p class="wp-block-paragraph">タイトルの右にある3点リーダーを右クリックして、「<strong>タイトルを非表示</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_30.jpg" alt="ビジネスタスクの画面が完成しました。" class="wp-image-19064" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_30.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_30-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_30-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_30-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「ビジネスタスク」の画面が完了しました。</p>



<p class="wp-block-paragraph">細かい部分は好みに合わせて変更してください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_31.jpg" alt="プライベートタスクの完了画面" class="wp-image-19065" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_31.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_31-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_31-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_31-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">ここまでの手順を「プライベートタスク」でも実施しておいてください</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc15">Notionカレンダーでタスク管理</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc16">タスクの確認</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_32.jpg" alt="Notionカレンダーにタスクが表示されました。" class="wp-image-19068" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_32.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_32-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_32-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_32-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionカレンダーに、「ビジネスタスク」と「プライベートタスク」の両方が表示されました。</p>



<p class="wp-block-paragraph">どちらも時間指定をしていないので、終日セクションの欄に表示されています。</p>



<p class="wp-block-paragraph">この後の操作は以前の記事で詳しくご紹介させて頂いていますので、簡単に説明していきます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc17">時間指定</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_33.jpg" alt="タスクの時間を指定します。" class="wp-image-19069" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_33.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_33-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_33-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_33-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">それぞれのタスクに時間を指定しました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc18">ステータスの設定</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_35.jpg" alt="タスクにステータスを設定します。" class="wp-image-19071" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_35.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_35-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_35-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_35-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">タスクが終了したら、ステータスを「完了」に変更しておきましょう。</p>



<p class="wp-block-paragraph">ビジネスタスクとプライベートタスクに使用している色は2色ずつなので、視覚的にも分かりやすいと思います。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_36.jpg" alt="ステータスを操作します。" class="wp-image-19074" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_36.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_36-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_36-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_36-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">ステータスの操作はNotionカレンダー、Notion本体のどちらから行っても構いませんがNotion本体で操作した方がきちんと反映されます。</p>



<p class="wp-block-paragraph">なお、繰り返しの説明になりますが、どちらも反映されるまでにタイムラグがありますので注意してください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc19">タスクの追加</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_37.jpg" alt="Notionカレンダーからタスクを追加します。" class="wp-image-19075" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_37.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_37-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_37-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_37-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">タスクを追加する方法は2つあります。</p>



<p class="wp-block-paragraph">Notionカレンダーから追加する方法と、Notion本体から追加する方法です。</p>



<p class="wp-block-paragraph">どちらでも良いのですが、それぞれ長所と短所があります。</p>



<p class="wp-block-paragraph">画像のようにNotionカレンダーからタスクを追加するとカレンダーを見ながら時間を選べるので、視覚的な分かりやすさがあります。</p>



<p class="wp-block-paragraph">ただNotionカレンダーからはアイコンの設定が出来ないので、Notion本体でアイコンを追加する必要があります。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_38.jpg" alt="Notion本体からタスクを追加します。" class="wp-image-19078" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_38.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_38-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_38-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_38-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notion本体からタスクを追加する場合は、操作としては大きな問題はありません。</p>



<p class="wp-block-paragraph">Notionカレンダーを見ている場合は、一度Notion本体に戻らなければならないということだけが手間と言えば手間かもしれません。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc20">Notionカレンダーの便利な使い方</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc21">数字を使った表示の切り替え</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_39.jpg" alt="１を押すと1日のスケジュールを表示することが出来ます。" class="wp-image-19079" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_39.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_39-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_39-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_39-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionには沢山のショートカットキーがありますが、Notionカレンダーを使用する際は、最低限覚えておくと便利なショートカットキーが幾つかあります。</p>



<p class="wp-block-paragraph">まずは「数字」を使った表示の切り替えです。</p>



<p class="wp-block-paragraph">画像では1日のスケジュールが表示されていますが、これを表示させるには数字の「１」を押すだけで変更することが可能です。</p>



<p class="wp-block-paragraph">同様に、2日分のスケジュールを表示したい場合は「２」を、3日分のスケジュールを表示したい場合は「３」を押します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_40.jpg" alt="9日分のスケジュールが最大になります。" class="wp-image-19080" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_40.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_40-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_40-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_40-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">最大は9日分で、「９」を押すと表示させることが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc22">アルファベットを使った表示の切り替え</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_39.jpg" alt="Dを押すと1日のスケジュールを表示することが出来ます。" class="wp-image-19079" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_39.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_39-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_39-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_39-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">先ほどは「１」を押して1日のスケジュールを表示させましたが、アルファベットの「D」を押しても同様の表示をさせることが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_41.jpg" alt="Wを押して1週間分のスケジュールを表示させます。" class="wp-image-19081" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_41.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_41-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_41-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_41-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「W」を押すと1週間分のスケジュールを表示させることが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_42.jpg" alt="Mを押して1ヶ月分のスケジュールを表示させます。" class="wp-image-19082" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_42.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_42-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_42-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_42-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「M」を押すと1ヶ月分のスケジュールを表示させることが出来ます。</p>



<p class="wp-block-paragraph">すでにお気づきだと思いますが、「D」は「Day」、「W」は「Weekly」、「M」は「Month」を意味しています。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc23">空き予定を共有</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_43.jpg" alt="秋予定を共有をクリックします。" class="wp-image-19085" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_43.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_43-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_43-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_43-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionカレンダーの機能の中でもお勧めしたいものの一つが「<strong>空き予定を共有</strong>」する機能です。</p>



<p class="wp-block-paragraph">どのようなものなのか早速見ていきましょう。</p>



<p class="wp-block-paragraph">画面右側にある「<strong>空き予定を共有</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_44.jpg" alt="選択可能な場所が網掛けに変わりました。" class="wp-image-19086" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_44.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_44-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_44-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_44-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">予定が入っている場所以外がすべて網掛けに変わりました。</p>



<p class="wp-block-paragraph">ポインターも横向きのラインに変わりますので、新しいスケジュールを入れても良い場所を選択します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_45.jpg" alt="選択した部分が白くなり、その時間帯が確保されます。" class="wp-image-19087" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_45.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_45-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_45-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_45-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">赤い枠線で囲った部分を選択してみました。</p>



<p class="wp-block-paragraph">選択した部分は白い枠に変更されています。</p>



<p class="wp-block-paragraph">（この時間はブロックされた状態になります。）</p>



<p class="wp-block-paragraph">選択した場所は画面右側に表示されています。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_46.jpg" alt="確保した時間の削除方法" class="wp-image-19088" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_46.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_46-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_46-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_46-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_46-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_46-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_46-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_46-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">選択した予定をキャンセルするには、画面右側にある選択した時間の右側にある3点リーダーをクリックします。</p>



<p class="wp-block-paragraph">「確保を削除」と表示されますので、「削除」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_47.jpg" alt="「作成」ボタンをクリックします。" class="wp-image-19091" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_47.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_47-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_47-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_47-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_47-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_47-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_47-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_47-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">空き時間を確保出来たら、共有していきます。</p>



<p class="wp-block-paragraph">画面右側にある「作成」ボタンをクリックします。</p>



<p class="wp-block-paragraph">すると記載されているリンクがコピーされますので、共有したい相手に送ることが出来るようになります。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">なお、メッセージに「以下の時間枠（すべてJST）のうち、30分 ご都合のつく日はありますか？」と記載されています。</p>



<p class="wp-block-paragraph">必要な時間が「30分」と記載されていますが、この時間は下の矢印の所にある「30分」という場所をクリックすれば、15分単位で1時間まで、あるいは確保した時間のすべてを指定することが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_48.jpg" alt="空き時間リクエスト画面" class="wp-image-19092" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_48.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_48-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_48-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_48-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_48-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_48-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_48-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_48-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">リンクを受け取った相手にはこのような画面が表示されます。</p>



<p class="wp-block-paragraph">右側に選択できる時間が表示されますので、都合の良い時間を選択します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_49.jpg" alt="メールアドレスを入力します。" class="wp-image-19093" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_49.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_49-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_49-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_49-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_49-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_49-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_49-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_49-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">時間を選択すると、メールアドレスの入力画面が表示されますので、アドレスを入力します。</p>



<p class="wp-block-paragraph">最後に「ミーティングを設定」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_50.jpg" alt="Notionカレンダーにミーティングが設定されました。" class="wp-image-19094" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_50.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_50-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_50-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_50-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionカレンダーにミーティングが設定されました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_51.jpg" alt="ミーティングの詳細" class="wp-image-19095" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_51.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_51-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_51-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_51-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_51-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_51-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_51-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_51-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">ミーティングを選択すると詳細を確認することが出来ます。</p>



<p class="wp-block-paragraph">何気なく紹介しましたが、<span class="marker-under-red">「日程調整」には最強のツールの一つだと思います。</span></p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc24">Shiftキーを使ってタスクを複数選択する</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_52.jpg" alt="複数のタスクをまとめて選択します。" class="wp-image-19098" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_52.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_52-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_52-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_52-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">単純ですが、利用頻度の高い使い方の一つが、<span class="keyboard-key"><span class="bold-green">Shift</span></span>キーを押しながら複数のタスクを選択する機能です。</p>



<p class="wp-block-paragraph">画像では「ビジタスク１」と「ビジタスク２」と「ビジタスク３」の３つをまとめて選択しています。</p>



<p class="wp-block-paragraph">手順はとても簡単で、<span class="keyboard-key"><span class="bold-green">Shift</span></span>キーを押しながら３つのタスクを囲むだけで選択することが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_53.jpg" alt="複数のタスクをまとめて選択します。" class="wp-image-19099" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_53.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_53-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_53-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_53-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">また複数の離れた場所にあるタスクを選択する場合は、<span class="keyboard-key"><span class="bold-green">Shift</span></span>キーを押しながら一つ一つのタスクをクリックしていきます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc25">Altキーを使ってタスクを複製する</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_54.jpg" alt="Altキーを使ってタスクを複製します。" class="wp-image-19100" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_54.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_54-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_54-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_54-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><span class="bold-green"><span class="keyboard-key">Alt</span></span>キーを使うと簡単にタスクを複製することが出来ます。</p>



<p class="wp-block-paragraph">ここでは「ビジタスク１」を複製する場合、<span class="bold-green"><span class="keyboard-key">Alt</span></span>キーを押しながら「ビジタスク１」をドラッグするとコピーが作成され、好きな場所に設定させることが出来ます。</p>



<p class="wp-block-paragraph">一度で終わるはずのタスクが複数回必要になったときなどに活躍する便利な機能です。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_55.jpg" alt="アイコンは複製されません。" class="wp-image-19101" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_55.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_55-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_55-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_55-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">但し、複製したタスクにはアイコンは複製されませんので、注意してください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc26">Notion本体にNotionカレンダーを埋め込む</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_56.jpg" alt="Notion本体にNotionカレンダーを埋め込みます。" class="wp-image-19106" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_56.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_56-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_56-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_56-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notion本体にNotionカレンダーを埋め込むことが出来ます。</p>



<p class="wp-block-paragraph">方法はとても簡単で、「https://calendar.notion.so」を新しい行に埋め込みます。</p>



<p class="wp-block-paragraph">URLを入力すると貼り付け方法が表示されますので、「埋め込み」を選択します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_57.jpg" alt="Notionカレンダーが埋め込まれました。" class="wp-image-19107" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_57.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_57-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_57-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_57-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionカレンダーが埋め込まれました。</p>



<p class="wp-block-paragraph">このままだと画面が見にくいので、幅や高さを調節してください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_58.jpg" alt="" class="wp-image-19108" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_58.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_58-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_58-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_58-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_58-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_58-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_58-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/buisiness_private_58-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">カレンダーの表示方法を調整するとこのように見やすくなります。</p>



<p class="wp-block-paragraph">ただ、画面サイズによっては見えにくい場合もありますので、埋め込む際は注意してください。</p>



<p class="wp-block-paragraph">カレンダーのサイズの調整などは記事の下にある「その他の機能」で紹介している、<span class="bold-green"><span class="keyboard-key">Ctrl </span></span>+ <span class="bold-green"><span class="keyboard-key">Shift </span></span>+ <span class="bold-green"><span class="keyboard-key">. </span></span>　と</p>



<p class="wp-block-paragraph"><span class="bold-green"><span class="keyboard-key">Ctrl </span></span>+ <span class="bold-green"><span class="keyboard-key">Shift </span></span>+ <span class="bold-green"><span class="keyboard-key">, </span></span>　を使って調整することが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">埋め込んだNotionカレンダーでは、今まで説明したほとんどの機能を実行することが可能です。</p>



<p class="wp-block-paragraph">但し、同じページ内にあるタスクをドラッグアンドドロップで移動させることは出来ませんので注意してください。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc27">その他の便利な機能</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list">
<li><span class="green"><span class="bold-green"><span class="keyboard-key">Shift</span></span></span>キー + マウスホイールでカレンダーを横にスクロールすることが出来ます。</li>



<li><span class="bold-green"><span class="keyboard-key">Ctrl </span></span>+ <span class="bold-green"><span class="keyboard-key">Shift </span></span>+ <span class="bold-green"><span class="keyboard-key">. </span></span>を押すと時間の幅を広くすることが出来ます。</li>



<li><span class="bold-green"><span class="keyboard-key">Ctrl </span></span>+ <span class="bold-green"><span class="keyboard-key">Shift </span></span>+ <span class="bold-green"><span class="keyboard-key">, </span></span>を押すと時間の幅を狭くすることが出来ます。</li>
</ul>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><div class="ad-area no-icon ad-shortcode ad-auto ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-8583693483124941"
  data-ad-slot="8969726240"
  data-ad-format="auto"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>
</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc28">まとめ</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">沢山の機能についてご紹介させて頂きましたが、すべてを利用する必要もなく、また覚える必要もありません。</p>



<p class="wp-block-paragraph">実際にNotionカレンダーを使いながら、自分で必要な機能だけを取り入れるようにしてください。</p>



<p class="wp-block-paragraph">私も良くやってしまうのですが、これも便利、あれも便利と沢山の機能を追加してしまうと、かえって使いづらいNotionカレンダーになってしまいます。</p>



<p class="wp-block-paragraph">目的はカレンダー機能を有効に使うことになると思いますので、なるべく少ない機能で自分に合ったカレンダーを作成してください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">今回も最後までお読みいただきありがとうございました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://aftercovid20.com/notion-task-monthly/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Notionカレンダーでタスク管理をレベルアップ！会議・打ち合わせ管理にも最適</title>
		<link>https://aftercovid20.com/notion-calendar-task/</link>
					<comments>https://aftercovid20.com/notion-calendar-task/#respond</comments>
		
		<dc:creator><![CDATA[JIRO]]></dc:creator>
		<pubDate>Mon, 09 Sep 2024 05:45:25 +0000</pubDate>
				<category><![CDATA[Notion]]></category>
		<guid isPermaLink="false">https://aftercovid20.com/?p=18948</guid>

					<description><![CDATA[Notionカレンダーを使いこなすには、少し時間がかかります。 そこで今回は、「タスク管理」に焦点を当てて見ていきましょう。 会議や打ち合わせのスケジュール管理に苦労している方には、お勧めの使い方になります。 Notio [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionカレンダーを使いこなすには、少し時間がかかります。</p>



<p class="wp-block-paragraph">そこで今回は、「<strong>タスク管理</strong>」に焦点を当てて見ていきましょう。</p>



<p class="wp-block-paragraph">会議や打ち合わせのスケジュール管理に苦労している方には、お勧めの使い方になります。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionカレンダーでタスク管理を行うメリットは数多くあるのですが、代表的なものは以下になります。</p>



<ul class="wp-block-list">
<li>日程の柔軟な変更：ドラッグアンドドロップで簡単に日程調整が出来ます。</li>



<li>視覚効果：タスクを日付や時間ごとに表示出来たり、ステータスごとに分類、整理出来たりします。</li>



<li>リアルタイム効果：Notionカレンダーで編集したことが即座にNotion本体に反映されます。</li>
</ul>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">今回は代表的なメリットを網羅した、基本的な<strong>タスク管理の仕方</strong>についてご紹介させて頂きます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc1">新規ページの作成</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_01.jpg" alt="新規ページを作成して「タイムライン」ビューに変更します。" class="wp-image-18959" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_01.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_01-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_01-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_01-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">新規ページを作成します。</p>



<p class="wp-block-paragraph">データベースを作成して、レイアウトを「<strong>タイムライン</strong>」に変更します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">Notionカレンダーと連携出来るのは、「<strong>タイムラインビュー</strong>」と「<strong>カレンダービュー</strong>」になります。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc2">Notionカレンダーと連携</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_02.jpg" alt="「カレンダーで開く」をクリックします。" class="wp-image-18960" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_02.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_02-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_02-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_02-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_02-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_02-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_02-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_02-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">タイムラインビューが表示されたら、「<strong>カレンダーで開く</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_03.jpg" alt="Notionカレンダーに新規ページが表示されました。" class="wp-image-18961" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_03.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_03-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_03-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_03-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_03-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_03-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_03-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_03-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionカレンダーのサイドバーに先ほど作成した新規ページ「タスク管理」が表示されたら、連携は完了です。</p>



<p class="wp-block-paragraph">目のアイコンをオンにするのを忘れないでください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc3">タスクの作成</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc4">Notion本体で作成</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_04.jpg" alt="タイムラインビューにタスクを作成します。" class="wp-image-18962" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_04.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_04-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_04-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_04-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_04-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_04-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_04-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_04-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notion本体で「タスク」を作成してみましょう。</p>



<p class="wp-block-paragraph">タイムライン上にマウスを移動すると、ポインターがプラスの形に変わりますので、指定したい時間の場所でクリックします。</p>



<p class="wp-block-paragraph">ボックスが表示されますので、適当な名前を入力してください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_05.jpg" alt="Notionカレンダーにデータが反映されました。" class="wp-image-18963" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_05.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_05-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_05-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_05-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_05-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_05-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_05-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_05-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">NotionカレンダーにもNotion本体で作成した「タスクA」が反映されています。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc5">Notionカレンダーで作成</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_06.jpg" alt="Notionカレンダーでタスクを作成します。" class="wp-image-18964" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_06.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_06-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_06-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_06-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_06-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_06-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_06-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_06-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionカレンダーからタスクを作成してみます。</p>



<p class="wp-block-paragraph">タスクを作成したい場所でダブルクリックします。</p>



<p class="wp-block-paragraph">右側に編集画面が表示されますので、名前を付けます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_07.jpg" alt="" class="wp-image-18968" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_07.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_07-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_07-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_07-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_07-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_07-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_07-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_07-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notion本体にも「タスクB」が追加されました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc6">リンクドビューの作成</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_08.jpg" alt="「データベースのリンクドビュー」をクリックします。" class="wp-image-18970" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_08.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_08-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_08-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_08-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_08-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_08-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_08-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_08-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">タスクの作成方法が理解出来たら、どのようにタスクを管理するか見ていきましょう。</p>



<p class="wp-block-paragraph">タスクを管理する方法には、様々なやり方があるのですが、ここでは「<strong>リンクドビュー（Linked view）</strong>」を使った方法についてご紹介させて頂きます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">「<strong>リンクドビュー</strong>」とは既存のデータベースを別のページで異なる視点から表示することの出来る機能です。</p>



<p class="wp-block-paragraph">ここでは、同じタスクをNotionカレンダーで表示し、フィルタを使って、特定の条件に基づくタスクを表示させます。（詳しくはこれ以降記事をご参照ください。）</p>



<p class="wp-block-paragraph">これにより、既存のデータベースの再利用とカスタマイズが可能になります。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">まずは新しい行に「<strong>/Linkedview</strong>」と入力して「<strong>データベースのリンクドビュー</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_09.jpg" alt="既存のデータベースから選択します。" class="wp-image-18971" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_09.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_09-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_09-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_09-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「新規ビュー」と表示されますので、「既存のデータベースをリンク」から先ほど作成した「<strong>タスク管理</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_10.jpg" alt="リンクドビューが作成されました。" class="wp-image-18972" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_10.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_10-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_10-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_10-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">最初の「タスク管理」と同じデータベースが作成されました。</p>



<p class="wp-block-paragraph">既存のデータベースである最初に作成した「タスク管理」との違いは、<span class="marker-under-red">2番目の「タスク管理」にはタイトルの前に斜め上向きの矢印</span>が付いています。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「リンクドビュー」が作成されましたが、「リンクドビュー」を作成しただけではNotionカレンダーに反映されませんので注意してください。</p>



<p class="wp-block-paragraph">忘れずに右側の「<strong>カレンダーで開く</strong>」をクリックしましょう。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_11.jpg" alt="Notionカレンダーにリンクドビューが反映されました。" class="wp-image-18973" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_11.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_11-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_11-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_11-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_11-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_11-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_11-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_11-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">無事にNotionカレンダーに反映されました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_12.jpg" alt="リンクドビューを3つ作成します。" class="wp-image-18976" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_12.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_12-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_12-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_12-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">今までと同じ手順で、あと３つ、合計４つのリンクドビューを作成します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_19.jpg" alt="Notionカレンダーに4つのリンクドビューが反映されています。" class="wp-image-18983" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_19.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_19-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_19-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_19-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionカレンダーにも4つのリンクドビューが反映されています。</p>



<p class="wp-block-paragraph">反映されていない方は、「カレンダーで開く」をクリックしたか確認してください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc7">ステータスの設定</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_14.jpg" alt="各リンクドビューに「ステータス」プロパティを追加します。" class="wp-image-18978" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_14.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_14-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_14-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_14-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_14-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_14-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_14-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_14-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">続いて、各リンクドビューに「<strong>ステータス</strong>」プロパティを追加します。</p>



<p class="wp-block-paragraph">右上の3点リーダーをクリックして、「<strong>プロパティ</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_15.jpg" alt="「新しいプロパティ」から「ステータス」をクリックします。" class="wp-image-18979" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_15.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_15-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_15-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_15-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「新しいプロパティ」から「<strong>ステータス</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_16.jpg" alt="ステータスを編集します。" class="wp-image-18980" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_16.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_16-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_16-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_16-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">カラーやテキストは必要に応じて変更してください。</p>



<p class="wp-block-paragraph">各ステータスの名前の部分をクリックすると変更することが可能です。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_20.jpg" alt="ステータスを追加します。" class="wp-image-18984" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_20.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_20-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_20-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_20-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_20-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_20-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_20-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_20-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">ここでは、「未着手」、「進行中」、「完了」の3つのステータスに加えて、「依頼中」を追加しました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc8">フィルターの設定</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_17.jpg" alt="フィルターの設定をします。" class="wp-image-18982" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_17.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_17-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_17-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_17-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_17-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_17-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_17-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_17-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">すべてのリンクドビューにステータスを設定したら、ステータスにフィルターを設定します。</p>



<p class="wp-block-paragraph">画面右上のフィルターアイコンをクリックして、「ステータス」を選択します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_21.jpg" alt="フィルターのステータスを選択します。" class="wp-image-18985" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_21.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_21-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_21-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_21-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_21-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_21-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_21-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_21-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「未着手」、「依頼中」、「進行中」、「完了」のステータスが表示されますので、1番目のリンクドビューに「未着手」のみを表示させるように、チェックを入れます。</p>



<p class="wp-block-paragraph">2番目のリンクドビューには「依頼中」を、3番目のリンクドビューには「進行中」を、4番目のリンクドビューには「完了」にチェックを入れてください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_22.jpg" alt="タスクが反映されています。" class="wp-image-18986" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_22.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_22-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_22-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_22-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">現在設定されているタスクは、「タスクA」と「タスクB」のみになりますので、「未着手」のみ表示させるようにした最初のタイムラインビューのみに表示されています。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc9">表示名の変更</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_23.jpg" alt="Notionカレンダーの表示名を変更します。" class="wp-image-18987" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_23.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_23-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_23-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_23-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_23-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_23-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_23-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_23-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">フィルターの設定は完了しましたが、Notionカレンダーのサイドバーの名前がすべて「タスク管理」になっています。</p>



<p class="wp-block-paragraph">これだと分かりにくいので、表示する名前を変更していきましょう。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_24.jpg" alt="表示名を変更します。" class="wp-image-18989" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_24.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_24-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_24-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_24-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_24-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_24-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_24-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_24-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">リンクドビューとして作成した「タスク管理」の脇にある3点リーダーを右クリックします。</p>



<p class="wp-block-paragraph">メニューが表示されますので、「<strong>名前の変更</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_25.jpg" alt="フィルターの設定で選択したステータスを名前として入力します。" class="wp-image-18991" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_25.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_25-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_25-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_25-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_25-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_25-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_25-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_25-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">フィルターの設定で選択したステータスを名前として入力します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_26.jpg" alt="Notionカレンダーの表示名が変更されました。" class="wp-image-18992" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_26.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_26-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_26-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_26-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionカレンダーのサイドバーに表示されている名前が「タスク管理」から「未着手」に変更されています。</p>



<p class="wp-block-paragraph">同様の手順ですべてのリンクドビューの表示名を変更します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_27.jpg" alt="Notionカレンダーの表示名がすべて変更されました。" class="wp-image-18993" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_27.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_27-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_27-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_27-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">すべてのリンクドビューの表示名が変更されました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc10">表示名の色の変更</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_28.jpg" alt="表示名の色を変更します。" class="wp-image-18994" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_28.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_28-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_28-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_28-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_28-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_28-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_28-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_28-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notion本体で設定したステータスのカラーとNotionカレンダーに表示されている表示名のカラーが相違しています。</p>



<p class="wp-block-paragraph">色は揃えた方が分かりやすいと思いますので、Notionカレンダーの方でカラーを変更します。</p>



<p class="wp-block-paragraph">特に気にならない方は変更する必要はありませんし、Notionカレンダー専用の色に変更しても問題ありません。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_29.jpg" alt="表示名の色が変更されました。" class="wp-image-18995" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_29.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_29-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_29-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_29-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_29-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_29-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_29-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_29-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionカレンダーの表示名の色の変更は、色の上で右クリックすると色の候補が表示されますので、好みの色を選択してください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc11">ステータスごとに表示させる</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_30.jpg" alt="Notionカレンダー" class="wp-image-18996" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_30.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_30-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_30-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_30-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_30-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_30-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_30-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_30-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">ここまでの手順が問題なく出来ていれば、Notionカレンダーにはこのように表示されていると思います。</p>



<p class="wp-block-paragraph">現在設定しているタスクは、「タスクA」と「タスクB」の2つであり、どちらも「未着手」の状態なので、カレンダー上には未着手のタスクだけが表示されています。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">Notion本体で操作しても、Notionカレンダーに表示されるまでにタイムラグがあります。</p>



<p class="wp-block-paragraph">すぐに反映されないときは、しばらく待ってからNotionカレンダーを再読み込みしてください。</p>



<p class="wp-block-paragraph">再読み込みにはショートカットキー、<span class="keyboard-key"><span class="bold-green">Ctrl </span></span>+ <span class="bold-green"><span class="keyboard-key">R</span></span> を使うのが便利です。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">今回使用した元のデータベースである「タスク管理」は表示させる必要がありませんので、非表示にしてください。</p>



<p class="wp-block-paragraph">サイドバーに表示してあるのが邪魔な場合は、Notionカレンダーのサイドバーから削除しても構いません。</p>



<p class="wp-block-paragraph">Notionカレンダーのサイドバーから削除してもNotion本体からは削除されませんので、ご安心ください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc12">ボードビューの作成</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_31.jpg" alt="ボードビューを作成します。" class="wp-image-18999" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_31.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_31-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_31-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_31-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">新たにリンクドビューを作成してビューを「ボードビュー」で表示させます。</p>



<p class="wp-block-paragraph">「列の背景色」をオンにしておくと、ボードビューがより見やすくなるかもしれません。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_32.jpg" alt="プロパティから日付を表示させます。" class="wp-image-19000" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_32.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_32-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_32-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_32-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_32-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_32-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_32-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_32-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">プロパティから「<strong>日付</strong>」も表示させておきましょう。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc13">タスクの作成</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_33.jpg" alt="Notionカレンダーで新しいタスクを作成します。" class="wp-image-19001" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_33.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_33-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_33-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_33-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionカレンダーで新しいタスクを作成します。</p>



<p class="wp-block-paragraph">ステータスは何でも良いのですが、とりあえず「未着手」で設定します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_34.jpg" alt="Notion本体にタスクが表示されました。" class="wp-image-19002" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_34.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_34-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_34-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_34-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_34-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_34-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_34-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_34-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notion本体にもNotionカレンダーで作成したタスクが表示されているのを確認してください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_35.jpg" alt="" class="wp-image-19003" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_35.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_35-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_35-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_35-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_35-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_35-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_35-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_35-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">なおタスクは作成した順に上から並んでいます。</p>



<p class="wp-block-paragraph">並びを変えたい場合は、「<strong>並び替え</strong>」から「<strong>日付</strong>」を選択します。</p>



<p class="wp-block-paragraph">並び替えの詳細が表示されますので、「<strong>昇順</strong>」を選択してください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc14">タスクのステータスを変更する</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_36.jpg" alt="タスクを移動させます。" class="wp-image-19004" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_36.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_36-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_36-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_36-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_36-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_36-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_36-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_36-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">タスクのステータスを変更します。</p>



<p class="wp-block-paragraph">先ほどまではすべてのタスクが「未着手」に入っていましたが、ドラッグアンドドロップでそれぞれのステータスに移動させてみます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_37.jpg" alt="Notionカレンダー" class="wp-image-19006" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_37.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_37-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_37-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_37-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionカレンダーをみてみましょう。</p>



<p class="wp-block-paragraph">先ほども説明しましたが、Notionカレンダーに反映されるまでタイムラグがあります。</p>



<p class="wp-block-paragraph">移動したタスクは、それぞれのステータスに移動しているのですが、表示色が「未着手」のままになっています。</p>



<p class="wp-block-paragraph">少しもどかしいですが、2024年の時点ではこの仕様がデフォルトになっています。</p>



<p class="wp-block-paragraph">しばらくしてからNotionカレンダーを更新してください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_38.jpg" alt="タスクの移動がNotionカレンダーに反映されました。" class="wp-image-19009" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_38.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_38-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_38-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_38-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_38-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_38-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_38-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_task_38-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">数分するとこのようにステータスごとに色分けされたタスクが表示されるようになります。</p>



<p class="wp-block-paragraph">すでにご存じだと思いますが、Notionカレンダーからもタスクの時間やステータスの変更をすることも出来ます。</p>



<p class="wp-block-paragraph">詳しい使い方については、以下の記事をご参照ください。</p>



<ul class="wp-block-list">
<li><a href="https://aftercovid20.com/notion-calendar/" target="_blank">Notion カレンダー 基本的な使い方 日程の変更とイベントの作成</a></li>
</ul>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><div class="ad-area no-icon ad-shortcode ad-auto ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-8583693483124941"
  data-ad-slot="8969726240"
  data-ad-format="auto"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>
</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc15">まとめ</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">リンクドビューを使用したタスク管理についてご紹介させて頂きました。</p>



<p class="wp-block-paragraph">ステータスごとの分類はとても分かりやすいと思いますが、最初は慣れるまで少し時間がかかるかもしれません。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">今回は1日のタスク管理に焦点を当ててご説明させて頂きましたが、他の期間でも同じような方法でタスク管理をすることも出来ます。</p>



<p class="wp-block-paragraph">次回は、月のタスク管理を複数のリンクドビューを使って行う方法についてご紹介させて頂きます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">今回も最後までお読みいただきありがとうございました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://aftercovid20.com/notion-calendar-task/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Notionカレンダー完全ガイド：Googleカレンダー連携からイベント作成まで徹底解説</title>
		<link>https://aftercovid20.com/notion-calendar/</link>
					<comments>https://aftercovid20.com/notion-calendar/#respond</comments>
		
		<dc:creator><![CDATA[JIRO]]></dc:creator>
		<pubDate>Sat, 07 Sep 2024 08:24:25 +0000</pubDate>
				<category><![CDATA[Notion]]></category>
		<guid isPermaLink="false">https://aftercovid20.com/?p=18879</guid>

					<description><![CDATA[今回は「Notionカレンダー」についてご紹介させて頂きます。 「Notion」と名前が付くのでNotion本体に組み込まれた機能のように思われますが、実際はカレンダー機能のアプリとなります。 評判の良いアプリなので様々 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">今回は「<strong>Notionカレンダー</strong>」についてご紹介させて頂きます。</p>



<p class="wp-block-paragraph">「Notion」と名前が付くのでNotion本体に組み込まれた機能のように思われますが、実際はカレンダー機能のアプリとなります。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">評判の良いアプリなので様々な機能があるのですが、主なポイントを挙げると以下になります。</p>



<ul class="wp-block-list">
<li>Notion本体と連携出来る</li>



<li>複数のデータベースの予定を表示出来る</li>



<li>Notion本体に新規ページを作成することが出来る</li>



<li>カレンダー上で日程の変更が出来る</li>



<li>Googleカレンダーと同期出来る</li>
</ul>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">様々な媒体で高い評価を得ていますが、実際の使い勝手はどうなのか、Notionカレンダーの入手方法から日程の変更、新規ページの作成方法などをご紹介しながら一緒にみていきましょう。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc1">カレンダーの入手</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc2">Googleアカウントでログイン</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_01.jpg" alt="Notionカレンダー公式サイトにアクセス" class="wp-image-18884" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_01.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_01-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_01-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_01-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_01-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_01-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_01-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_01-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="has-text-align-center wp-block-paragraph"><a rel="noopener" href="https://www.notion.so/ja/product/calendar" target="_blank"><span class="fz-12px">Notionカレンダー公式サイト</span></a></p>
</blockquote>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">早速「Notionカレンダー」を利用してみましょう。</p>



<p class="wp-block-paragraph">まずは、上記リンク先より、「<strong>Notionカレンダーを無料で入手</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_02.jpg" alt="サイドバーにある「カレンダー」をクリックします。" class="wp-image-18885" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_02.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_02-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_02-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_02-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">すでにNotionを使っている方は、サイドバーにある「<strong>カレンダー</strong>」をクリックします。</p>



<p class="wp-block-paragraph">これ以降の手順はログインしている状態で進めさせて頂きます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">すでにNotionを使用している方は、Notionの画面から「カレンダー」をインストールすることをお勧めします。</p>



<p class="wp-block-paragraph">こちらからインストールすると自動的にNotionカレンダーと提携することが可能です。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_03.jpg" alt="「Googleアカウントでログイン」をクリックします。" class="wp-image-18886" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_03.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_03-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_03-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_03-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_03-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_03-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_03-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_03-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">ポップアップ画面が表示されますので、「<strong>Googleアカウントでログイン</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_04.jpg" alt="「Google権限管理を続ける」をクリックします。" class="wp-image-18887" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_04.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_04-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_04-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_04-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_04-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_04-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_04-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_04-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「<strong>Google権限管理を続ける</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_05.jpg" alt="Googleアカウントを選択します。" class="wp-image-18888" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_05.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_05-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_05-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_05-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Googleアカウントが表示されますので、連携するアカウントを選択します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_06.jpg" alt="「次へ」をクリックします。" class="wp-image-18889" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_06.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_06-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_06-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_06-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_06-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_06-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_06-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_06-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「Notionカレンダーにログイン」画面が表示されますので、「<strong>次へ</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_07.jpg" alt="アクセス権限を確認します。" class="wp-image-18890" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_07.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_07-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_07-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_07-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「NotionカレンダーがGoogleアカウントへのアクセスを求めています」と表示されました。</p>



<p class="wp-block-paragraph">アクセス権限の確認画面になりますので、矢印の先にあるチェックボックスすべてのチェックを入れます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_08.jpg" alt="「続行」をクリックします。" class="wp-image-18891" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_08.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_08-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_08-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_08-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_08-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_08-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_08-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_08-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">画面の一番下に、確認ボタンがありますので、「<strong>続行</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_09.jpg" alt="Notionカレンダーが表示されました。" class="wp-image-18892" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_09.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_09-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_09-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_09-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionカレンダーが表示されました。</p>



<p class="wp-block-paragraph">Googleカレンダーとの連携が完了していますので、予定が入っている方は、すでに表示されていると思います。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc3">アプリのダウンロード</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">続いて、Notionカレンダーのデスクトップアプリをダウンロードしていきます。</p>



<p class="wp-block-paragraph">画面右側の赤い枠線内にあるデスクトップアプリの「ダウンロード」ボタンをクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_10.jpg" alt="カレンダーアプリをダウンロードします。" class="wp-image-18894" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_10.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_10-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_10-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_10-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_10-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_10-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_10-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_10-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionカレンダーのページが開きますので、「<strong>Windows版をダウンロード</strong>」をクリックします。</p>



<p class="wp-block-paragraph">Macをお使いの場合は、「Mac版」と表示されています。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_11.jpg" alt="Notionカレンダーをインストールします。" class="wp-image-18896" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_11.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_11-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_11-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_11-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_11-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_11-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_11-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_11-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">パソコンのダウンロードフォルダにNotionカレンダーのアイコンがありますので、ダブルクリックしてインストールします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="300" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_12.jpg" alt="Googleでサインインします。" class="wp-image-18897" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_12.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_12-500x188.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_12-300x113.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_12-768x288.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">アプリが立ち上がりますので、Googleでサインインします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_13.jpg" alt="「Google権限管理を続ける」をクリックします。" class="wp-image-18898" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_13.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_13-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_13-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_13-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_13-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_13-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_13-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_13-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">先ほどと同じ手順になります。Googleの権限管理を確認していきます。</p>



<p class="wp-block-paragraph">「<strong>Google権限管理を続ける</strong>」をクリックします。</p>



<p class="wp-block-paragraph">Googleアカウントを選択してログインします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_14.jpg" alt="" class="wp-image-18899" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_14.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_14-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_14-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_14-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_14-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_14-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_14-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_14-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「Notion Calendarを開きますか？」と聞かれますので、「<strong>Notionカレンダーを開く</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_16.jpg" alt="Notionカレンダーアプリ。" class="wp-image-18903" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_16.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_16-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_16-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_16-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">ブラウザと同じ画面ですが、アプリでNotionカレンダーが立ち上がりました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc4">設定</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_17.jpg" alt="Notionカレンダーの設定" class="wp-image-18904" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_17.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_17-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_17-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_17-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_17-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_17-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_17-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_17-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionカレンダーの設定を見ていきましょう。</p>



<p class="wp-block-paragraph">サイドバーのアカウントの脇にある3点リーダーをクリックします。</p>



<p class="wp-block-paragraph">「<strong>カレンダーアカウントの管理</strong>」と表示されますので、こちらをクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_18.jpg" alt="週の開始日を指定します。" class="wp-image-18905" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_18.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_18-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_18-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_18-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「設定」画面が表示されました。</p>



<p class="wp-block-paragraph">最初に「一般」の内容を見ていきます。</p>



<p class="wp-block-paragraph">基本的にはデフォルトで問題ないと思いますが、「週の開始曜日」は人によって好みがあると思います。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_19.jpg" alt="" class="wp-image-18906" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_19.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_19-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_19-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_19-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「ミーティング」内にある「<strong>コンテキストパネル</strong>での今後の予定表示」の部分は、カレンダーの右側にあるサイドバーのことを指します。</p>



<p class="wp-block-paragraph">ここに表示するミーティングを何時間前から表示するかの設定となっています。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「時刻の形式」は12時間表示か24時間表示かのどちらかを選択することが出来ます。</p>



<p class="wp-block-paragraph">「言語」や「タイムゾーン」はそのままで良いでしょう。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_20.jpg" alt="テーマを選択します。" class="wp-image-18907" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_20.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_20-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_20-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_20-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「テーマ」はアプリ全体のモードを指定します。</p>



<p class="wp-block-paragraph">背景が白い状態がライトモードで、黒い背景がダークモードになります。</p>



<p class="wp-block-paragraph">個人的には「ダークモード」が好きなのですが、記事内では分かりやすく説明するために、「ライトモード」を使用しています。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc5">Notionと連携</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_21.jpg" alt="Notionと連携します。" class="wp-image-18911" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_21.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_21-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_21-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_21-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">NotionカレンダーはNotionの一部の機能でもあるのですが、基本的には別のアプリとなります。</p>



<p class="wp-block-paragraph">そのため、Notion本体の情報を取り込むには「連携」させる必要があります。</p>



<p class="wp-block-paragraph">今までご紹介させて頂いた、Notion本体のサイドバーからNotionカレンダーをインストールした方は連携の必要がありませんが、Notionカレンダーのサイトからインストールされた方は「設定」から接続させる必要があります。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">また複数のアカウントと連携させる場合は、同じように「設定」から接続させてください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc6">ビューを同期させる</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_22.jpg" alt="「カレンダーで開く」をクリックします。" class="wp-image-18912" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_22.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_22-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_22-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_22-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notion本体とカレンダーを同期させてみましょう。</p>



<p class="wp-block-paragraph">まずはデータベースから「カレンダービュー」を作成します。</p>



<p class="wp-block-paragraph">画面右上に「<strong>カレンダーで開く</strong>」という場所がありますので、こちらをクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">PCにインストールした「Notionカレンダー」だけでなく、ブラウザの「Notionカレンダー」も別ウィンドウで立ち上がる場合があります。</p>



<p class="wp-block-paragraph">不要な場合は閉じてしまいましょう。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_23.jpg" alt="「目」のアイコンをクリックします。" class="wp-image-18915" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_23.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_23-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_23-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_23-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionカレンダーにぼんやりと「練習DB」と表示されています。</p>



<p class="wp-block-paragraph">データベース名の横に「目」のアイコンがありますので、こちらをクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_24.jpg" alt="データが表示されました。" class="wp-image-18916" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_24.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_24-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_24-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_24-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「カレンダービュー」で表示されていたデータが表示されるようになりました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">複数のデータベースがある場合は、同時に予定を表示させることが出来ます。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc7">日程の変更</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc8">日付の変更</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_25.jpg" alt="日付の変更をします。" class="wp-image-18919" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_25.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_25-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_25-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_25-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_25-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_25-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_25-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_25-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">日程の変更も簡単に行うことが出来ます。</p>



<p class="wp-block-paragraph">タイムラインビューの時と同じように、期間の先頭、または最後の部分にマウスを移動するとポインターが両向きの矢印のあるアイコンに変わりますので、変更したい日付までドラッグしてください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_26.jpg" alt="ドラッグアンドドロップで日程を変更することが出来ます。" class="wp-image-18920" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_26.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_26-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_26-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_26-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_26-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_26-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_26-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_26-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">同じ期間で日程を変更したい場合などは、ドラッグアンドドロップが便利です。</p>



<p class="wp-block-paragraph">「練習用ページ３」をドラッグして、1週間後の17日からに変更したい場合は、赤い枠線がガイドとして表示されますので、その場所でドロップしてください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc9">時間の変更</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_27.jpg" alt="時間を変更します。" class="wp-image-18921" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_27.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_27-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_27-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_27-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_27-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_27-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_27-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_27-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">時間の変更も簡単にすることが出来ます。</p>



<p class="wp-block-paragraph">「練習用ページ４」の下の部分にマウスを乗せると、上下の矢印があるポインターに変わりますので指定したい時間までドラッグしてください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_28.jpg" alt="時間が変更されました。" class="wp-image-18922" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_28.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_28-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_28-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_28-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_28-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_28-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_28-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_28-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「練習用ページ４」の時間が変更されました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_29.jpg" alt="時間指定のないデータ" class="wp-image-18923" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_29.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_29-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_29-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_29-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_29-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_29-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_29-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_29-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">時間が指定されていないデータに対しても時間を設定することが出来ます。</p>



<p class="wp-block-paragraph">「練習用ページ１」と「練習用ページ２」は時間の指定がされていないので、カレンダーでは時間外の部分に表示されています。</p>



<p class="wp-block-paragraph">ここでは「練習用ページ１」をドラッグして、時間表示の中にドラッグさせてみます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_30.jpg" alt="時間を指定しました。" class="wp-image-18924" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_30.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_30-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_30-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_30-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_30-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_30-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_30-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_30-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「練習用ページ１」に時間が指定されました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">ここで変更された日程や時間はNotion本体のデータにも反映されています。</p>



<p class="wp-block-paragraph">一度時間指定したデータを、再度一番上の枠内に戻すことが出来ます。</p>



<p class="wp-block-paragraph">但し、Notion本体に反映された時間は取り消すことが出来ませんので、Notion本体で取り消しの操作が必要になります。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc10">イベントを作成する</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc11">Notionカレンダーにイベントを作成</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_31.jpg" alt="新しい予定を作成します。" class="wp-image-18927" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_31.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_31-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_31-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_31-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_31-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_31-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_31-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_31-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">カレンダーに予定を入力してみましょう。</p>



<p class="wp-block-paragraph">9月25日に予定を入力する場合は、25日のボックスをダブルクリックします。</p>



<p class="wp-block-paragraph">右側に作成画面が表示されますので、「タイトル」を入力します。</p>



<p class="wp-block-paragraph">日付の下に「終日」という場所がデフォルトでオンになっています。</p>



<p class="wp-block-paragraph">時間を指定する場合は「オフ」にして時間を指定します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_32.jpg" alt="新しい予定が作成されました。" class="wp-image-18928" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_32.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_32-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_32-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_32-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_32-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_32-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_32-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_32-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">9月25日に予定が作成されました。</p>



<p class="wp-block-paragraph">続いてこの予定をNotion本体に新しいページとして作成していきましょう。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc12">Notion本体に新規ページを作成</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_33.jpg" alt="「Notionにページを作成」をクリックします。" class="wp-image-18929" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_33.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_33-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_33-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_33-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_33-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_33-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_33-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_33-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">右側の編集画面から「<strong>ドキュメントとリンク</strong>」をクリックします。</p>



<p class="wp-block-paragraph">「<strong>Notionにページを作成</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_34.jpg" alt="タイトルと場所を確認して「作成」をクリックします。" class="wp-image-18930" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_34.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_34-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_34-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_34-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_34-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_34-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_34-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_34-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">タイトルと場所を確認して「<strong>作成</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_35.jpg" alt="「練習用ページ５」が作成されました。" class="wp-image-18931" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_35.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_35-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_35-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_35-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_35-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_35-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_35-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_35-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「<strong>練習用ページ５</strong>」が作成されました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_36.jpg" alt="Notion本体に新規ページが追加されました。" class="wp-image-18933" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_36.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_36-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_36-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_36-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_36-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_36-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_36-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_36-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notion本体に「練習用ページ５」が新しいページとして追加されました。</p>



<p class="wp-block-paragraph">ここで注意して頂きたいのが、Notionカレンダーでは日付・時間まで指定しましたが、Notion本体の「日付」欄には反映されていません。</p>



<p class="wp-block-paragraph">ページを直接開いて入力するようにしてください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_37.jpg" alt="カレンダーに新しいページが追加されました。" class="wp-image-18937" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_37.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_37-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_37-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_37-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_37-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_37-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_37-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_calendar_37-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">日付を入力すれば、カレンダー内に表示されるようになります。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><div class="ad-area no-icon ad-shortcode ad-auto ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-8583693483124941"
  data-ad-slot="8969726240"
  data-ad-format="auto"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>
</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc13">まとめ</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionカレンダーを紹介している記事や動画などでは絶賛されることが多いですが、実際に使ってみると使いこなすには、少し時間がかかると思います。</p>



<p class="wp-block-paragraph">またNotionカレンダーでいきなりスケジュールのすべてを管理しようとすると、上手くいかない場合があります。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">ではどのように使いこなしていくかというと、最初は「タスク管理」を中心に使い始めてみるのがお勧めです。</p>



<p class="wp-block-paragraph">シンプルな使い方を身につけることで、徐々に他の機能を活用しやすくなります。</p>



<p class="wp-block-paragraph">Notionカレンダーを使ったタスク管理の仕方については以下の記事をご参照ください。</p>



<ul class="wp-block-list">
<li><a href="https://aftercovid20.com/notion-calendar-task/" target="_blank">Notionカレンダー リンクドビューを使ったタスク管理の方法</a></li>



<li><a href="https://aftercovid20.com/notion-task-monthly/" target="_blank">Notionカレンダー タスク管理 仕事とプライベートを使いこなす方法</a></li>
</ul>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">今回も最後までお読みいただきありがとうございました。</p>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">Notionカレンダーのアプリをインストールして使うことを前提にご説明させて頂いていますが、ブラウザでNotionカレンダーを使用することも出来ます。</p>



<p class="wp-block-paragraph">どちらが良いかは一概に言えないので、好みで選んでください。</p>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://aftercovid20.com/notion-calendar/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Notionデータベースの真髄：ビュー機能を使いこなして情報活用をレベルアップ</title>
		<link>https://aftercovid20.com/notion-database-view/</link>
					<comments>https://aftercovid20.com/notion-database-view/#respond</comments>
		
		<dc:creator><![CDATA[JIRO]]></dc:creator>
		<pubDate>Sun, 01 Sep 2024 06:12:37 +0000</pubDate>
				<category><![CDATA[Notion]]></category>
		<guid isPermaLink="false">https://aftercovid20.com/?p=18867</guid>

					<description><![CDATA[Notionのデータベース機能の中で、最も魅力的な機能が今回ご紹介させて頂く「ビュー機能」です。 「ビュー機能」とは、一つのデータを様々な視点から見ることが出来る機能のことです。 同じデータも、様々な表示方法で見ることに [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionのデータベース機能の中で、最も魅力的な機能が今回ご紹介させて頂く「<strong>ビュー機能</strong>」です。</p>



<p class="wp-block-paragraph"><span class="marker-under-red">「ビュー機能」とは、一つのデータを様々な視点から見ることが出来る機能</span>のことです。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">同じデータも、様々な表示方法で見ることにより、データの整理や視覚化を効果的に行うことができるようになります。</p>



<p class="wp-block-paragraph">それまで気付かなかった問題や課題を解決する糸口になることもありますので、ぜひ使い方をしっかりと学んでいきましょう。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">Notionのデータベースを使う上で大事なことの一つが、「<strong>同じデータを違う形で表示できること</strong>」です。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">データベース機能の基本的な使い方は以下の記事でご紹介させて頂いております。</p>



<p class="wp-block-paragraph">合わせてご参照ください。</p>



<ul class="wp-block-list">
<li><a href="https://aftercovid20.com/notion-database/" target="_blank">Notionデータベース完全ガイド：初心者でも使いこなせるプロパティ徹底解説</a></li>
</ul>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc1">テーブルビュー</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_67.jpg" alt="ビューを追加します。" class="wp-image-18802" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_67.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_67-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_67-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_67-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_67-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_67-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_67-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_67-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionの魅力の一つに「<strong>ビュー</strong>」機能があります。</p>



<p class="wp-block-paragraph">これは、作成したデータを様々な方法で表示することが出来る機能です。</p>



<p class="wp-block-paragraph">デフォルトでは、今まで見てきた「<strong>テーブルビュー</strong>」が表示されるようになっています。</p>



<p class="wp-block-paragraph">スプレッドシートと同じような感じで使用することが出来ますので、多くの方が使い慣れたビューだと思います。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc2">ボードビュー</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc3">データの移動</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_68.jpg" alt="ボードビュー" class="wp-image-18803" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_68.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_68-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_68-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_68-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_68-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_68-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_68-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_68-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「<strong>ボードビュー</strong>」はデータがカードのように並んだ状態で表示されます。</p>



<p class="wp-block-paragraph">ここではステータスごとにテーブルが分類されています。</p>



<p class="wp-block-paragraph">「ボードビュー」の特徴を見ていきましょう。</p>



<p class="wp-block-paragraph">「未着手」のデータをドラッグして「進行中」に移動します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_69.jpg" alt="データをドラッグして移動します。" class="wp-image-18804" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_69.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_69-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_69-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_69-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_69-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_69-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_69-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_69-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「練習用ページ４」が「進行中」に移動しました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_71.jpg" alt="ボードビューでデータを移動すると、他のビューにも反映される。" class="wp-image-18807" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_71.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_71-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_71-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_71-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_71-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_71-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_71-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_71-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「テーブルビュー」でもステータスが「進行中」に変わっています。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc4">プロパティの追加</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_76.jpg" alt="プロパティを追加します。" class="wp-image-18814" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_76.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_76-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_76-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_76-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_76-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_76-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_76-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_76-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">現在表示されているデータは「名前」のみが表示されています。</p>



<p class="wp-block-paragraph">もう少し情報が必要な場合は、他の「プロパティ」を表示させることも出来ます。</p>



<p class="wp-block-paragraph">画面右上の3点リーダーをクリックします。</p>



<p class="wp-block-paragraph">メニューから「<strong>プロパティ</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_77.jpg" alt="「目」のアイコンをクリックします。" class="wp-image-18815" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_77.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_77-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_77-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_77-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">現在作成されている「プロパティ」が表示されますので、表示させたいプロパティの「<strong>目</strong>」のアイコンをクリックします。</p>



<p class="wp-block-paragraph">ここでは「セレクト」の「目」のアイコンをクリックしてみます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_78.jpg" alt="プロパティを移動します。" class="wp-image-18818" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_78.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_78-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_78-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_78-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">メニュー内の「ボードで表示」という場所に「セレクト」が移動しました。</p>



<p class="wp-block-paragraph">それに伴い、メイン画面のデータ内に「A班」「B班」などが表示されています。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_79.jpg" alt="複数のプロパティを移動しました。" class="wp-image-18819" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_79.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_79-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_79-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_79-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">複数のプロパティを同時に表示させることも可能です。</p>



<p class="wp-block-paragraph">また並び順も簡単に変更することが出来ます。</p>



<p class="wp-block-paragraph">赤い枠線で囲った部分のプロパティのハンドルをドラッグすることにより、好きな順番に並び替えることが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_80.jpg" alt="プロパティを並び替えます。" class="wp-image-18820" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_80.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_80-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_80-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_80-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">プロパティを並び替えてみました。</p>



<p class="wp-block-paragraph">表示させる情報を適切に選べば、直感的に作業出来るようになります。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc5">グループの変更</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_72.jpg" alt="グループを変更します。" class="wp-image-18810" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_72.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_72-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_72-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_72-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">これまでは「<strong>ステータス</strong>」を元に、ボードビューが作成されていましたが、他のグループを元に表示させることも出来ます。</p>



<p class="wp-block-paragraph">画面右上の3点リーダーをクリックします。</p>



<p class="wp-block-paragraph">メニューから「<strong>グループ</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_73.jpg" alt="" class="wp-image-18811" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_73.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_73-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_73-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_73-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_73-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_73-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_73-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_73-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「<strong>グループ化</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_74.jpg" alt="グループを選択します。" class="wp-image-18812" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_74.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_74-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_74-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_74-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_74-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_74-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_74-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_74-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">作成されているグループが表示されますので、適当なものを選択してください。</p>



<p class="wp-block-paragraph">ここでは「<strong>セレクト</strong>」を選択します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_75.jpg" alt="セレクトを元に、データが表示されています。" class="wp-image-18813" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_75.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_75-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_75-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_75-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_75-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_75-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_75-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_75-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「セレクト」を元に、データが表示されています。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc6">リストビュー</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_100.jpg" alt="リストビューを表示します。" class="wp-image-18846" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_100.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_100-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_100-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_100-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_100-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_100-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_100-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_100-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「リストビュー」は名前のとおり、リストでデータを表示します。</p>



<p class="wp-block-paragraph">とてもシンプルな表示方法となります。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc7">プロパティの追加</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_101.jpg" alt="プロパティを追加します。" class="wp-image-18847" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_101.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_101-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_101-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_101-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「ボードビュー」と同じように、プロパティを複数追加することが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc8">並び替え</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/552eb4aed1593e952e7a12c7b8a0e9e1.jpg" alt="データを並び替えます。" class="wp-image-18848" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/552eb4aed1593e952e7a12c7b8a0e9e1.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/552eb4aed1593e952e7a12c7b8a0e9e1-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/552eb4aed1593e952e7a12c7b8a0e9e1-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/552eb4aed1593e952e7a12c7b8a0e9e1-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/552eb4aed1593e952e7a12c7b8a0e9e1-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/552eb4aed1593e952e7a12c7b8a0e9e1-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/552eb4aed1593e952e7a12c7b8a0e9e1-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/552eb4aed1593e952e7a12c7b8a0e9e1-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">データの並び替えも簡単です。</p>



<p class="wp-block-paragraph">データ名の横にあるハンドルをドラッグして移動させます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc9">タイムラインビュー</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_81.jpg" alt="タイムラインビュー" class="wp-image-18821" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_81.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_81-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_81-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_81-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_81-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_81-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_81-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_81-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「<strong>タイムラインビュー</strong>」は名前の通り、時系列にデータが並んでいるビューになります。</p>



<p class="wp-block-paragraph">視覚的に分かりやすいビューとなっています。</p>



<p class="wp-block-paragraph">タイムラインビューも表示方法を調整したり、様々な変更を加えたりすることが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc10">並び替え</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_82.jpg" alt="データを移動します。" class="wp-image-18823" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_82.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_82-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_82-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_82-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_82-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_82-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_82-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_82-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">データの並び順は簡単に変更することが出来ます。</p>



<p class="wp-block-paragraph">例えば「練習用ページ２」を一つ上に移動させたい時は、ドラッグして移動させた場所でドロップします。</p>



<p class="wp-block-paragraph">その際、ガイドとして横線が表示されるので、移動させる場所を間違うことはないでしょう。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_83.jpg" alt="データの移動が完了" class="wp-image-18822" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_83.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_83-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_83-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_83-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_83-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_83-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_83-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_83-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「練習用ページ２」を移動させることが出来ました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_84.jpg" alt="" class="wp-image-18824" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_84.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_84-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_84-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_84-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_84-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_84-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_84-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_84-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">データ全体を「並び替え」機能を使って、簡単に並び替えることも出来ます。</p>



<p class="wp-block-paragraph">画面右上の「並び替え」をクリックして、「日付」を選択します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_85.jpg" alt="" class="wp-image-18825" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_85.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_85-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_85-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_85-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_85-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_85-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_85-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_85-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">画面左側に並び替えの詳細が表示されますので、好みの順番に並び替えてください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc11">日付・開始日・終了日の変更</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_86.jpg" alt="日付・開始日・終了日を変更します。" class="wp-image-18828" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_86.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_86-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_86-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_86-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_86-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_86-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_86-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_86-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">データに設定されている「日付」や「開始日・終了日」も簡単に変更することが出来ます。</p>



<p class="wp-block-paragraph">「練習用ページ３」の日付を変更してみましょう。</p>



<p class="wp-block-paragraph">まず「練習用ページ３」をクリックして、開始日である「8月22日」にマウスを乗せると、両向きの矢印にポインターが変化します。</p>



<p class="wp-block-paragraph">あとはドラッグするだけで簡単に開始日を変更することが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_87.jpg" alt="日付を変更しました。" class="wp-image-18829" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_87.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_87-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_87-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_87-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_87-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_87-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_87-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_87-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">開始日を「8月24日」に変更してみました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_88.jpg" alt="日程を変更します。" class="wp-image-18830" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_88.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_88-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_88-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_88-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_88-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_88-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_88-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_88-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「練習用ページ３」をクリックして、ドラッグすると日数を変更することなく、「開始日」だけを変更することが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_89.jpg" alt="日程を変更しました。" class="wp-image-18831" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_89.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_89-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_89-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_89-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_89-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_89-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_89-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_89-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">開始日を8月19日に変更してみました。</p>



<p class="wp-block-paragraph">6日間の日程はそのまま維持されています。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc12">表示期間の変更</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_96.jpg" alt="表示期間を変更します。" class="wp-image-18842" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_96.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_96-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_96-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_96-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_96-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_96-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_96-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_96-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">表示期間を変更してましょう。</p>



<p class="wp-block-paragraph">画面右側にある「月」と表示されている部分をクリックします。</p>



<p class="wp-block-paragraph">変更できる期間が表示されますので、好みの期間を選択してください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_97.jpg" alt="四半期で表示してみました。" class="wp-image-18843" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_97.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_97-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_97-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_97-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_97-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_97-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_97-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_97-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「四半期」を選択してみました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc13">プロパティの追加</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_90.jpg" alt="プロパティを追加します。" class="wp-image-18832" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_90.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_90-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_90-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_90-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_90-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_90-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_90-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_90-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">タイムラインビューでも、「ボードビュー」と同じように、「プロパティ」を追加することが出来ます。</p>



<p class="wp-block-paragraph">画面右上の3点リーダーをクリックして、「プロパティ」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_91.jpg" alt="追加するプロパティを選択します。" class="wp-image-18833" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_91.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_91-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_91-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_91-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_91-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_91-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_91-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_91-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">追加したいプロパティを選択します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_92.jpg" alt="プロパティが追加されました。" class="wp-image-18834" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_92.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_92-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_92-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_92-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_92-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_92-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_92-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_92-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">プロパティを追加することが出来ました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc14">テーブルの表示</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_93.jpg" alt="テーブルを表示させます。" class="wp-image-18836" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_93.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_93-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_93-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_93-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_93-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_93-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_93-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_93-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">タイムラインビューに「テーブル」を表示させることも出来ます。</p>



<p class="wp-block-paragraph">プロパティに表示されている「テーブル」をクリックして、「テーブルを表示」をオンにします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_94.jpg" alt="列を選択します。" class="wp-image-18838" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_94.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_94-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_94-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_94-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_94-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_94-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_94-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_94-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「名前」の列が表示されました。</p>



<p class="wp-block-paragraph">表示させたい列があれば選択してください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_95.jpg" alt="テーブルが追加されました。" class="wp-image-18839" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_95.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_95-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_95-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_95-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_95-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_95-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_95-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_95-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">あまり多くの列を表示させると、画面が見づらくなりますので、注意してください。</p>



<p class="wp-block-paragraph">通常は「名前」ともう一つ位にしておいた方が良いでしょう。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc15">カレンダービュー</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_98.jpg" alt="カレンダービューを作成します。" class="wp-image-18844" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_98.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_98-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_98-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_98-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「カレンダービュー」を見ていきましょう。</p>



<p class="wp-block-paragraph">「タイムラインビュー」とは違って、もう少し大きな視点で見ることが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc16">プロパティの追加</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_99.jpg" alt="プロパティを追加します。" class="wp-image-18845" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_99.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_99-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_99-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_99-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">カレンダービューも「プロパティ」を追加することが出来ます。</p>



<p class="wp-block-paragraph">追加の手順は今までご紹介したと通りになります。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">「Notionカレンダー」の使い方については、以下の記事をご参照ください。</p>



<ul class="wp-block-list">
<li><a href="https://aftercovid20.com/notion-calendar/">Notion カレンダー 基本的な使い方 日程の変更とイベントの作成</a></li>
</ul>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc17">ギャラリービュー</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_102.jpg" alt="ギャラリービュー" class="wp-image-18850" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_102.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_102-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_102-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_102-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「ギャラリービュー」を作成します。</p>



<p class="wp-block-paragraph">ギャラリーのようにイメージで理解しやすい表示になっていますが、各データにカバー画像を設定していませんので、ここから追加していきます。</p>



<p class="wp-block-paragraph">すでにカバー画像を設定されている方は、次の操作に進んでください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc18">カバー画像の設定</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_104.jpg" alt="ペン型のアイコンをクリックします。" class="wp-image-18853" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_104.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_104-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_104-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_104-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_104-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_104-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_104-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_104-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">カバー画像を設定したいデータにマウスを乗せると、ペン型のアイコンが表示されますので、こちらをクリックします。</p>



<p class="wp-block-paragraph">「ポップアップで開く」と表示されますので、さらにクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_105.jpg" alt="「カバー画像を追加」をクリックします。" class="wp-image-18854" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_105.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_105-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_105-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_105-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_105-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_105-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_105-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_105-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">タイトルの上にマウスを乗せると、「カバー画像を追加」と表示されますので、こちらをクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_106.jpg" alt="カバー画像を設定します。" class="wp-image-18856" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_106.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_106-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_106-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_106-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_106-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_106-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_106-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_106-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">画面上部にある「カバー画像を変更」から適当な画像を選択します。</p>



<p class="wp-block-paragraph">他のデータにも同じようにカバー画像を設定してください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_107.jpg" alt="レイアウトを選択して編集します。" class="wp-image-18858" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_107.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_107-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_107-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_107-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_107-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_107-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_107-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_107-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">カバー画像を設定してもギャラリービューに画像が表示されていません。</p>



<p class="wp-block-paragraph">きちんと表示されるように設定していきます。</p>



<p class="wp-block-paragraph">画面右側にある3点リーダーをクリックして、「<strong>レイアウト</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_108.jpg" alt="「カードプレビュー」を選択します。" class="wp-image-18860" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_108.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_108-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_108-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_108-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_108-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_108-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_108-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_108-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">レイアウトのメニューが表示されますので、「<strong>カードプレビュー</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_109.jpg" alt="「ページ画像」を選択します。" class="wp-image-18861" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_109.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_109-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_109-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_109-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_109-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_109-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_109-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_109-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「<strong>ページ画像</strong>」を選択します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">ページ内に画像を挿入している場合は、「ページコンテンツ」を選択すると、その画像が表示されるようになります。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_110.jpg" alt="" class="wp-image-18862" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_110.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_110-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_110-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_110-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">ギャラリービューにカバー画像が表示されるようになりました。</p>



<p class="wp-block-paragraph">視覚的にとても分かりやすくなっています。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_111.jpg" alt="カバー画像の表示方法を変更します。" class="wp-image-18863" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_111.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_111-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_111-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_111-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">カバー画像のサイズや表示方法を変更するには、「カードサイズ」または「画像を表示サイズに合わせる」から調整します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">ここではギャラリービューで画像を表示させましたが、「ボードビュー」でも同じ手順で画像を表示させることが出来ます。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><div class="ad-area no-icon ad-shortcode ad-auto ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-8583693483124941"
  data-ad-slot="8969726240"
  data-ad-format="auto"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>
</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc19">まとめ</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">いかがでしたか。</p>



<p class="wp-block-paragraph">同じデータであっても、様々なビューで見ることにより、視覚的な理解に大きな違いがあることに気づいて頂けたと思います。</p>



<p class="wp-block-paragraph">実際にどのビューを使用するかは、取り扱うデータによって違ってくると思いますので、様々な組み合わせを試してみてください。</p>



<p class="wp-block-paragraph">今回も最後までお読みいただきありがとうございました。</p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
					<wfw:commentRss>https://aftercovid20.com/notion-database-view/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Notionデータベース完全ガイド：初心者でも使いこなせるプロパティ徹底解説</title>
		<link>https://aftercovid20.com/notion-database/</link>
					<comments>https://aftercovid20.com/notion-database/#respond</comments>
		
		<dc:creator><![CDATA[JIRO]]></dc:creator>
		<pubDate>Sun, 01 Sep 2024 06:12:26 +0000</pubDate>
				<category><![CDATA[Notion]]></category>
		<guid isPermaLink="false">https://aftercovid20.com/?p=18673</guid>

					<description><![CDATA[従来の表計算ソフトはもう古い！Notionデータベースで情報管理をレベルアップ 「Excelでのタスク管理、もう限界かも…」 そう感じたことはありませんか？ Notionのデータベースは、従来の表計算ソフトとは全く異なる [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>従来の表計算ソフトはもう古い！Notionデータベースで情報管理をレベルアップ</strong></p>



<p class="wp-block-paragraph">「Excelでのタスク管理、もう限界かも…」</p>



<p class="wp-block-paragraph">そう感じたことはありませんか？</p>



<p class="wp-block-paragraph">Notionのデータベースは、従来の表計算ソフトとは全く異なる、<strong>自由自在な情報管理</strong>を可能にします。</p>



<p class="wp-block-paragraph">例えば、</p>



<ul class="wp-block-list">
<li><strong>タスク管理：</strong> 進捗状況、担当者、期日を視覚的に管理</li>



<li><strong>顧客管理：</strong> 顧客情報、対応履歴、商談状況をまとめて管理</li>



<li><strong>プロジェクト管理：</strong> タスク、スケジュール、進捗状況をチームで共有</li>
</ul>



<p class="wp-block-paragraph"><strong>Notionのデータベースは、まるで魔法の箱</strong>。</p>



<p class="wp-block-paragraph">あなたのアイデア次第で、どんな情報も整理し、活用できます。</p>



<p class="wp-block-paragraph">この記事では、Notionデータベースの基本中の基本「プロパティ」に焦点を当て、初心者でも使いこなせるように徹底解説します。</p>



<p class="wp-block-paragraph">Notionデータベースの可能性に触れ、あなたの情報管理を<strong>次のレベル</strong>へ引き上げましょう！</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc1">データベースの作成</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_01.jpg" alt="データベースを作成します。" class="wp-image-18709" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_01.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_01-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_01-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_01-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_01-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_01-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_01-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_01-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「/」を入力して「<strong>データベース：インライン</strong>」を選択します。</p>



<p class="wp-block-paragraph">画像のように、「テーブルビュー」というデータベースが作成されます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc2">ページの挿入</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_02.jpg" alt="データベース用のページを作成します。" class="wp-image-18716" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_02.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_02-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_02-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_02-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_02-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_02-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_02-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_02-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">データベースにページを挿入してみましょう。</p>



<p class="wp-block-paragraph">まずは適当なページを幾つか作成しておいてください。</p>



<p class="wp-block-paragraph">場所はどこでも良いのですが、ここでは分かりやすいように同じページに作成してあります。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_03.jpg" alt="ページをデータベース内に移動します。" class="wp-image-18717" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_03.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_03-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_03-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_03-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_03-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_03-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_03-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_03-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">作成したページのハンドルをドラッグしてテーブル内に移動させます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_04.jpg" alt="空白のデータを削除します。" class="wp-image-18718" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_04.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_04-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_04-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_04-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_04-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_04-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_04-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_04-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">ページがテーブル内に移動しました。</p>



<p class="wp-block-paragraph">赤い枠線で囲った部分に3行分のデータがありますので、これらを削除します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_05.jpg" alt="データを選択してゴミ箱アイコンをクリックします。" class="wp-image-18719" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_05.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_05-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_05-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_05-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_05-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_05-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_05-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_05-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">削除するデータの横にあるチェックボックスにチェックを入れます。</p>



<p class="wp-block-paragraph">上部にあるゴミ箱アイコンをクリックすると選択したデータが削除されます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_06.jpg" alt="データが削除されました。" class="wp-image-18721" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_06.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_06-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_06-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_06-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_06-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_06-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_06-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_06-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">データが削除されました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc3">タイトルの挿入</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_07.jpg" alt="データベースのタイトルを挿入します。" class="wp-image-18723" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_07.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_07-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_07-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_07-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_07-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_07-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_07-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_07-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">データベースにタイトルを付けておきましょう。</p>



<p class="wp-block-paragraph">なおデータベースのタイトルは末尾に「<strong>DB</strong>」と付けておくと管理がしやすくなります。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc4">プロパティの作成</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc5">プロパティとは</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_08.jpg" alt="プロパティの場所の説明" class="wp-image-18724" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_08.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_08-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_08-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_08-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_08-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_08-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_08-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_08-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">続いて「<strong>プロパティ</strong>」を作成してみましょう。</p>



<p class="wp-block-paragraph">「プロパティ」とは、赤い枠線の部分に表示されている「タグ」などの場所であり、データベース内の各項目に追加できる情報フィールドです。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">「<strong>タグ</strong>」はデータベースを作成するとデフォルトで設定されているものになります。</p>



<p class="wp-block-paragraph">特に削除して頂いても問題ありません。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc6">プロパティの追加</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_09.jpg" alt="プロパティを追加します。" class="wp-image-18727" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_09.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_09-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_09-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_09-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">プロパティを追加するには、矢印の先にある「+」ボタンをクリックします。</p>



<p class="wp-block-paragraph">画面右側に新規プロパティとして選択出来るメニューが表示されますので、この中から適切な項目を選択します。</p>



<p class="wp-block-paragraph">ここでは「<strong>チェックボックス</strong>」を選択してみましょう。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_10.jpg" alt="チェックボックスが設定されました。" class="wp-image-18730" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_10.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_10-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_10-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_10-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_10-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_10-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_10-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_10-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">すべてのデータにチェックボックスが設定されました。</p>



<p class="wp-block-paragraph">確認したデータにチェックを入れることが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc7">並び替え</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_11.jpg" alt="複数のデータにチェックを入れます" class="wp-image-18731" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_11.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_11-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_11-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_11-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_11-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_11-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_11-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_11-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">プロパティの内容により、データを並び替えることが出来ます。</p>



<p class="wp-block-paragraph">画像のように、「練習用ページ１と４」にチェックが入っている場合でみてみましょう。</p>



<p class="wp-block-paragraph">赤い矢印の先にある上下の矢印アイコンをクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_12.jpg" alt="プロパティを選択します。" class="wp-image-18732" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_12.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_12-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_12-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_12-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_12-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_12-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_12-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_12-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">プロパティが表示されますので、並び替えるプロパティを選択します。</p>



<p class="wp-block-paragraph">ここでは「<strong>チェックボックス</strong>」を選択します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_13.jpg" alt="データが並び替えられました。" class="wp-image-18733" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_13.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_13-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_13-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_13-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_13-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_13-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_13-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_13-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">タイトルの下に「チェックボックス」という場所が表示され、その下に並び替えの詳細が表示されます。</p>



<p class="wp-block-paragraph">昇順でチェックなしから、降順でチェック有りで並び替えることが出来ます。</p>



<p class="wp-block-paragraph">並び替えを止める時は、「並び替えを削除する」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc8">フィルター</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_14.jpg" alt="フィルターをクリックします。" class="wp-image-18734" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_14.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_14-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_14-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_14-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_14-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_14-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_14-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_14-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">フィルター機能をみてみましょう。</p>



<p class="wp-block-paragraph">テーブルの上にある下向きの三角形のアイコンをクリックします。</p>



<p class="wp-block-paragraph">プロパティが表示されますので、「チェックボックス」を選択します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_15.jpg" alt="チェックなしを選択します。" class="wp-image-18735" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_15.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_15-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_15-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_15-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_15-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_15-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_15-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_15-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「チェックなし」と「チェックあり」が表示されますので、表示させたい方を選択します。</p>



<p class="wp-block-paragraph">「チェックなし」を選択してみます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_16.jpg" alt="チェックの入っていないデータだけが表示されました。" class="wp-image-18736" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_16.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_16-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_16-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_16-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_16-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_16-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_16-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_16-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">チェックの入っていないデータだけが表示されました。</p>



<p class="wp-block-paragraph">フィルターを解除するには、タイトルの下にある「チェックボックス」の部分をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_17.jpg" alt="フィルターを解除します。" class="wp-image-18737" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_17.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_17-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_17-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_17-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_17-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_17-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_17-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_17-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">再びメニューが表示されますので、「<strong>クリア</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_18.jpg" alt="フィルターが解除されました。" class="wp-image-18738" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_18.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_18-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_18-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_18-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_18-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_18-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_18-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_18-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">フィルターが解除されすべてのデータが表示されました。</p>



<p class="wp-block-paragraph">ただし、タイトルの下に、フィルター自体は残っているので、フィルター自体を削除してみましょう。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_19.jpg" alt="フィルターを削除します。" class="wp-image-18739" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_19.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_19-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_19-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_19-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_19-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_19-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_19-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_19-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">フィルターのメニューを表示させたら、右上にある3点リーダーをクリックします。</p>



<p class="wp-block-paragraph">「フィルターを削除」と表示されますので、こちらをクリックします。</p>



<p class="wp-block-paragraph">これでフィルター自体が完全に削除されました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc9">プロパティの種類</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc10">数値</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_20.jpg" alt="数値プロパティを作成します。" class="wp-image-18742" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_20.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_20-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_20-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_20-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">プロパティには沢山の種類がありますが、代表的なものを見ていきましょう。</p>



<p class="wp-block-paragraph">まずは、「<strong>数値</strong>」になります。</p>



<p class="wp-block-paragraph">「+」ボタンをクリックして、「数値」を選択します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_21.jpg" alt="「数値の形式」をクリックします。" class="wp-image-18743" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_21.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_21-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_21-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_21-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">編集画面が表示されました。</p>



<p class="wp-block-paragraph">まずはタイトルを入力します。</p>



<p class="wp-block-paragraph">次に、「数値の形式」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_22.jpg" alt="数値の形式を選択します。" class="wp-image-18744" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_22.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_22-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_22-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_22-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">数値の表示形式が表示されました。</p>



<p class="wp-block-paragraph">「数値」、「コンマ付きの数値」、「パーセント」、「各国の通貨」から選択します。</p>



<p class="wp-block-paragraph">ここでは「数値」を選択します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_24.jpg" alt="数値を入力します。" class="wp-image-18746" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_24.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_24-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_24-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_24-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_24-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_24-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_24-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_24-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">進捗に応じて、適当に数値を入力します。</p>



<p class="wp-block-paragraph">数値を入力したら、列名の「完成度」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_25.jpg" alt="「プロパティを編集」をクリックします。" class="wp-image-18747" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_25.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_25-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_25-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_25-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">メニューが表示されますので、「<strong>プロパティを編集</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_26.jpg" alt="表示方法を選択します。" class="wp-image-18748" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_26.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_26-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_26-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_26-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">編集画面が表示されますので、「表示方法」を変更してみます。</p>



<p class="wp-block-paragraph">デフォルトでは「数値」になっていますので、表示も数字がそのまま表示されています。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_27.jpg" alt="バーが表示されました。" class="wp-image-18749" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_27.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_27-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_27-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_27-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「バー」を選択してみます。</p>



<p class="wp-block-paragraph">すると、数値の後にバーが表示されました。</p>



<p class="wp-block-paragraph">最大値100に対して、入力した数値がどれくらいなのか、一目でわかるようになりました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_28.jpg" alt="リングが表示されました。" class="wp-image-18750" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_28.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_28-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_28-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_28-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「リング」を選択すると、数値の後ろにリングが表示されました。</p>



<p class="wp-block-paragraph">バーと同様に最大値100に対して、入力した数値がどれくらいなのか、一目でわかるようになりました。</p>



<p class="wp-block-paragraph">なお、「カラー」や「分割数」は編集画面より変更することが可能です。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc11">テキスト</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_29.jpg" alt="テキストプロパティを作成します。" class="wp-image-18753" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_29.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_29-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_29-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_29-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「<strong>テキスト</strong>」のプロパティを作成します。</p>



<p class="wp-block-paragraph">プロパティの追加から「<strong>テキスト</strong>」を選択します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_30.jpg" alt="テキストを入力します。" class="wp-image-18754" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_30.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_30-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_30-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_30-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_30-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_30-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_30-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_30-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">各セルをクリックすると、テキストを入力することが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc12">セレクト</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_31.jpg" alt="セレクトを作成します。" class="wp-image-18755" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_31.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_31-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_31-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_31-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「<strong>セレクト</strong>」を作成します。</p>



<p class="wp-block-paragraph">プロパティの追加から「<strong>セレクト</strong>」を選択します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_32.jpg" alt="「オプションの追加」をクリックします。" class="wp-image-18756" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_32.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_32-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_32-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_32-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_32-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_32-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_32-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_32-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">編集画面が表示されますので、「<strong>オプションの追加</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_33.jpg" alt="オプションを入力します。" class="wp-image-18757" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_33.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_33-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_33-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_33-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「新しいオプションを入力」と書かれたボックスが表示されますので、こちらにテキストを入力します。</p>



<p class="wp-block-paragraph">作成したオプションをクリックして、カラーを変更することが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_34.jpg" alt="オプションを選択します。" class="wp-image-18758" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_34.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_34-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_34-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_34-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_34-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_34-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_34-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_34-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">各セルをクリックすると、オプションを選択することが出来るようになります。</p>



<p class="wp-block-paragraph">ここではオプションを「A班」から入力したので、並びが逆になっていますが、各オプションの先頭にあるハンドルをドラッグすると、並び替えることが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc13">マルチセレクト</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_35.jpg" alt="マルチセレクトを追加します。" class="wp-image-18761" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_35.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_35-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_35-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_35-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「<strong>マルチセレクト</strong>」を作成します。</p>



<p class="wp-block-paragraph">基本的な流れは、「セレクト」と同じになります。</p>



<p class="wp-block-paragraph">プロパティの追加から「<strong>マルチセレクト</strong>」を選択します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_36.jpg" alt="オプションを追加をクリックします。" class="wp-image-18762" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_36.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_36-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_36-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_36-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_36-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_36-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_36-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_36-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">編集画面が表示されますので、「<strong>オプションの追加</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_37.jpg" alt="オプションを入力します。" class="wp-image-18763" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_37.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_37-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_37-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_37-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_37-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_37-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_37-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_37-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「新しいオプションを入力」と書かれたボックスが表示されますので、こちらにテキストを入力します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_38.jpg" alt="オプションを選択します。" class="wp-image-18764" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_38.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_38-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_38-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_38-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_38-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_38-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_38-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_38-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">各セルをクリックすると、オプションを選択することが出来るようになります。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_39.jpg" alt="オプションを複数、選択します。" class="wp-image-18765" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_39.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_39-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_39-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_39-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_39-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_39-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_39-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_39-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「セレクト」では選択できるオプションは一つだけでしたが、「マルチセレクト」では、複数のオプションを選択することが可能です。</p>



<p class="wp-block-paragraph">ここでは3人選択してみました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_40.jpg" alt="セルにオプションが入力されています。" class="wp-image-18766" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_40.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_40-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_40-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_40-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_40-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_40-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_40-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_40-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">セルに3人分のオプションが入力されています。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_41.jpg" alt="新規オプションの作成" class="wp-image-18767" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_41.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_41-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_41-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_41-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_41-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_41-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_41-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_41-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">オプションを選択する際に、新しいオプションを直接入力・作成することが出来ます。</p>



<p class="wp-block-paragraph">上の矢印の部分にカーソルが表示されますので、ここに直接テキストを入力します。</p>



<p class="wp-block-paragraph">下の矢印の所に、「新規作成」と表示されますので、<span class="keyboard-key"><span class="bold-green">Enter</span></span>キーを押します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_42.jpg" alt="新しいオプションが作成されました。" class="wp-image-18768" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_42.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_42-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_42-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_42-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_42-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_42-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_42-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_42-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">オプションが新しく追加されたのが分かります。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc14">ステータス</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_43.jpg" alt="ステータスを作成します。" class="wp-image-18771" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_43.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_43-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_43-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_43-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_43-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_43-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_43-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_43-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「<strong>ステータス</strong>」を作成します。</p>



<p class="wp-block-paragraph">プロパティの追加から「<strong>ステータス</strong>」を選択します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_44.jpg" alt="オプションを入力します。" class="wp-image-18772" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_44.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_44-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_44-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_44-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">編集画面が表示されました。</p>



<p class="wp-block-paragraph">デフォルトで、「未着手」、「進行中」、「完了」の3つが表示されています。</p>



<p class="wp-block-paragraph">セレクトやマルチセレクトと同様に「+」ボタンをクリックしてオプションを追加することが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_45.jpg" alt="デフォルトのオプションが表示されています。" class="wp-image-18773" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_45.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_45-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_45-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_45-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_45-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_45-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_45-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_45-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">各セルに「未着手」と表示されています。</p>



<p class="wp-block-paragraph">これは、先ほどの編集画面で「未着手」がデフォルトに設定されているためです。</p>



<p class="wp-block-paragraph">デフォルトを変更すれば、デフォルトに設定したオプションが表示されるようになります。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_46.jpg" alt="ステータスを選択します。" class="wp-image-18774" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_46.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_46-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_46-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_46-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_46-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_46-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_46-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_46-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">セルをクリックして「ステータス」を選択します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc15">日付</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_47.jpg" alt="日付を選択します。" class="wp-image-18775" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_47.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_47-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_47-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_47-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_47-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_47-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_47-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_47-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「<strong>日付</strong>」を作成します。</p>



<p class="wp-block-paragraph">プロパティの追加から「<strong>日付</strong>」を選択します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_48.jpg" alt="セルをクリックします。" class="wp-image-18776" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_48.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_48-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_48-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_48-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_48-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_48-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_48-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_48-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">日付を入力したいセルをクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_49.jpg" alt="カレンダーから日付を選択します。" class="wp-image-18777" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_49.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_49-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_49-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_49-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">カレンダーが表示されますので、日付を選択します。</p>



<p class="wp-block-paragraph">選択した日付がセルに入力されます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_51.jpg" alt="開始日、終了日を選択します。" class="wp-image-18779" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_51.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_51-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_51-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_51-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">日付に終了日を設定することが出来ます。</p>



<p class="wp-block-paragraph">入力画面の下にある「終了日」をオンにします。</p>



<p class="wp-block-paragraph">開始日と終了日を入力すると、カレンダーに選択した日付が表示されるようになります。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_52.jpg" alt="時刻を入力します。" class="wp-image-18780" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_52.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_52-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_52-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_52-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">日付に時間を設定することも出来ます。</p>



<p class="wp-block-paragraph">入力画面の下にある「時間を含む」をオンにします。</p>



<p class="wp-block-paragraph">入力画面の上部に時刻が表示されますので、直接時刻を入力します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_65.jpg" alt="日付の表示形式を変更します。" class="wp-image-18798" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_65.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_65-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_65-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_65-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_65-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_65-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_65-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_65-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">日付の表示形式を変更することも出来ます。</p>



<p class="wp-block-paragraph">「日付」のプロパティ編集画面から「日付の形式」をクリックします。</p>



<p class="wp-block-paragraph">「/」を使った日付表示に簡単に変更することが出来ますので、好みの表示方法を選択してください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_66.jpg" alt="時刻の表示形式を変更します。" class="wp-image-18799" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_66.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_66-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_66-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_66-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_66-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_66-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_66-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_66-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">時刻の表示形式も変更することが出来ます。</p>



<p class="wp-block-paragraph">プロパティの編集から「時刻の形式」をクリックします。</p>



<p class="wp-block-paragraph">「非表示」、「12時間」、「24時間」の3つから選択することが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_53.jpg" alt="日付の入力例になります。" class="wp-image-18781" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_53.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_53-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_53-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_53-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_53-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_53-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_53-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_53-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">上から、「日付のみ」、「終了日」、「終了日と時刻」、「日付と時刻」で入力しています。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc16">データベースを見やすくする</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc17">余白を縮小する</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_54.jpg" alt="データベースの左右に余白があります。" class="wp-image-18784" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_54.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_54-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_54-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_54-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_54-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_54-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_54-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_54-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">データベースの列を複数作成していくと、全体が見にくくなりがちです。</p>



<p class="wp-block-paragraph">そんな時は空白や列の幅を調整すると、少し見やすくすることが出来ます。</p>



<p class="wp-block-paragraph">まずはデータベースの両サイドにある空白を調整してみましょう。</p>



<p class="wp-block-paragraph">赤い枠線で囲った部分が余白として取られているのですが、少し無駄なスペースになっていると思います。</p>



<p class="wp-block-paragraph">この余白の幅を小さくしていきます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_55.jpg" alt="「左右の余白を縮小」をオンにします。" class="wp-image-18785" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_55.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_55-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_55-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_55-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">画面右上にある3点リーダーをクリックします。</p>



<p class="wp-block-paragraph">メニューが表示されますので、「<strong>左右の余白を縮小</strong>」を「<strong>オン</strong>」にします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_56.jpg" alt="余白が縮小されました。" class="wp-image-18786" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_56.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_56-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_56-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_56-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_56-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_56-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_56-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_56-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">左右の余白が、先ほどの半分以下に縮小されました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc18">列の幅を調整する</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_57.jpg" alt="列に余白があります。" class="wp-image-18787" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_57.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_57-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_57-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_57-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_57-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_57-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_57-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_57-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「列の幅」を調整していきます。</p>



<p class="wp-block-paragraph">画像の通り、各列に大きな余白がありますので、この空白を調整していきましょう。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_58.jpg" alt="列の上部にあるラインをダブルクリックします。" class="wp-image-18788" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_58.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_58-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_58-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_58-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_58-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_58-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_58-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_58-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">調整の仕方は簡単です。</p>



<p class="wp-block-paragraph">スプレッドシートをお使いになられている方ならすでにご存じだと思います。</p>



<p class="wp-block-paragraph">ポインターを各列の間のラインの一番上に移動すると、両向きの矢印とともに、その場所のラインが太くなります。</p>



<p class="wp-block-paragraph">この状態でダブルクリックすると、セルに入力されている文字列の長さに適したサイズに変更されます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_59.jpg" alt="列幅が自動で調整されます。" class="wp-image-18789" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_59.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_59-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_59-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_59-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_59-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_59-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_59-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_59-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">名前の列の幅がテキストに合わせて縮小されました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_60.jpg" alt="列幅が小さくなり過ぎました。" class="wp-image-18790" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_60.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_60-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_60-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_60-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_60-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_60-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_60-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_60-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">上記の手順で「完成度」の列の幅も縮小してみましょう。</p>



<p class="wp-block-paragraph">確かに縮小されたのですが、列の見出し部分が表示されなくなってしまっています。</p>



<p class="wp-block-paragraph">このような状態になった場合は、先ほどの太いラインをドラッグして列幅を調整してください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_61.jpg" alt="適切な幅に調整します。" class="wp-image-18791" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_61.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_61-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_61-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_61-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_61-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_61-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_61-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_61-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「完成度」が見えるように、少し幅を広げてみました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc19">列を固定する</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_62.jpg" alt="列を固定させます。" class="wp-image-18795" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_62.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_62-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_62-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_62-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_62-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_62-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_62-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_62-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">列が増えると右側にある列を見るには、画面をスクロールしなくてはなりません。</p>



<p class="wp-block-paragraph">その際、すべての列が移動してしまいます。</p>



<p class="wp-block-paragraph">これだと、見出しに当たる一番最初の列が全く見えなくなってしまいます。</p>



<p class="wp-block-paragraph">（ここだと「名前」の列が該当します。）</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">スプレッドシートを利用されている方ならよく使うと思いますが、画面をスクロールしても最初の列が動かないようにNotionでも「固定」することが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_63.jpg" alt="「この列まで固定表示」という場所をクリックします。" class="wp-image-18796" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_63.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_63-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_63-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_63-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_63-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_63-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_63-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_63-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">列の見出しの部分をクリックするとメニューが表示されます。</p>



<p class="wp-block-paragraph">メニュー内にある「<strong>この列まで固定表示</strong>」という場所をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_64.jpg" alt="列が固定されました。" class="wp-image-18797" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_64.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_64-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_64-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_64-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_64-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_64-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_64-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/2024_database_64-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">画面をスクロールしても「名前」の列は固定されたままになっています。</p>



<p class="wp-block-paragraph">なお、固定された列の右側の縦線は太くなっています。</p>



<p class="wp-block-paragraph">ここでは「名前」の列で固定しましたが、どの列の場所でも固定することが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><div class="ad-area no-icon ad-shortcode ad-auto ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-8583693483124941"
  data-ad-slot="8969726240"
  data-ad-format="auto"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>
</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc20">まとめ</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">今回の記事では、「プロパティ」の使い方を中心にご紹介させて頂きました。</p>



<p class="wp-block-paragraph">スプレッドシートを使ったことがある方であれば、簡単に理解出来たのではないでしょうか。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">次回は「データベースの表示方法」について、ご紹介させて頂きます。</p>



<ul class="wp-block-list">
<li><a href="https://aftercovid20.com/notion-database-view/">Notion データベース機能 初心者でもすぐに分かるビュー（視点）の使い方</a></li>
</ul>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">今回も最後までお読みいただきありがとうございました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://aftercovid20.com/notion-database/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Notionページを自由自在にカスタマイズ！アイコン、カバー画像、ブロック活用術</title>
		<link>https://aftercovid20.com/notion-page/</link>
					<comments>https://aftercovid20.com/notion-page/#respond</comments>
		
		<dc:creator><![CDATA[JIRO]]></dc:creator>
		<pubDate>Fri, 23 Aug 2024 07:25:58 +0000</pubDate>
				<category><![CDATA[Notion]]></category>
		<guid isPermaLink="false">https://aftercovid20.com/?p=18621</guid>

					<description><![CDATA[「Notion、ちょっと気になるけど、いまいち使い方が分からない…」 そんな悩みをお持ちのあなたへ。 この記事では、Notionの「ページ」に焦点を当て、初心者でも迷わないように、基本操作から応用テクニックまで丁寧に解説 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「Notion、ちょっと気になるけど、いまいち使い方が分からない…」</p>



<p class="wp-block-paragraph">そんな悩みをお持ちのあなたへ。</p>



<p class="wp-block-paragraph">この記事では、Notionの「ページ」に焦点を当て、<strong>初心者でも迷わない</strong>ように、<strong>基本操作から応用テクニック</strong>まで丁寧に解説します。</p>



<p class="wp-block-paragraph">Notionのページは、まるで<strong>無限のキャンバス</strong>。 アイデアを形にしたり、情報を整理したり、自由な発想で活用できます。</p>



<p class="wp-block-paragraph">この記事を読めば、あなたもNotionのページを<strong>自由自在に使いこなせる</strong>こと間違いなし！</p>



<p class="wp-block-paragraph"> 情報管理の効率をグーンと向上させ、あなたの創造性を解き放ちましょう！</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionの使い方を理解する上で最も重要な、「<strong>画面の基本的な使い方</strong>」については以下の記事をご参照ください。</p>



<ul class="wp-block-list">
<li><a href="https://aftercovid20.com/notion-basic/" target="_blank">Notionの基本画面をマスターしよう！サイドバーからエディタまで徹底解説</a></li>
</ul>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc1">ページをカスタマイズする</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc2">アイコンの設定</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_19.jpg" alt="「アイコンを追加」をクリックします。" class="wp-image-18626" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_19.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_19-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_19-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_19-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_19-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_19-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_19-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_19-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">ページにアイコンを追加してみましょう。</p>



<p class="wp-block-paragraph">ポインターをページのタイトルあたりに乗せると、タイトルの上に「<strong>アイコンを追加</strong>」と表示されますので、こちらをクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_20.jpg" alt="アイコンを選択します。" class="wp-image-18627" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_20.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_20-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_20-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_20-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_20-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_20-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_20-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_20-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">様々な「<strong>絵文字</strong>」や「<strong>アイコン</strong>」が表示されますので、分かりやすいものを選択します。</p>



<p class="wp-block-paragraph">「<strong>カスタム</strong>」をクリックすると、ご自身で用意したアイコンをアップロードすることが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_21.jpg" alt="アイコンが追加されました。" class="wp-image-18628" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_21.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_21-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_21-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_21-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_21-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_21-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_21-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_21-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">アイコンがタイトルの上に追加されました。</p>



<p class="wp-block-paragraph">またサイドバーにある「新規サブページ」のタイトルの前にもアイコンが追加されています。</p>



<p class="wp-block-paragraph">視覚的にテーマに沿ったアイコンを設定すると、後で内容を理解しやすくなるとおもいます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc3">カバー画像を追加</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_22.jpg" alt="「カバー画像を追加」をクリックします。" class="wp-image-18629" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_22.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_22-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_22-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_22-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_22-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_22-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_22-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_22-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">アイコンの時と同様に、タイトルの上にマウスを乗せると、「<strong>カバー画像を追加</strong>」と表示されますので、こちらをクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_23.jpg" alt="「カバー画像を変更」をクリックします。" class="wp-image-18630" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_23.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_23-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_23-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_23-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_23-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_23-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_23-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_23-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">自動で適当な画像が挿入されました。</p>



<p class="wp-block-paragraph">カバー画像を変更していきましょう。</p>



<p class="wp-block-paragraph">画面右上にある「<strong>カバー画像を変更</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_24.jpg" alt="" class="wp-image-18631" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_24.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_24-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_24-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_24-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_24-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_24-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_24-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_24-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「ギャラリー」内には、カラーとグラデーションの画像や、Notionが用意した様々な画像が用意されていますので、好みの画像を選択してください。</p>



<p class="wp-block-paragraph">その他の項目は以下になります。</p>



<p class="wp-block-paragraph"><strong>アップロード</strong>：ご自身で用意した画像を挿入することが出来ます。</p>



<p class="wp-block-paragraph"><strong>URLリンク</strong>：Web上にある画像を使用することが出来ます。</p>



<p class="wp-block-paragraph"><strong>Unsplash</strong>：「Unsplash」のサイトにある画像を検索、利用することが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc4">表示位置を変更</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_25.jpg" alt="表示位置を変更します。" class="wp-image-18632" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_25.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_25-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_25-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_25-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_25-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_25-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_25-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_25-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">画像を挿入すると表示位置がずれていることが多いと思います。</p>



<p class="wp-block-paragraph">その際は、「<strong>表示位置を変更</strong>」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_26.jpg" alt="画像の位置を確定させます。" class="wp-image-18633" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_26.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_26-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_26-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_26-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_26-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_26-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_26-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_26-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">画像をドラッグすると位置を変更することが出来ますので、適切な位置に配置します。</p>



<p class="wp-block-paragraph">配置が決まったら、「表示位置を確定」をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">画像の配置はブラウザのサイズやデバイスによって見え方が変わります。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc5">ブロック</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc6">ブロックとは</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_27.jpg" alt="ブロックを理解する" class="wp-image-18636" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_27.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_27-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_27-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_27-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">いよいよページの内容を作成していくのですが、その前に理解しておく必要があるのが「<strong>ブロック</strong>」という概念です。</p>



<p class="wp-block-paragraph">ワードプレスを利用している方であれば、すぐに理解して頂けると思うのですが、Notionではドキュメントで言うところの1行1行がブロックとして扱われています。</p>



<p class="wp-block-paragraph">この「<strong>ブロック</strong>」はテキストだけでなく、見出しやテーブル、リスト、ToDoリスト、画像などもブロックとして扱われます。</p>



<p class="wp-block-paragraph">「ブロック」はドラッグ＆ドロップで簡単に移動させたり、複製したりすることができます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">初めてブロックの概念に触れる方には、少し分かりにくいと思います。</p>



<p class="wp-block-paragraph">しかし実際に使ってみるとすぐに慣れてしまうと思います。</p>



<p class="wp-block-paragraph">イメージとしてはページの上に様々なブロックが置かれていて、そのブロックにはテキストやリストなど様々なものが入っていて、その配置をいつでも自由に変更できるものと考えると、少しはイメージ出来るかもしれません。</p>



<p class="wp-block-paragraph">（余計に分かりにくくなったらすいません）</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc7">ブロックのアイコン</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_29.jpg" alt="「ハンドル」をクリックします。" class="wp-image-18640" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_29.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_29-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_29-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_29-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_29-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_29-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_29-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_29-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">ブロックに設定されているアイコンについてみていきましょう。</p>



<p class="wp-block-paragraph">ブロック内にポインターを乗せると、ブロックの前に3点リーダーを二つ重ねたアイコンと「+」アイコンが表示されます。</p>



<p class="wp-block-paragraph">まず点が6個あるアイコンをクリックします。</p>



<p class="wp-block-paragraph">なおこのアイコンのことをNotionでは「<strong>ハンドル</strong>」と呼びます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_28.jpg" alt="ブロックのメニュー" class="wp-image-18639" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_28.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_28-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_28-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_28-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_28-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_28-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_28-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_28-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">メニューが表示されました。</p>



<p class="wp-block-paragraph">ブロックにコメントしたり、削除したり、コピーしたりなどの操作を行うことが出来ます。</p>



<p class="wp-block-paragraph">それぞれの項目はとりあえず、何となく理解しておけば良いと思います。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_30.jpg" alt="「+」アイコンをクリックしてブロックを追加します。" class="wp-image-18641" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_30.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_30-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_30-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_30-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_30-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_30-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_30-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_30-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「+」アイコンをクリックすると、ブロックを追加することが出来ます。</p>



<p class="wp-block-paragraph">そのままクリックすると、下にブロックが追加されます。</p>



<p class="wp-block-paragraph"><span class="keyboard-key"><span class="bold-green">Alt</span></span>キーを押しながらクリックすると、上にブロックが追加されます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc8">ブロックの移動</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_31.jpg" alt="ブロックの移動" class="wp-image-18642" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_31.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_31-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_31-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_31-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_31-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_31-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_31-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_31-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">ブロックを移動する方法をみてましょう。</p>



<p class="wp-block-paragraph">移動させたいブロックの前にある「<strong>ハンドル</strong>」をドラッグして、移動したい場所でドロップします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_32.jpg" alt="ブロックを移動させます。" class="wp-image-18643" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_32.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_32-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_32-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_32-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_32-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_32-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_32-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_32-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">ドラッグ中はブルーのラインがガイドになりますので、移動させたい場所までドラッグしてドロップします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc9">ブロックの指定</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_33.jpg" alt="ブロックを指定します。" class="wp-image-18644" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_33.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_33-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_33-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_33-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">ブロックタイプを指定する方法は幾つかあるのですが、最初に覚えて欲しいのが<strong>「/」スラッシュ</strong>を使った方法です。</p>



<p class="wp-block-paragraph">ブロックに「/」を入力すると、様々なタイプのブロックが表示されますので、利用したいブロックを選択してください。</p>



<p class="wp-block-paragraph">代表的でよく使うブロックは以下になります。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>ベーシック</strong></p>



<ul class="wp-block-list">
<li><strong>テキスト</strong>: 標準のテキストブロックを挿入します。</li>



<li><strong>ページ</strong>: 子ページを作成します。</li>



<li><strong>ToDoリスト</strong>: チェックボックス付きのリストを挿入します。</li>



<li><strong>見出し 1, 2, 3</strong>: 見出しブロック（H1、H2、H3）を挿入します。</li>



<li><strong>箇条書きリスト</strong>: 点付きリストを挿入します。</li>



<li><strong>番号付きリスト</strong>: 番号付きリストを挿入します。</li>



<li><strong>トグルリスト</strong>: トグル（折りたたみ）リストを挿入します。</li>



<li><strong>引用</strong>: 引用ブロックを挿入します。</li>



<li><strong>区切り線</strong>: 横線（区切り線）を挿入します。</li>



<li><strong>コールアウト</strong>: カラーの背景を持つテキストボックスを挿入します。</li>
</ul>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>メディア</strong></p>



<ul class="wp-block-list">
<li><strong>画像</strong>: 画像を挿入します。</li>



<li><strong>Web ブックマーク</strong>: ビジュアルブックマークを埋め込みます。</li>



<li><strong>動画</strong>: 動画を挿入します（YouTubeなどの埋め込みも可能）。</li>



<li><strong>オーディオ</strong>: オーディオファイルを挿入します。</li>
</ul>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">その他には、「<strong>データーベース</strong>」や「<strong>埋め込み</strong>」、「<strong>Notion AI</strong>」などのブロックが用意されています。</p>



<p class="wp-block-paragraph">まずは「<strong>ベーシック</strong>」と「<strong>メディア</strong>」を理解して、その他のブロックは、実際に作業しながら覚えていくのが良いでしょう。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">ここでは「/」を使ったブロックの選択方法をご紹介させて頂きましたが、実際にNotionを使う時はショートカットキーを使った方が便利です。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc10">ベーシックブロックの使い方</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc11">テキスト</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_34.jpg" alt="テキストを編集します。" class="wp-image-18649" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_34.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_34-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_34-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_34-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_34-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_34-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_34-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_34-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">ブロックはデフォルトでテキストが指定されています。</p>



<p class="wp-block-paragraph">そのまま文字を打ち込めばテキストが挿入されます。</p>



<p class="wp-block-paragraph">テキストの色を変えたり、太字にしたり、リンクを追加したりする場合は、該当するテキストを選択してください。</p>



<p class="wp-block-paragraph">選択したテキストの上にメニューが表示されますので、必要な変更を行ってください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc12">ToDoリスト</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_35.jpg" alt="ToDoリストを挿入します。" class="wp-image-18650" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_35.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_35-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_35-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_35-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_35-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_35-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_35-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_35-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「ToDoリスト」を挿入してみましょう。</p>



<p class="wp-block-paragraph">「/」を入力して「ToDoリスト」を選択します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_37.jpg" alt="ToDoリストが挿入されました。" class="wp-image-18652" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_37.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_37-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_37-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_37-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_37-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_37-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_37-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_37-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「ToDoリスト」が挿入されました。</p>



<p class="wp-block-paragraph">テキストは自由に入力することが出来ます。</p>



<p class="wp-block-paragraph">チェックを入れるとテキストに取り消し線が引かれているのが分かると思います。</p>



<p class="wp-block-paragraph">下のブロックに続けて「ToDoリスト」を設置する場合は<span class="bold-green"><span class="keyboard-key">Enter</span></span>キーを押します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">「ToDoリスト」を使うには、以下のショートカットキーが便利です。</p>



<p class="wp-block-paragraph"><span class="bold-green"><span class="keyboard-key">[</span></span>　<span class="bold-green"><span class="keyboard-key">]</span></span> + <span class="bold-green"><span class="keyboard-key">スペースキー</span></span>　：ToDoリストの挿入</p>



<p class="wp-block-paragraph"><span class="bold-green"><span class="keyboard-key">Ctrl</span></span> + <span class="keyboard-key"><span class="bold-green">Enter</span></span>　：&#x2714;を付けたり外したりする場合</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc13">見出し</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_38.jpg" alt="「見出し」を選択します。" class="wp-image-18653" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_38.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_38-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_38-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_38-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_38-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_38-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_38-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_38-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「見出し」を入力してみます。</p>



<p class="wp-block-paragraph">「/」を入力して「見出し１」「見出し２」「見出し3」を選択します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_39.jpg" alt="見出しを入力しました。" class="wp-image-18654" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_39.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_39-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_39-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_39-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_39-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_39-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_39-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_39-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「見出し」を適切に使って分かりやすいページを作成してください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">「見出し」の挿入には、以下のショートカットキーが便利です。</p>



<p class="wp-block-paragraph"><span class="bold-green"><span class="keyboard-key">#</span></span> + <span class="bold-green"><span class="keyboard-key">スペース</span></span>　：「見出し１」の挿入。「#」の数により見出しのサイズが決まります。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc14">リスト</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_40.jpg" alt="リストを挿入します。" class="wp-image-18656" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_40.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_40-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_40-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_40-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_40-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_40-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_40-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_40-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「/」を入力して「<strong>箇条書きリスト</strong>」を選択します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_41.jpg" alt="箇条書きリスト" class="wp-image-18655" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_41.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_41-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_41-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_41-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_41-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_41-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_41-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_41-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">続けてリストを作る場合は、<span class="keyboard-key"><span class="bold-green">Enter</span></span>　キーを押します。</p>



<p class="wp-block-paragraph">番号付きリストも同様の手順で作成することが出来ます。</p>



<p class="wp-block-paragraph">リストをやめる場合は、<span class="keyboard-key"><span class="bold-green">Enter</span></span>　キーを2回押します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">「リスト」の挿入には、以下のショートカットキーが便利です。</p>



<p class="wp-block-paragraph"><span class="bold-green"><span class="keyboard-key">&#8211; </span></span>+ <span class="bold-green"><span class="keyboard-key">スペース</span></span>　：「箇条書きリスト」の挿入。</p>



<p class="wp-block-paragraph"><span class="bold-green"><span class="keyboard-key">1</span></span> + <span class="bold-green"><span class="keyboard-key">. </span></span>+  <span class="bold-green"><span class="keyboard-key">スペース</span></span>　：「番号付きリスト」の挿入。数字を変えるとその番号が入力されます。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc15">トグルリスト</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_42.jpg" alt="トグルリストを挿入します。" class="wp-image-18659" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_42.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_42-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_42-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_42-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_42-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_42-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_42-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_42-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「/」を入力して「<strong>トグルリスト</strong>」を選択します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_43.jpg" alt="三角形をクリックします。" class="wp-image-18660" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_43.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_43-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_43-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_43-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_43-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_43-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_43-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_43-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">トグルが挿入されました。</p>



<p class="wp-block-paragraph">適当な名前を付けて、三角形をクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_44.jpg" alt="トグルにテキストを挿入します。" class="wp-image-18661" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_44.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_44-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_44-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_44-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_44-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_44-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_44-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_44-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">トグルの下にブロックが表示されますので、テキストなどを入力してください。</p>



<p class="wp-block-paragraph">三角形をクリックするとトグルの下にあるテキストは表示されなくなります。</p>



<p class="wp-block-paragraph">トグルを有効に活用することにより、大事な情報が見やすくなります。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">「トグル」の利用には、以下のショートカットキーが便利です。</p>



<p class="wp-block-paragraph"><span class="bold-green"><span class="keyboard-key">&gt; </span></span>+ <span class="bold-green"><span class="keyboard-key">スペース</span></span>　：「トグルリスト」の挿入。</p>



<p class="wp-block-paragraph"><span class="bold-green"><span class="keyboard-key">Ctrl</span></span> + <span class="bold-green"><span class="keyboard-key">Enter</span></span>　：トグルを開いたり閉じたりします。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">トグルの三角形の色が薄い場合は、トグル内には何の情報もありません。</p>



<p class="wp-block-paragraph">トグルの色が濃い場合は、トグル内に情報が格納されています。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc16">テーブル</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_55.jpg" alt="テーブルを挿入します。" class="wp-image-18696" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_55.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_55-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_55-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_55-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_55-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_55-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_55-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_55-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「/」を入力して「<strong>テーブル</strong>」を選択します。</p>



<p class="wp-block-paragraph">2列3行のテーブルが挿入されました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_56.jpg" alt="行列を追加します。" class="wp-image-18697" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_56.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_56-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_56-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_56-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_56-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_56-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_56-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_56-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">テーブルを選択すると、複数の「+」ボタンが表示されます。</p>



<p class="wp-block-paragraph">右横にある「+」ボタンをクリックすると、「列」を追加することが出来ます。</p>



<p class="wp-block-paragraph">下にある「+」ボタンをクリックすると、「行」を増やすことが出来ます。</p>



<p class="wp-block-paragraph">右下の角にある「+」ボタンをドラッグすると、「列」と「行」を自由に追加することが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_57.jpg" alt="行列全体を選択します。" class="wp-image-18698" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_57.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_57-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_57-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_57-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_57-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_57-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_57-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_57-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">各列・各行にある6点のアイコン（ハンドル）をクリックすると、「行全体」・「列全体」を選択することが出来ます。</p>



<p class="wp-block-paragraph">カラーを指定したり、行列を入れ替えたりすることが出来ます。</p>



<p class="wp-block-paragraph">ハンドルをドラッグして行列を移動させることも可能です。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_58.jpg" alt="テーブルをページの幅に合わせます。" class="wp-image-18699" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_58.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_58-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_58-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_58-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_58-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_58-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_58-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_58-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">テーブルの上部に表示されている両向きの矢印をクリックすると、テーブルをページの幅に合わせて広げることが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_59.jpg" alt="行列に見出しを追加します。」" class="wp-image-18700" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_59.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_59-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_59-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_59-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_59-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_59-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_59-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_59-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「<strong>オプション</strong>」をクリックすると、行列に「<strong>見出し</strong>」を追加することが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc17">コールアウト</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_52.jpg" alt="コールアウトを挿入します。" class="wp-image-18693" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_52.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_52-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_52-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_52-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_52-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_52-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_52-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_52-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「/」を入力して「<strong>コールアウト</strong>」を選択します。</p>



<p class="wp-block-paragraph">ブロック全体が囲まれた状態になりました。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_53.jpg" alt="アイコンを挿入することが出来ます。" class="wp-image-18694" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_53.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_53-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_53-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_53-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_53-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_53-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_53-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_53-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">コールアウト内にあるアイコンをクリックすると、ページ作成時にページにアイコンを設定したように、「絵文字」や「アイコン」などを挿入することが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_54.jpg" alt="文字色、背景色を変更します。" class="wp-image-18695" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_54.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_54-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_54-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_54-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">コールアウトの「ハンドル」をクリックすると、メニューが表示されます。</p>



<p class="wp-block-paragraph">メニュー内の「カラー」をクリックすると、背景色や文字色を変更することが可能です。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">コールアウトでは文字色と背景色の両方を同時に変更することは出来ません。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">「コールアウト」の利用には、以下のショートカットキーが便利です。</p>



<p class="wp-block-paragraph"><span class="bold-green"><span class="keyboard-key">/ </span></span> + <span class="bold-green"><span class="keyboard-key">C</span></span> + <span class="bold-green"><span class="keyboard-key">Enter</span></span>　：「コールアウト」の挿入。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc18">画像</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_60.jpg" alt="画像を挿入します。" class="wp-image-18703" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_60.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_60-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_60-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_60-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_60-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_60-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_60-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_60-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「/」を入力して「<strong>画像</strong>」を選択します。</p>



<p class="wp-block-paragraph">カバー画像を追加した時と同じように、画像選択画面が表示されますので、好きな方法で画像を挿入してください。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_61.jpg" alt="画像サイズを変更します。" class="wp-image-18704" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_61.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_61-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_61-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_61-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_61-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_61-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_61-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_61-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">少し分かりにくいですが、画像の両サイドにあるバーをドラッグすると、画像サイズを変更することが可能です。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">動画などの埋め込み方法も、基本的に画像の埋め込み方法と同じになります。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">「画像」の埋め込みには、以下のショートカットキーが便利です。</p>



<p class="wp-block-paragraph"><span class="bold-green"><span class="keyboard-key">/ </span></span> + <span class="bold-green"><span class="keyboard-key">image</span></span> + <span class="bold-green"><span class="keyboard-key">Enter</span></span>　：「画像」の挿入。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc19">複数列の作成</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc20">カラムの作成</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_45.jpg" alt="" class="wp-image-18664" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_45.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_45-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_45-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_45-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_45-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_45-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_45-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_45-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">複数の列を作成する方法を見ていきましょう。</p>



<p class="wp-block-paragraph">まずは「カラム」を使った方法です。</p>



<p class="wp-block-paragraph">「/」を入力してアドバンストにある「<strong>2列</strong>」を選択します。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_46.jpg" alt="" class="wp-image-18666" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_46.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_46-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_46-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_46-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_46-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_46-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_46-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_46-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">横に2列のカラムが作成されました。</p>



<p class="wp-block-paragraph">しかし通常のカラムは枠線がないので、少し分かりにくい場合があります。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc21">ドラッグアンドドロップで作成</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_47.jpg" alt="ハンドルをドラッグします。" class="wp-image-18667" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_47.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_47-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_47-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_47-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_47-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_47-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_47-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_47-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">すでに作成したブロックを使って「列」を作成することが出来るのもNotionの特徴の一つです。</p>



<p class="wp-block-paragraph">ここでは「見出し1」と「見出し2」を並べて配置してみます。</p>



<p class="wp-block-paragraph">まずは「見出し２」のハンドルを「見出し１」の横までドラッグします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_48.jpg" alt="「見出し1」の脇に移動します」" class="wp-image-18668" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_48.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_48-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_48-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_48-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_48-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_48-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_48-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_48-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">青い縦の線が表示されたら、ドロップします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_49.jpg" alt="列が完成しました。" class="wp-image-18669" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_49.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_49-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_49-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_49-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_49-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_49-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_49-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_49-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「見出し２」が「見出し1」の脇に移動しました。</p>



<p class="wp-block-paragraph">この画面で表示されている「見出し2」の脇にある縦線をドラッグすると、列の幅を調整することが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><div class="ad-area no-icon ad-shortcode ad-auto ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-8583693483124941"
  data-ad-slot="8969726240"
  data-ad-format="auto"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>
</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc22">まとめ</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">いかがでしたか。</p>



<p class="wp-block-paragraph">今回の記事でページの基本的な作成方法は理解して頂けたと思います。</p>



<p class="wp-block-paragraph">細かい部分は実際に使っているうちに覚えてしまいます。</p>



<p class="wp-block-paragraph">まずは色々とページを作成してみましょう。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">今回も最後までお読み頂きありがとうございました。</p>



<p class="wp-block-paragraph">次回も引き続き、Notionの基本的な使い方をご紹介させて頂きます。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://aftercovid20.com/notion-page/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Notionの基本画面をマスターしよう！サイドバーからエディタまで徹底解説</title>
		<link>https://aftercovid20.com/notion-basic/</link>
					<comments>https://aftercovid20.com/notion-basic/#respond</comments>
		
		<dc:creator><![CDATA[JIRO]]></dc:creator>
		<pubDate>Fri, 23 Aug 2024 07:25:40 +0000</pubDate>
				<category><![CDATA[Notion]]></category>
		<guid isPermaLink="false">https://aftercovid20.com/?p=18589</guid>

					<description><![CDATA[「Notionって、結局何ができるの？どこから手をつければいいか分からない…」そんなあなたへ。 情報過多な現代で、必要な情報を必要な時に取り出すのは至難の業。 Notionは、そんな悩みを解決してくれる万能ツールとして注 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「Notionって、結局何ができるの？どこから手をつければいいか分からない…」そんなあなたへ。</p>



<p class="wp-block-paragraph">情報過多な現代で、必要な情報を必要な時に取り出すのは至難の業。 Notionは、そんな悩みを解決してくれる万能ツールとして注目されています。</p>



<p class="wp-block-paragraph">でも、多機能ゆえに「どこから手をつければいいか分からない」「画面が複雑で使いこなせそうにない」と感じている方も多いのではないでしょうか？</p>



<p class="wp-block-paragraph">この記事では、Notionの基本的な画面構成に焦点を当て、初心者でも迷わないように分かりやすく解説します。</p>



<p class="wp-block-paragraph">まるで地図を手に入れたかのように、Notionの全体像を把握し、情報管理の第一歩を踏み出しましょう！</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">この記事を読むと</p>



<ul class="wp-block-list">
<li>Notionの画面構成が理解できる</li>



<li>サイドバー、エディタ、コントロールパネルの役割がわかる</li>



<li>ページ、サブページの作成方法がわかる</li>



<li>Notionの基本操作をマスターできる</li>
</ul>



<p class="wp-block-paragraph">Notionは、使いこなせばあなたの生産性を劇的に向上させてくれる強力なツールです。 この記事を読んで、Notionの第一歩を踏み出し、あなたの情報管理をレベルアップさせましょう！</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc1">アカウントの開設</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_01.jpg" alt="Noton公式サイト" class="wp-image-18592" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_01.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_01-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_01-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_01-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="has-text-align-center wp-block-paragraph"><span class="fz-12px"><a rel="noopener" href="https://www.notion.so/ja" target="_blank">Notion公式サイト</a></span></p>
</blockquote>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">アカウントの開設方法は、簡潔にご紹介させて頂きます。</p>



<p class="wp-block-paragraph">まずは、公式サイトにアクセスします。</p>



<p class="wp-block-paragraph">画面右上に「ログイン」と書かれた場所がありますので、こちらをクリックします。</p>



<p class="wp-block-paragraph">「Googleアカウント」や「Appleアカウント」をお持ちの方はそちらからログインすることが可能です。</p>



<p class="wp-block-paragraph">また、メールアドレスからアカウントを開設することも出来ます。</p>



<p class="wp-block-paragraph">その際は登録したメールアドレスに届いた本人確認メール内にあるリンクをクリックして、登録を完了させて下さい。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc2">画面構成</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc3">サイドバーとエディタ</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_02.jpg" alt="ホーム画面" class="wp-image-18593" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_02.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_02-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_02-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_02-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_02-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_02-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_02-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_02-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">まずは画面の名称について確認しておきましょう。</p>



<p class="wp-block-paragraph">赤い枠線で囲った左側の部分は、「<strong>サイドバー</strong>」と言います。</p>



<p class="wp-block-paragraph">右側の部分は、「<strong>エディタ</strong>」と言います。（「ページ」と書かれているサイトもあります）</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc4">コントロールパネル</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_06.jpg" alt="コントロールパネル" class="wp-image-18597" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_06.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_06-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_06-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_06-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_06-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_06-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_06-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_06-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">サイドバー内にある上部の赤い枠線で囲った部分を、「<strong>コントロールパネル</strong>」と呼びます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc5">サイドバー</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc6">サイドバーの開閉</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_03.jpg" alt="サイドバーを開閉します" class="wp-image-18594" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_03.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_03-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_03-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_03-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">サイドバーはデフォルトでは表示された状態になっていますが、画面サイズの小さいモニターを使用している場合などは、邪魔になることがあります。</p>



<p class="wp-block-paragraph">そんな時は、サイドバーの一番上にある矢印をクリックすると<span class="marker-under-red">サイドバーを閉じる</span>ことが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_04.jpg" alt="サイドバーが閉じた状態" class="wp-image-18595" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_04.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_04-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_04-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_04-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_04-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_04-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_04-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_04-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">サイドバーが閉じると、画面右上には「3点リーダー」が表示されるようになります。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_05.jpg" alt="サイドバーを表示させます。" class="wp-image-18596" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_05.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_05-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_05-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_05-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_05-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_05-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_05-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_05-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">この「3点リーダー」にマウスを乗せると再びサイドバーが表示されます。</p>



<p class="wp-block-paragraph">また、「3点リーダー」は矢印に変わりますので、この矢印をクリックすると、サイドバーを開く（固定表示）することが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc7">コントロールパネル</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_06.jpg" alt="コントロールパネル" class="wp-image-18597" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_06.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_06-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_06-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_06-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_06-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_06-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_06-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_06-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「コントロールパネル」には、5つの項目が用意されています。</p>



<p class="wp-block-paragraph">（ご使用になる時期によって、名称や表示数が変更されている場合があります。）</p>



<ul class="wp-block-list">
<li>検索：キーワード検索や質問などを行うことが出来ます。</li>



<li>Notion AI：Notionに組み込まれた人工知能（AI）機能で、コンテンツ作成や生産性向上のためにAIのサポートを受けることができます。</li>



<li>ホーム：ホーム画面が表示されます。</li>



<li>受信トレイ：メンションやアクティビティ、招待などが表示されます。（通知あり）</li>



<li>設定：アカウント情報、ワークスペース情報などを管理します。</li>
</ul>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">最初は「設定」を使用することはあまりないと思いますが、表示モードの変更を行うことが出来ます。</p>



<p class="wp-block-paragraph">デフォルトはライトモードになっていますが、ダークモードに変更することが可能です。</p>



<p class="wp-block-paragraph">手順は、「設定」⇒「個人設定」⇒「表示設定」で選択します。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc8">プライベート</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_07.jpg" alt="プライベートセクション" class="wp-image-18598" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_07.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_07-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_07-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_07-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_07-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_07-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_07-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_07-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「<strong>プライベートセクション</strong>」は自分専用のページが表示されます。</p>



<p class="wp-block-paragraph">各ページを「共有」しない限り、他人が見ることは出来ません。</p>



<p class="wp-block-paragraph">（共有した場合は、セクションが変わります）</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">最初に表示されている「講義ノート」から「成績計算」まではデフォルトのテンプレートとして表示されています。</p>



<p class="wp-block-paragraph">このまま使用しても良いですし、削除しても問題ありません。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc9">シェア</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_08.jpg" alt="シェア画面" class="wp-image-18601" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_08.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_08-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_08-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_08-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_08-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_08-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_08-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_08-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">プライベートセクションにあるページを、特定の人と共有した場合は、新しく「<strong>シェア</strong>」というセクションが作成されます。</p>



<p class="wp-block-paragraph">シェアされたページがない場合や、共有を解除した場合はこのセクションは表示されません。</p>



<p class="wp-block-paragraph">「共有」の方法などは別の記事でご紹介させて頂きます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc10">チームスペース</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_09.jpg" alt="チームスペース画面" class="wp-image-18602" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_09.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_09-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_09-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_09-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_09-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_09-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_09-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_09-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionではワークスペース内で、他の人とチームを作ることが出来ます。</p>



<p class="wp-block-paragraph">チームスペースの作成方法については別の記事でご紹介させて頂きます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc11">お気に入り</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_10.jpg" alt="画面右上の☆アイコンをクリックします。" class="wp-image-18603" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_10.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_10-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_10-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_10-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_10-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_10-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_10-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_10-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">エディタ画面の右上にある☆アイコンをクリックすると、「<strong>お気に入り</strong>」に追加することが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_11.jpg" alt="お気に入りスペースの作成画面" class="wp-image-18604" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_11.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_11-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_11-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_11-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_11-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_11-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_11-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_11-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">ページをお気に入りに追加するとサイドバーに「<strong>お気に入り</strong>」スペースが作成されます。</p>



<p class="wp-block-paragraph">よく使うページを「お気に入り」に追加しておくとアクセスが容易になります。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc12">カレンダー</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">2024年にリリースされた新機能です。</p>



<p class="wp-block-paragraph">データベースの予定をカレンダーに表示させたり、Googleカレンダーと連携することが出来ます。</p>



<p class="wp-block-paragraph">詳しい使い方については別の記事でご紹介させて頂きます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc13">テンプレート</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_12.jpg" alt="テンプレート画面" class="wp-image-18608" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_12.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_12-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_12-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_12-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_12-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_12-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_12-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_12-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionには無料で使える沢山のテンプレートが用意されています。</p>



<p class="wp-block-paragraph">「暮らし」「仕事」「学校」などのテーマから絞り込んだり、キーワード検索から探したりと様々な方法でテンプレートを探すことが出来ます。</p>



<p class="wp-block-paragraph">テンプレートの詳しい使い方については別の記事でご紹介させて頂きます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc14">ゴミ箱</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">削除したページはゴミ箱に表示されます。</p>



<p class="wp-block-paragraph">ページは復元することも可能です。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc15">ページを理解する</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc16">ページ</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_13.jpg" alt="ページを理解する" class="wp-image-18612" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_13.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_13-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_13-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_13-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Notionの大きな特徴の一つに「<strong>フォルダという概念がない</strong>」ことが挙げられます。</p>



<p class="wp-block-paragraph">ではどのように管理しているかと言うと、ページの下にさらにページを追加することによって管理されています。</p>



<p class="wp-block-paragraph">最初の画面で説明すると、Notionで言う「ページ」とは、サイドバーに表示されている「使ってみる」と書かれた部分になります。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">フォルダの代わりに、最初のページがフォルダの機能をはたしているとも言えます。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc17">ページの作り方</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_50.jpg" alt="ページを追加をクリックします。" class="wp-image-18686" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_50.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_50-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_50-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_50-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">ページの追加の仕方をみていきましょう。</p>



<p class="wp-block-paragraph">サイドバーにある「プライベート」の部分にマウスを乗せると、右側に「+」のアイコンが表示されます。</p>



<p class="wp-block-paragraph">「ページを追加」と表示されますので、こちらをクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_51.jpg" alt="新しいページが作成されました。" class="wp-image-18687" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_51.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_51-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_51-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_51-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_51-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_51-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_51-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_51-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">タイトルを「新しいページ」と入力していますが、無題の新規ページが作成されます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc18">サブページの作り方</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_14.jpg" alt="サブページの作成方法" class="wp-image-18613" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_14.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_14-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_14-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_14-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「使ってみる」のページの下に新たに作ったページを「<strong>サブページ</strong>」と言います。</p>



<p class="wp-block-paragraph">作り方は幾つかあるのですが、最も分かりやすい方法をご紹介させて頂きます。</p>



<p class="wp-block-paragraph">サイドバーに表示されている「使ってみる」の脇にある「+」アイコンをクリックします。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_15.jpg" alt="サブページ" class="wp-image-18614" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_15.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_15-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_15-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_15-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">適当なタイトルをつけたら、グレーの部分をクリックします。</p>



<p class="wp-block-paragraph">細かい設定等は後で行うことが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="500" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_16.jpg" alt="サブページ画面" class="wp-image-18615" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_16.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_16-500x313.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_16-300x188.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_16-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">サイドバーにある「使ってみる」の下の階層に、新しいページとして表示されています。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_17.jpg" alt="新規サブページの場所" class="wp-image-18616" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_17.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_17-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_17-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_17-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_17-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_17-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_17-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_17-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">また「使ってみる」ページの本文の一番下にも作成した「新規サブページ」が表示されています。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-red-border-color">
<p class="wp-block-paragraph">サブページを作成した方法と同じ手順で、「新規サブページ」の下にも新たなページを作成することが可能です。</p>



<p class="wp-block-paragraph">サブページは幾つでも作成することが出来ますが、あまり階層を深くするとかえって分かりにくくなるので注意してください。</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><span id="toc19">階層の変更</span></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_18.jpg" alt="" class="wp-image-18617" srcset="https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_18.jpg 800w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_18-500x281.jpg 500w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_18-300x169.jpg 300w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_18-768x432.jpg 768w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_18-120x68.jpg 120w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_18-160x90.jpg 160w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_18-320x180.jpg 320w, https://aftercovid20.com/wp-content/uploads/2024/10/notion_2024_18-250x141.jpg 250w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">サイドバー内のタイトルをドラッグアンドドロップすることで、簡単に階層を変更することが可能です。</p>



<p class="wp-block-paragraph">例えば、「新規サブページ」を「プライベート」の場所にドラッグアンドドロップすれば、通常のページとして独立させることが出来ます。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><div class="ad-area no-icon ad-shortcode ad-auto ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-8583693483124941"
  data-ad-slot="8969726240"
  data-ad-format="auto"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>
</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading"><span id="toc20">まとめ</span></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">いかがでしたか。</p>



<p class="wp-block-paragraph">Notionの基本となる画面構成についてはしっかり理解していただけたのではないでしょうか。</p>



<p class="wp-block-paragraph">次回はページの基本的な使い方についてみていきます。</p>



<p class="wp-block-paragraph">今回も最後までお読み頂きありがとうございました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://aftercovid20.com/notion-basic/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
