チャべログ

この記事では、Notion で便利な Tips や裏技を紹介します。便利なものがあれば都度追加していくので、ぜひ参考にしてみてください。

データベースの列の幅は最小の幅が決まっています。

プロパティは最初の幅が決まっている

しかし、プロパティの幅をできるだけ小さくしたい場合もありますよね。そのような場合は、一度チェックボックスプロパティに変換して列の幅を調整してから、元のプロパティに戻せば狭く調整した幅のまま維持することができます。

※ ただし、チェックボックスプロパティ以外の状態で列の幅を触ってしまうと再び列の幅が戻ってしまうので、注意してください。

チェックボックスに変換することで列の幅を小さく調整できる

「Option / Alt + クリック」でブロックを上に挿入することができます。

「

みきちさん（@mikichi__notion）が紹介してくれていました。

通常、設定で「左右の余白を縮小」とすると、ページ幅は狭くなり、一部のみをページ幅いっぱいに広くするなどはできません（※）。

ただし、ブロックを「2列」や「3列」にすると、一部のブロックのみを幅広にすることができます。

※ 画像のみ、幅広にすることが可能です。画像は目一杯幅広にすると、カバー画像のような見た目になります。詳しくは以下のツイートを参照願います。

文字の末尾で/redと打てば、文字色か背景色を赤色に変更することができます。赤色以外にも、/blue や /greenなど、他の色でも変更可能です（Notion にある色のみ）。

文字色を赤色に変更する場合

他にも、/colorと打てば変更可能な色一覧が出てきます。

/color で変更可能な色の一覧が出てくる

/backとすれば、背景色のみに絞り込むことができます。

/backで背景色のみに絞り込める

マウスを触らずに、キーボードのショートカットキーのみでデータベースのページを開くことができる。

Mac：Cmd + Return

Win：Ctrl + Enter

ショートカットキーのみでページを開く

通常であれば、cmd(Ctrl) + L でページリンクにフォーカスした後に、cmd(Ctrl) + C でページリンクをコピーします。

しかし、cmd(Ctrl) + Option(Alt) + L で一発でページリンクをコピーすることができます。

ページへのリンクをショートカットキーでコピー

フォーカスが当たっているブロックへのリンクは、Shift + Option(Alt) + L でコピーすることができます。

ブロックへのリンクをショートカットキーでコピー

目次をコールアウトで囲んで文字色や背景色を変更すると、目次が見やすくなっておすすめです。

コールアウトで目次を囲む

見出しに絵文字をつけると、見出しが目立ってわかりやすくなります。

見出しにシンプルな絵文字

見出しにポップな絵文字

インラインコードの文字色を変更することで、バッジっぽい可愛い見た目にすることができます。

インラインコードの文字色を変更

データベースの日付プロパティで、Shift を押しながらクリックすることで終了日を簡単に入力できるようになります。

Shift + クリックで終了日を簡単に入力

時々非表示にしたいけどできない「名前」プロパティ、ギャラリービューやボードビューであれば非表示にすることができます。

例えば、都道府県などをセレクトプロパティやマルチセレクトプロパティに登録したい場合、手動で 47 都道府県を設定していくのは面倒ですよね。

そんな時は、Notion AI や ChatGPT を使えば一括で設定することができます。

以下の記事でも詳しく解説しているので、参考にしてみてください。

Notionのデータベースのセレクトプロパティを一括設定する裏技 - Notionラボ

Notionのデータベースのセレクトプロパティにデータを一括設定する方法を紹介しています。Notion AIを使えば、47都道府県を一気にセレクトプロパティに設定できます。ChatGPTを使えば、代替手段として同じことができます。カンマ区切りの文字列をテキストプロパティに設定し、それをセレクトプロパティに変換する裏技を使っています。

https://notion-lab.jp

Notion のデータベースでソート設定をしていると、ドラッグ&ドロップでページの並び順を変えようとした時に表示される「並び替えを削除しますか？」を表示しないようにする方法です。

「並び替えを削除しますか？」

詳細は以下の記事に書いています。

Notionの「並び替えを削除しますか？」を表示しないようにする方法【NotionSortHider】 - チャべログ

NotionSortHiderは、Notionのデータベースでの並び替え時に表示される「並び替えを削除しますか？」を非表示にするChrome拡張機能です。ただし、データベースの設定で「ビューをロック」することでも同様の効果が得られます。拡張機能は「ビューをロック」の手間を省くために使用されることがあります。

https://notion-fan.com

例えば、以下のような以下のようにデータベースの数字プロパティに105.302という数字が入っていたとします。この数字を 105.3 に丸めたいとします。しかし、関数プロパティでround()関数を使うと105になってしまいます。

round()関数では整数に数字が丸められる

このような場合は、以下のように関数を作成しましょう。小数点以下の桁数は関数の10の数字を100や1000にすることで調整できます。

小数点以下 1桁に丸めることができた

数値プロパティであればプロパティの設定から「数値の形式」で「コンマ付きの数値」を選択すれば簡単に 3桁区切りでコンマをつけられます。

数値プロパティであれば3桁区切りのコンマは簡単につけられる

テキストプロパティに入っている数値を関数で加工する場合（文字列の数値を加工する場合）は、上記の設定はできませんが、以下のように関数で正規表現を使ってコンマが付けられます。

prop("名前").replaceAll("\B(?=(\d{3})+(?!\d))", ",")

文字列の数値にコンマをつける関数

タイトルプロパティに @日付 を入れている場合、別の数式プロパティ（関数プロパティ）で日付のみを抽出する関数。

lets(
		/* 名前から数字部分を抽出 */
		YMD, prop("名前").match("\d+").map(current.toNumber()),
		
		/* 年月日を調整、10未満の月と日は0を頭につける */
		YEAR, YMD.at(0).format(),
		MONTH, ifs(YMD.at(1) < 10, "0" + YMD.at(1), YMD.at(1).format()),
		DATE,  ifs(YMD.at(2) < 10, "0" + YMD.at(2), YMD.at(2).format()),
		
		/* 日付に変換 */
		parseDate(YEAR+MONTH+DATE).formatDate("YYYY/MM/DD")
)

データベースのプロパティにリンクを入れている場合、関数（数式）を使ってボタンのような見た目にすることができます。以下の場合は、名前プロパティに記載している飲食店を Google マップでワンクリックで開くボタンを設置しています。

Google マップを開くボタン

以下がボタンを設置するための関数です。

"　GoogleMap を開く ↗︎　"
.link("https://www.google.co.jp/maps/search/" + prop("名前"))
.style("blue", "blue_background")

Notion の関数では、0や未入力のデータを含んだ場合に平均値の算出がうまくいかない場合がある。

そのような場合は、「空文字」に「toNumber()」を使えば想定通りに計算できる。

以下のページで詳しく検証されている。

• https://akanao.notion.site/0-2278e54944ec481cbf7ac3d257a8a29b

Notion の関数は、基本的に行方向（横方向）の計算しかできません。ただし、少し手間をかければ列方向（縦方向）の集計もすることができます。

詳細は以下の記事に書いています。

Notion の関数 2.0（Formula 2.0）で列の合計値や平均値を算出する方法 - チャべログ

Notionの関数2.0を使って、データベースの列の合計値や平均値を算出する方法を説明しています。自己リレーションを使用して、prop(”価格データベースとのリレーション”).map(current.prop(”価格”)).sum()を使用して合計値を算出し、.length()を使用して列数を取得して平均値を算出する方法を紹介しています。また、Formula 2.0を使用して列の中で2番目に大きな値を取得する方法も紹介しています。

https://notion-fan.com

関数を工夫すれば、データベースにグラフを作成することができます。

関数で作成したグラフ

詳細は以下の記事に書いています。

Notion の関数機能でグラフを作る方法 - チャべログ

Notionの関数機能を使用してグラフを作成する方法についての解説です。タスクの集計やランニングの距離の集計など、さまざまな応用例が紹介されています。関数の使用方法やグラフの表示方法など、詳細な手順が説明されていますので、参考にしてください。

https://notion-fan.com

Notion の関数は、思うがままに書いていると見た目がぐちゃぐちゃになってしまうことがありますよね。

そんな時は、コードブロックを使用すれば簡単にコードを整えることができます。

例えば、以下のように関数を思うがままに書き殴ったとします。

雑に書き殴った Notion の関数

上記の関数をコピーして、コードブロックに貼り付けます。コードブロックでは、「JavaScript」を選択します。そして、コードブロックの右上のメニューから「コード整形」をクリックします。

コードブロックに貼り付けて「コード整形」をクリックする

すると、コードをきれいに整形することができます。

コードがきれいに整形された

あとは整形後のコードを再び関数プロパティにコピペすれば完了です。

整形したコードを関数プロパティに貼り付け

Notion AI を ChatGPT のようにチャット形式で使って、Notion の Formula を作ってもらうことができます。

詳細は以下の記事に書いています。

Notion AI を ChatGPT のように使って Notion のFormula（関数）を作成する - チャべログ

Notion AIをChatGPTのように使って、47都道府県を8つの地方に分類するFormulaを作成する方法について解説されています。ChatGPTの方が精度が高いようですが、Notion AIを使えない場合はChatGPTがおすすめです。また、セレクトプロパティを一括設定する裏技も紹介されています。

https://notion-fan.com

Notion ではページ内の文字数（日本語）をカウントする機能はありませんが、「Notion文字数カウント」という Chrome 拡張機能を入れることでカウントできるようになります。

Notionページ内の文字数をカウントするChrome拡張機能 - Notionラボ

Notion ページ内の文字数をカウントするChrome拡張機能「Notion 文字数カウント」の紹介記事。拡張機能を使うことで、Notion 内の文字数を外部のサービスにコピペする手間を省くことができる。また、空白を含む・含まない、カウント対象のブロック、コードブロックの扱いなど、細かい設定も可能。

https://notion-lab.jp

以下のように、タイムラインビューやカレンダービューの土日に色をつけることができます。

タイムラインビューの土日に色をつけた様子

カレンダービューの土日に色をつけた様子

詳細は以下の記事を参考にしてください。

Notionのタイムラインビューやカレンダービューの土日に色をつける方法 - Notionラボ

Notion のタイムラインビューで土日に色をつける方法を解説。Chrome 拡張機能の Stylus を使い、CSS で土日に背景色をつける。Arc ブラウザを使う場合はデフォルトの Boost 機能で実現可能。カラーコードを変更することで色を変えられる。作者はチャベス。

https://notion-lab.jp

StylusなどのCSS編集拡張機能で、簡単にTrelloのような列ごとの個別スクロールを実現できます。

方法は以下のツイートを参照にしてください。

Notion のサイドバーはホバーをするとひょこひょこ表示されてしまいますが、「NotionSidebarHider」という Chrome 拡張機能をインストールすることでホバー時に表示しないようにすることができます。

Notionのサイドバーを表示制御できるChrome拡張機能がリリースされました - Notionラボ

Notionのサイドバーを非表示にするChrome拡張機能「NotionSidebarHider」がリリースされた。サイドバーを非表示にしてもカーソルが領域に触れるとサイドバーが出てくる問題を解決する。ショートカットキーでサイドバーの開閉をコントロールする。生産性向上やストレス軽減に繋がる。

https://notion-lab.jp

以下の画像のように、デフォルトで Notion のインラインリンクの色を変えたり、文字の最後に ↗︎ をつけてみやすくしたりすることができます。

インラインリンクを装飾した様子

詳細は以下の記事に書いています。

Notion のインラインリンクを Stylus で見やすくする - チャべログ

この記事では、Notionのインラインリンクを見やすくする方法を紹介しています。Chrome拡張機能の「Stylus」を使ってリンクの色を変更し、最後に ↗︎ マークを付けることができます。Stylusを使えば、Notionの見た目を自由にカスタマイズできるので、ぜひ試してみてください。

https://notion-fan.com

「Notion Word Cloud」という Chrome 拡張機能を使えば、Notion のページ内から簡単に Word Cloud を作成することができます。

Notionのページ内の文章からワードクラウドを作成する拡張機能「Notion Word Cloud」 - Notionラボ

Notion Word Cloud という Chrome 拡張機能は、Notion のページ内の文章から単語を抽出し、単語の出現頻度に応じて画像を生成することができます。この拡張機能では、抽出する品詞、背景色、画像サイズを変更することができます。Notion のページにおいて、カバー画像やギャラリービューの画像を設定することで、ページの特徴を表現し、おしゃれな見た目にすることができます。

https://notion-lab.jp

Arc というブラウザの基本機能で、ショートカットから簡単に Notion のページを新規作成できるようになります。

設定方法はとても簡単です。「Arc」→「Settings」をクリックします。

Arc の設定をクリックする

「General」の「New Documents」で「Notion Page」を選択します。

Notion Page を選択

これで設定は完了です。Shift + Ctrl + Nで Notion ページを新規作成することができます。ページの追加先は、「追加先」からデータベースを選択することができ、一度設定すれば2回目からは設定する必要がありません。

追加先のデータベースを選択

この記事では、Notionで便利なTipsや裏技を紹介しました。今後も新たな Tipsや裏技があれば、随時追加していく予定です。