[{"data":1,"prerenderedAt":85},["ShallowReactive",2],{"blog-tags":3,"header-recruit-jobs":17,"blog-post-table-view":26},[4,5,6,7,8,9,10,11,12,13,14,15,16],"Notion AI","Notionカレンダー","Notionサイト","Notionメール","インテグレーション \u002F 外部ツール連携","データベース","プラン \u002F 請求 \u002F 料金 \u002F 支払い","ページ \u002F ブロック","マーケットプレイス \u002F テンプレート","ワークスペース \u002F サイドバー","共有 \u002F コラボレーション","数式","設定",[18,22],{"path":19,"title":20,"order":21},"\u002Frecruit\u002Fnotion-consultant","Notionエンジニア\u002Fコンサルタント",1,{"path":23,"title":24,"order":25},"\u002Frecruit\u002Fpresales","Notion導入ソリューションセールス",2,{"slug":27,"title":28,"date":29,"lastUpdatedAt":30,"excerpt":31,"categories":32,"tags":34,"author":35,"featuredImage":43,"noIndex":44,"html":45,"headings":46,"qas":82,"relatedQAsByTag":83,"ogImage":84},"table-view","Notionのテーブルビューとは？使い方と活用事例を解説","2024-10-05T00:00:00.000Z","2025-05-04T00:00:00.000Z","Notionのテーブルビューの機能と活用法を解説。作成方法、カスタマイズ、実践的な活用事例を紹介。業務効率化に役立つ情報を提供。初心者から上級者まで参考になるガイドとなっております。",[33],"個人利用",[],{"id":36,"name":37,"image":38,"description":39,"url":40,"descriptionHTML":41,"SNSHTML":42},"ee018de1-6ec8-4b1e-a645-9702282647d1","円谷","\u002Fblog\u002Ficon\u002FYujiTsuburaya.jpg","Notion公認コンサルタント企業、株式会社TEMPの代表（国内で数社のみ、日本で4社目）。日本で7人目のNotion公式アンバサダー（2021年〜）。法人向けのNotion導入支援をおこなっている。本業はWebエンジニア。Notion APIを使ったアプリケーションを開発中。代表作はFast Notion。","https:\u002F\u002Fx.com\u002F___35d","Notion公認コンサルタント企業\u003Ca href=\"https:\u002F\u002Ftemp.co.jp\u002F\" class=\"article-link\" target=\"_blank\">株式会社TEMP\u003C\u002Fa>代表取締役。日本で7人目のNotion公式アンバサダー(2021年より)。2023年より法人向けの\u003Ca href=\"https:\u002F\u002Ftemp.co.jp\u002Fservices\u002Fnotion-consulting\" class=\"article-link\" target=\"_blank\">Notion導入支援\u003C\u002Fa>をおこない、\u003Ca href=\"https:\u002F\u002Ftemp.co.jp\u002Fcases\" class=\"article-link\" target=\"_blank\">現在100社以上の支援実績\u003C\u002Fa>あり。","\u003Ca href=\"https:\u002F\u002Fx.com\u002F___35d\" class=\"article-link\" target=\"_blank\">X\u003C\u002Fa> \u002F\n      \u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002F@tsuburaya_notion\" class=\"article-link\" target=\"_blank\">YouTube\u003C\u002Fa>","\u002Fblog\u002Fimages\u002Fogp\u002F2024-10-05-table-view-ogp.jpg",false,"\n        \u003Cdetails class=\"table-of-contents mb-6 hidden\" open=\"\">\n          \u003Csummary class=\"text-[.9em] leading-[1.6] font-semibold tracking-[1px] mb-2\">\n            目次\n          \u003C\u002Fsummary>\n          \u003Cul class=\"toc-list flex flex-col gap-1 ml-5\">\n      \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#テーブルビューとは\" class=\"toc-link text-sm text-black6 font-bold\">\n                テーブルビューとは\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#テーブルビューの作成方法\" class=\"toc-link text-sm text-black6 font-bold\">\n                テーブルビューの作成方法\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#新しくデータベースを作る\" class=\"toc-link text-sm text-black6 \">\n                新しくデータベースを作る\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#既存のデータベースにテーブルビューを追加する\" class=\"toc-link text-sm text-black6 \">\n                既存のデータベースにテーブルビューを追加する\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#テーブルのカスタマイズ\" class=\"toc-link text-sm text-black6 font-bold\">\n                テーブルのカスタマイズ\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#行や列を並べ替える方法自動\" class=\"toc-link text-sm text-black6 \">\n                行や列を並べ替える方法（自動）\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#行を並べ替える方法手動\" class=\"toc-link text-sm text-black6 \">\n                行を並べ替える方法（手動）\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#列プロパティを並べ替える方法\" class=\"toc-link text-sm text-black6 \">\n                列（プロパティ）を並べ替える方法\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#列のサイズを変更する方法\" class=\"toc-link text-sm text-black6 \">\n                列のサイズを変更する方法\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#コンテンツの折り返し設定\" class=\"toc-link text-sm text-black6 \">\n                コンテンツの折り返し設定\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#縦方向の計算\" class=\"toc-link text-sm text-black6 \">\n                縦方向の計算\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#プロパティの表示・非表示\" class=\"toc-link text-sm text-black6 \">\n                プロパティの表示・非表示\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#実際の活用事例\" class=\"toc-link text-sm text-black6 font-bold\">\n                実際の活用事例\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#加入しているサブスクサービスの月額利用料を計算する\" class=\"toc-link text-sm text-black6 \">\n                加入しているサブスクサービスの月額利用料を計算する\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#まとめ\" class=\"toc-link text-sm text-black6 font-bold\">\n                まとめ\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n          \u003C\u002Ful>\n        \u003C\u002Fdetails>\n      \u003Ca href=\"#テーブルビューとは\" id=\"テーブルビューとは\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">テーブルビューとは\u003C\u002Fh2>\u003C\u002Fa>\n      \u003Cdiv class=\"notion-callout bg-grayLight5 border-grayLight20 text-black p-4 border\">\n        \u003Cdiv class=\"flex items-start\">\n          \u003Cdiv class=\"flex-shrink-0 mr-3\">\n            \u003Ca href=\"\u002Fblog\u002Fauthors\u002F円谷\" class=\"flex flex-col items-center\">\n              \u003Cimg src=\"\u002Fblog\u002Ficon\u002FYujiTsuburaya.jpg\" alt=\"円谷のアイコン\" class=\"w-12 h-12 rounded-full border border-grayLight20 bg-white mb-1\">\n              \u003Cspan class=\"text-xs text-black6\">円谷\u003C\u002Fspan>\n            \u003C\u002Fa>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"flex-1\">\n            \u003Cdiv class=\"text-[.9em] leading-[1.6] font-normal tracking-[1px] flex flex-col gap-1\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Ca href=\"\u002Fblog\u002Fdatabase\" class=\"text-black6 article-link\">Notionのデータベース\u003C\u002Fa>でまず初めに覚える内容が「テーブルビュー」です。\u003Ca href=\"\u002Fblog\u002Fembed-excel\" class=\"text-black6 article-link\">Excelやスプレッドシート\u003C\u002Fa>などと似たような見た目ですが、Notionならではの便利な機能がたくさん詰め込まれています。\u003C\u002Fp>\u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \n\n\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-10-05-table-view-2.png\" alt=\"タスク管理でテーブルビューを利用した例\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">タスク管理でテーブルビューを利用した例\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">テーブルビューでは、情報を行と列で構成された表形式で表示します。各行は1つのアイテムを表し、列はそのアイテムの属性（プロパティ）を示します。例えば、タスク管理のテーブルを作成する場合、行にはタスク名、列には締め切り日や担当者などのプロパティを設定できます。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">今回の記事では、テーブルビューの基本から応用、作成方法やカスタマイズのコツ、実践的な活用事例を詳しく解説します。\u003C\u002Fp>\u003Cdetails>\u003Csummary>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>今回の内容は動画でも解説しています（10分）\u003C\u002Fstrong>\u003C\u002Fp>\u003C\u002Fsummary>\u003Cdiv>\n\u003Cfigure class=\"youtube-embed-wrapper\">\n\u003Cdiv class=\"youtube-embed-container\">\n\u003Ciframe width=\"100%\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FSHxcXx5Skjg?rel=0\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" class=\"youtube-iframe border border-grayLight20\">\u003C\u002Fiframe>\n\u003C\u002Fdiv>\n\n\u003C\u002Ffigure>\n\u003C\u002Fdiv>\u003C\u002Fdetails>\n\n\u003Cdiv class=\"notion-callout bg-grayLight5 border-grayLight20 text-black p-4 border\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>この記事で分かること\u003C\u002Fstrong>\u003C\u002Fp>\u003Chr>\n\u003Cul class=\"list-square pl-6\">\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">\u003Cstrong>テーブルビューの作成方法\u003C\u002Fstrong>\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">\u003Cstrong>テーブルビューのカスタマイズ方法\u003C\u002Fstrong>\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fdiv>\n    \u003Cdiv class=\"template-text-section mb-6\" data-cta-id=\"task-trial\" data-cta-position=\"after-h2-2\" data-cta-variant=\"default\" data-audience=\"toC\" data-post-slug=\"table-view\">\n      \n      \u003Csection class=\"flex flex-col gap-y-5 mb-4 bg-white border border-black px-6 pt-6 pb-7 md:px-8\">\n        \u003Cdiv>\n          \u003Ch2 class=\"blog-heading font-feature-palt\">\n            Notionタスク管理ロードマップ体験版を無料プレゼント\n          \u003C\u002Fh2>\n        \u003C\u002Fdiv>\n        \u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\n          Notionでのタスク管理を基礎から体系的に学べる「タスク管理ロードマップ」の体験版を無料で配布しています。公式LINEの友だち追加だけで、すぐに受け取れます。\n        \u003C\u002Fp>\n        \u003Cimg src=\"https:\u002F\u002Flp.notion-university.jp\u002Fimages\u002Ftrial-task.jpg\" alt=\"Notionタスク管理ロードマップ体験版のプレビュー\" class=\"w-full border border-grayLight20\" loading=\"lazy\">\n        \u003Cdiv class=\"flex flex-col items-center gap-3 pt-1\">\n          \u003Ca href=\"https:\u002F\u002Flp.notion-university.jp\u002Ftrial-0621\u002F?utm_source=blog&utm_medium=referral&utm_campaign=trial0621&utm_content=article_cta&utm_term=table-view\" class=\"blog-button blog-button--line\" target=\"_blank\" rel=\"noopener\">\n            \u003Cspan>体験版を無料で受け取る\u003C\u002Fspan>\n          \u003C\u002Fa>\n          \u003Cp class=\"text-xs text-black6\">簡単3分！公式LINEの友だち追加だけですぐに受け取れます\u003C\u002Fp>\n        \u003C\u002Fdiv>\n      \u003C\u002Fsection>\n    \n    \u003C\u002Fdiv>\n  \u003Ca href=\"#テーブルビューの作成方法\" id=\"テーブルビューの作成方法\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">テーブルビューの作成方法\u003C\u002Fh2>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Notionでテーブルビューを作成する方法は、主に2つあります。\u003C\u002Fp>\u003Ca href=\"#新しくデータベースを作る\" id=\"新しくデータベースを作る\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">新しくデータベースを作る\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP. 1 ページ内で「\u002Ftable」と入力し、テーブルビューを選択\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-10-05-table-view-3.png\" alt=\"「\u002Ftable」から「テーブルビュー」を選択\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">「\u002Ftable」から「テーブルビュー」を選択\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP. 2 新規テーブルをクリック\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">新しいテーブルビューのデータベースが作成されます。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-10-05-table-view-4.png\" alt=\"「新規テーブル」をクリック\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">「新規テーブル」をクリック\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Ca href=\"#既存のデータベースにテーブルビューを追加する\" id=\"既存のデータベースにテーブルビューを追加する\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">既存のデータベースにテーブルビューを追加する\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP. 1 データベースのタブ内の「+」ボタンをクリック\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-10-05-table-view-5.png\" alt=\"「＋」をクリック\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">「＋」をクリック\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP. 2 表示されるメニューから「テーブルビュー」を選択\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-10-05-table-view-6.png\" alt=\"「テーブルビュー」を選択\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">「テーブルビュー」を選択\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\n      \u003Cdiv class=\"notion-callout bg-grayLight5 border-grayLight20 text-black p-4 border\">\n        \u003Cdiv class=\"flex items-start\">\n          \u003Cdiv class=\"flex-shrink-0 mr-3\">\n            \u003Ca href=\"\u002Fblog\u002Fauthors\u002F円谷\" class=\"flex flex-col items-center\">\n              \u003Cimg src=\"\u002Fblog\u002Ficon\u002FYujiTsuburaya.jpg\" alt=\"円谷のアイコン\" class=\"w-12 h-12 rounded-full border border-grayLight20 bg-white mb-1\">\n              \u003Cspan class=\"text-xs text-black6\">円谷\u003C\u002Fspan>\n            \u003C\u002Fa>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"flex-1\">\n            \u003Cdiv class=\"text-[.9em] leading-[1.6] font-normal tracking-[1px] flex flex-col gap-1\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">既に管理しているデータを別の見た目で見ることができます。この機能を「ビュー」と呼びます。同じデータを異なる視点で見ることができるのは、Notionの強力な機能の1つです。\u003Ca href=\"\u002Fblog\u002Fdatabase-filter\" class=\"text-black6 article-link\">フィルタ条件\u003C\u002Fa>や\u003Ca href=\"\u002Fblog\u002Fdatabase-sort\" class=\"text-black6 article-link\">並べ替え条件\u003C\u002Fa>をビューに保存させることも可能です。\u003C\u002Fp>\u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \n\n\n\n\u003Ca href=\"#テーブルのカスタマイズ\" id=\"テーブルのカスタマイズ\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">テーブルのカスタマイズ\u003C\u002Fh2>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Notionのテーブルビューは、\u003Cstrong>単なる表以上の機能\u003C\u002Fstrong>を持っています。カスタマイズすることで、より効率的に情報を管理できます。\u003C\u002Fp>\u003Ca href=\"#行や列を並べ替える方法自動\" id=\"行や列を並べ替える方法自動\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">行や列を並べ替える方法（自動）\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">テーブル内の情報を整理するには、\u003Cstrong>行や列の並べ替えが重要\u003C\u002Fstrong>です。例えば、締め切り日順にタスクを並べ替えることで、優先順位が一目で分かります。並べ替えは、列のヘッダーをクリックし、昇順・降順を選択するだけです。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-10-05-table-view-7.png\" alt=\"プロパティ名をクリックしてソートを設定\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">プロパティ名をクリックしてソートを設定\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cdiv class=\"notion-callout bg-grayLight5 border-grayLight20 text-black p-4 border\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>あわせて読みたい\u003C\u002Fstrong>\u003C\u002Fp>\u003Cul class=\"list-square pl-6\">\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">\u003Ca href=\"\u002Fblog\u002Fdatabase-sort\" class=\"text-black6 article-link\">並べ替え条件\u003C\u002Fa>\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fdiv>\n\n\n\n\u003Ca href=\"#行を並べ替える方法手動\" id=\"行を並べ替える方法手動\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">行を並べ替える方法（手動）\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">また、手動で並べ替えることも可能です。手動で並べ替えるには、カーソルを当てると左に表示される ⋮⋮ アイコンを、クリックした状態で上下にドラッグします。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-10-05-table-view-8.gif\" alt=\"行を直接ドラッグして並び替えすることも可能\" class=\"border border-grayLight20 md:max-w-full m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">行を直接ドラッグして並び替えすることも可能\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Ca href=\"#列プロパティを並べ替える方法\" id=\"列プロパティを並べ替える方法\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">列（プロパティ）を並べ替える方法\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">列の場合は、以下のように見出しをクリックした状態のまま、左右にドラッグします。これはテーブルビュー限定の操作です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-10-05-table-view-9.gif\" alt=\"列（プロパティ）も直接ドラッグして並び替えすることが可能\" class=\"border border-grayLight20 md:max-w-full m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">列（プロパティ）も直接ドラッグして並び替えすることが可能\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\n      \u003Cdiv class=\"notion-callout bg-grayLight5 border-grayLight20 text-black p-4 border\">\n        \u003Cdiv class=\"flex items-start\">\n          \u003Cdiv class=\"flex-shrink-0 mr-3\">\n            \u003Ca href=\"\u002Fblog\u002Fauthors\u002F円谷\" class=\"flex flex-col items-center\">\n              \u003Cimg src=\"\u002Fblog\u002Ficon\u002FYujiTsuburaya.jpg\" alt=\"円谷のアイコン\" class=\"w-12 h-12 rounded-full border border-grayLight20 bg-white mb-1\">\n              \u003Cspan class=\"text-xs text-black6\">円谷\u003C\u002Fspan>\n            \u003C\u002Fa>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"flex-1\">\n            \u003Cdiv class=\"text-[.9em] leading-[1.6] font-normal tracking-[1px] flex flex-col gap-1\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">メニュー内から操作することも可能ですが、テーブルビューの場合は上記の操作の方が素早く編集が可能です。\u003C\u002Fp>\u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \n\n\n\n\u003Ca href=\"#列のサイズを変更する方法\" id=\"列のサイズを変更する方法\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">列のサイズを変更する方法\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">列のサイズを変更するには、列の端にカーソルを当て、サイズ変更用のマークが表示されたらクリックし、左右にドラッグします。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-10-05-table-view-10.gif\" alt=\"列の横幅もカスタマイズ可能\" class=\"border border-grayLight20 md:max-w-full m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">列の横幅もカスタマイズ可能\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\n      \u003Cdiv class=\"notion-callout bg-grayLight5 border-grayLight20 text-black p-4 border\">\n        \u003Cdiv class=\"flex items-start\">\n          \u003Cdiv class=\"flex-shrink-0 mr-3\">\n            \u003Ca href=\"\u002Fblog\u002Fauthors\u002F円谷\" class=\"flex flex-col items-center\">\n              \u003Cimg src=\"\u002Fblog\u002Ficon\u002FYujiTsuburaya.jpg\" alt=\"円谷のアイコン\" class=\"w-12 h-12 rounded-full border border-grayLight20 bg-white mb-1\">\n              \u003Cspan class=\"text-xs text-black6\">円谷\u003C\u002Fspan>\n            \u003C\u002Fa>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"flex-1\">\n            \u003Cdiv class=\"text-[.9em] leading-[1.6] font-normal tracking-[1px] flex flex-col gap-1\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Option（Alt）キーを押しながらドラッグすることで、列のサイズを最小幅にすることも可能です。\u003Cbr>\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-10-05-table-view-11.gif\" alt=\"Option（Alt）キーを押すとさらに幅を狭くすることができる\" class=\"border border-grayLight20 md:max-w-full m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Option（Alt）キーを押すとさらに幅を狭くすることができる\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \n\n\n\n\u003Ca href=\"#コンテンツの折り返し設定\" id=\"コンテンツの折り返し設定\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">コンテンツの折り返し設定\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">長文を含む列がある場合、\u003Cstrong>「セルの折り返し」機能\u003C\u002Fstrong>を使うと便利です。テーブルの見やすさを大幅に向上させます。テーブルの右上にある「...」メニューから設定できます。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-10-05-table-view-12.png\" alt=\"折り返しをオンにすることで視認性向上\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">折り返しをオンにすることで視認性向上\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">もしくは、プロパティごとに折り返しの設定をすることも可能です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-10-05-table-view-13.png\" alt=\"プロパティ名をクリックして「このビューでは折り返す」をオンに\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">プロパティ名をクリックして「このビューでは折り返す」をオンに\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Ca href=\"#縦方向の計算\" id=\"縦方向の計算\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">縦方向の計算\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">数値を含む列では、\u003Cstrong>自動計算機能\u003C\u002Fstrong>を活用できます。例えば、支出管理テーブルで合計金額を自動計算させれば、手計算の手間が省けます。列の下部にある「計算」オプションから設定可能です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-10-05-table-view-14.png\" alt=\"ビュー下部の「計算」から設定\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ビュー下部の「計算」から設定\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Ca href=\"#プロパティの表示・非表示\" id=\"プロパティの表示・非表示\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">プロパティの表示・非表示\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">必要な情報だけを表示させることで、\u003Cstrong>テーブルの視認性が向上\u003C\u002Fstrong>します。例えば、締め切り間近のタスクだけを表示させるなど、状況に応じた表示ができます。プロパティ名をクリックし、「ビューで非表示」を選択します。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-10-05-table-view-15.png\" alt=\"プロパティ名→「ビューで非表示」をクリック\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">プロパティ名→「ビューで非表示」をクリック\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">一度非表示にしたプロパティを再度表示させたい場合には、テーブルの右端の ••• アイコンから設定が可能です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-10-05-table-view-16.png\" alt=\"プロパティ名右側の目のアイコンで表示\u002F非表示を切り替え\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">プロパティ名右側の目のアイコンで表示\u002F非表示を切り替え\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\n      \u003Cdiv class=\"notion-callout bg-grayLight5 border-grayLight20 text-black p-4 border\">\n        \u003Cdiv class=\"flex items-start\">\n          \u003Cdiv class=\"flex-shrink-0 mr-3\">\n            \u003Ca href=\"\u002Fblog\u002Fauthors\u002F円谷\" class=\"flex flex-col items-center\">\n              \u003Cimg src=\"\u002Fblog\u002Ficon\u002FYujiTsuburaya.jpg\" alt=\"円谷のアイコン\" class=\"w-12 h-12 rounded-full border border-grayLight20 bg-white mb-1\">\n              \u003Cspan class=\"text-xs text-black6\">円谷\u003C\u002Fspan>\n            \u003C\u002Fa>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"flex-1\">\n            \u003Cdiv class=\"text-[.9em] leading-[1.6] font-normal tracking-[1px] flex flex-col gap-1\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">プロパティの削除と非表示は別の機能である点に注意しましょう。\u003C\u002Fp>\u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \n\n\n\n\n\n\u003Ca href=\"#実際の活用事例\" id=\"実際の活用事例\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">実際の活用事例\u003C\u002Fh2>\u003C\u002Fa>\u003Ca href=\"#加入しているサブスクサービスの月額利用料を計算する\" id=\"加入しているサブスクサービスの月額利用料を計算する\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">加入しているサブスクサービスの月額利用料を計算する\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Notionのテーブルビューは、\u003Cstrong>日常生活の管理にも非常に便利\u003C\u002Fstrong>です。特に、増え続けるサブスクリプションサービスの管理と月額利用料の計算に活用できます。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">まず、以下のような列（プロパティ）を設定します：\u003C\u002Fp>\u003Cul class=\"list-square pl-6\">\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">サービス名\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">月額料金\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">支払いサイクル（月払い、年払いなど）\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">契約開始日\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">次回更新日\u003C\u002Fli>\u003C\u002Ful>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">テーブルにデータを入力していくことで、\u003Cstrong>一目で全てのサブスクリプションを把握\u003C\u002Fstrong>できるようになります。例えば、Netflix、Spotify、Amazon Primeなどのサービスを1行ずつ入力していきます。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-10-05-table-view-17.png\" alt=\"テーブルビューはサブスク管理に適している\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">テーブルビューはサブスク管理に適している\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>テーブルの下部にある「計算」機能\u003C\u002Fstrong>を使うと、月額料金の合計を自動で算出できます。これにより、毎月のサブスクリプション総額を簡単に把握できます。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-10-05-table-view-18.png\" alt=\"ビュー下部の「計算」から設定\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ビュー下部の「計算」から設定\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cdetails>\u003Csummary>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>実際のサブスク管理の活用事例を動画で見る（20分）\u003C\u002Fstrong>\u003C\u002Fp>\u003C\u002Fsummary>\u003Cdiv>\n\u003Cfigure class=\"youtube-embed-wrapper\">\n\u003Cdiv class=\"youtube-embed-container\">\n\u003Ciframe width=\"100%\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FnGCy3ztsxWA?rel=0\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" class=\"youtube-iframe border border-grayLight20\">\u003C\u002Fiframe>\n\u003C\u002Fdiv>\n\n\u003C\u002Ffigure>\n\u003C\u002Fdiv>\u003C\u002Fdetails>\n\n\u003Ca href=\"#まとめ\" id=\"まとめ\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">まとめ\u003C\u002Fh2>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">テーブルビューはNotionのデータベース機能の中でも最も基本的なビューとなります。Excelとの違いの理解・操作の習得を行い、日々の生活や仕事に役立てましょう。\u003C\u002Fp>",[47,50,52,55,57,59,62,65,68,70,72,74,76,78,80],{"id":48,"text":48,"type":49},"テーブルビューとは","heading_2",{"id":51,"text":51,"type":49},"テーブルビューの作成方法",{"id":53,"text":53,"type":54},"新しくデータベースを作る","heading_3",{"id":56,"text":56,"type":54},"既存のデータベースにテーブルビューを追加する",{"id":58,"text":58,"type":49},"テーブルのカスタマイズ",{"id":60,"text":61,"type":54},"行や列を並べ替える方法自動","行や列を並べ替える方法（自動）",{"id":63,"text":64,"type":54},"行を並べ替える方法手動","行を並べ替える方法（手動）",{"id":66,"text":67,"type":54},"列プロパティを並べ替える方法","列（プロパティ）を並べ替える方法",{"id":69,"text":69,"type":54},"列のサイズを変更する方法",{"id":71,"text":71,"type":54},"コンテンツの折り返し設定",{"id":73,"text":73,"type":54},"縦方向の計算",{"id":75,"text":75,"type":54},"プロパティの表示・非表示",{"id":77,"text":77,"type":49},"実際の活用事例",{"id":79,"text":79,"type":54},"加入しているサブスクサービスの月額利用料を計算する",{"id":81,"text":81,"type":49},"まとめ",[],[],"https:\u002F\u002Ftemp.co.jp\u002Fblog\u002Fimages\u002Fogp\u002F2024-10-05-table-view-ogp.jpg",1794526617252]