🌂

サンプルページ

Notionブロックサンプル集

このページには、Notionで使用可能なあらゆるブロックタイプのサンプルが含まれています。

テキストフォーマット

通常のテキストです。太字イタリック取り消し線下線インラインコードリンク、そして赤い文字青い背景も使えます。

数式も使えます:$E = mc^2$ のようにインラインで表示できます。

見出しレベル

見出し1

見出し2

見出し3

リスト

箇条書きリスト:

  • 項目1
    • ネストされた項目1-1
    • ネストされた項目1-2
      • さらにネスト1-2-1
  • 項目2
  • 項目3 太字の項目

番号付きリスト:

  1. 最初の項目
    1. サブ項目1
    2. サブ項目2
  2. 2番目の項目
  3. 3番目の項目

チェックボックス(To-do)

未完了のタスク
完了したタスク

トグル

トグルをクリックすると中身が表示されます
もう一つのトグル

トグル見出し2

トグル見出し3

引用

これは引用ブロックです。 複数行の引用も このように表示できます。
重要な引用はハイライトできます。

コールアウト

💡
ヒント: これはコールアウトブロックです。重要な情報を目立たせるのに便利です。
⚠️
警告: 注意が必要な情報を表示できます。
成功: タスクの完了や成功を示すのに使えます。
📝
メモ: 複数の段落を含むこともできます。

このように改行して複数のブロックを入れられます。

区切り線

上のセクション

下のセクション

コードブロック

// JavaScriptのコード例
function hello(name) {
  console.log(`Hello, ${name}!`);
  return true;
}

hello('Notion');
# Pythonのコード例
def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)

print(fibonacci(10))

数式ブロック

テーブル

項目
説明
ステータス
優先度
タスク1
最初のタスク
✅ 完了
タスク2
2番目のタスク
🔄 進行中
タスク3
3番目のタスク
⏸️ 保留

カラムレイアウト

左カラム

ここに左側のコンテンツを配置できます。

  • 項目A
  • 項目B
  • 項目C

右カラム

ここに右側のコンテンツを配置できます。

複数のカラムで情報を整理できます。

📊
カラム1のコールアウト
🎯
カラム2のコールアウト
🚀
カラム3のコールアウト

目次

メディア埋め込み

画像

ゴールデンゲートブリッジ

動画

Notion紹介動画

音声

データベース

サブページ

カラーバリエーション

テキストカラー

グレー | ブラウン | オレンジ | イエロー | グリーン | ブルー | パープル | ピンク | レッド

背景カラー

同期ブロック

以上が、Notionで使用可能な主要なブロックタイプのサンプルです!