はじめに

hkob の雑記録の第222回目は、Notion 座談会でも紹介したシンプルテーブルのセルごとのカラー設定です。

Notion とつぶあんさんのポスト

Notion が以下のようなポストをしていました。シンプルテーブルでセルごとにカラーが設定できるようになりましたとのことです。

シンプルテーブルで、セルごとに色を設定できるようになりました！🎨

セルの右に表示されるボタンから、お好みの色に変更できます。 pic.twitter.com/Hrjpq0ud8Q
— Notion Japan 🇯🇵 (@NotionJP) 2025年8月6日

早速、つぶあんさんがサンプルとして元素記号の周期表を作成していました。

Notionのシンプルテーブル、セルごとに色変えられるようになったと聞いてお試し！これ、モザイクアートもドット絵も、共同編集で友だちとオセロとか（誰がやるん）無限の可能性を秘めてるんじゃ...！？😆

あ、周期表は色分けのわかりやすい例ということでまちがいはご容赦を～！ pic.twitter.com/GXaKJdlTU6
— つぶあん｜Notionデザインオタク (@tsubuan_sun) 2025年8月6日

設定方法

セルの色はセルの横にある「三点マーク」から「カラー」とすることで変更できます。色はいつもの色たちですね。

実際に色をつけてみました。三色旗をいくつか作ってみました。白色はないので、グレーで代用しています。ダークカラーだとこんな感じ。

ライトカラーだとかなり薄いですね。

Notion API で確認

Notion API で JSON を確認してみました。ただ、残念ながらセルごとのカラーは Notion API の JSON には出力されないようです。

block = Block.find "https://www.notion.so/Notion-hkob-222-2490ce2a65208006994cc0ab9abaab04?source=copy_link#2490ce2a652080eb936ad6dad7df00d0"
=> NotionRubyMapping::TableBlock-2490ce2a652080eb936ad6dad7df00d0
first = block.children.first
=> NotionRubyMapping::TableRowBlock-2490ce2a652080e3bbecc3a158abc08f
first.json
=>
{"object"=>"block",
 "id"=>"2490ce2a-6520-80e3-bbec-c3a158abc08f",
 "parent"=>
  {"type"=>"block_id", "block_id"=>"2490ce2a-6520-80eb-936a-d6dad7df00d0"},
 "created_time"=>"2025-08-08T14:00:00.000Z",
 "last_edited_time"=>"2025-08-08T14:13:00.000Z",
 "created_by"=>{"object"=>"user", "id"=>"fffd872b-594c-811b-8218-0002b0392cd8"},
 "last_edited_by"=>
  {"object"=>"user", "id"=>"fffd872b-594c-811b-8218-0002b0392cd8"},
 "has_children"=>false,
 "archived"=>false,
 "in_trash"=>false,
 "type"=>"table_row",
 "table_row"=>
  {"cells"=>
    [[{"type"=>"text",
       "text"=>{"content"=>"アイルランド\n🇮🇪", "link"=>nil},
       "annotations"=>
        {"bold"=>false,
         "italic"=>false,
         "strikethrough"=>false,
         "underline"=>false,
         "code"=>false,
         "color"=>"default"},
       "plain_text"=>"アイルランド\n🇮🇪",
       "href"=>nil}],
     [],
     [],
     []]}}