[{"data":1,"prerenderedAt":133},["ShallowReactive",2],{"blog-tags":3,"header-recruit-jobs":17,"blog-post-ttnc":22},[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],{"path":19,"title":20,"order":21},"\u002Frecruit\u002Fnotion-consultant","Notionエンジニア\u002Fコンサルタント",1,{"slug":23,"title":24,"date":25,"lastUpdatedAt":26,"excerpt":27,"categories":28,"tags":30,"author":31,"noIndex":39,"html":40,"headings":41,"qas":60,"relatedQAsByTag":61},"ttnc","Notionカレンダーからワンクリックでタスクの開始・完了ができる拡張機能を開発しました【TTNC (Task Tracker by Notion Calendar)】","2024-07-20T00:00:00.000Z","2024-10-01T00:00:00.000Z","2024年7月にTTNC（Task Tracker by Notion Calendar）というChrome拡張機能を開発しました。Notionカレンダー上からタスクの開始・完了がワンクリックで実行できるものになります。",[29],"個人利用",[8,9],{"id":32,"name":33,"image":34,"description":35,"url":36,"descriptionHTML":37,"SNSHTML":38},"ee018de1-6ec8-4b1e-a645-9702282647d1","円谷","\u002Fblog\u002Ficon\u002FYujiTsuburaya.jpg","Notion公認コンサルタント企業、株式会社TEMPの代表（国内で数社のみ、日本で4社目）。日本で7人目のNotion公式アンバサダー（2021年〜）。法人向けのNotion導入支援をおこなっている。本業はWebエンジニア。Notion APIを使ったアプリケーションを開発中。代表作はFast Notion。","https:\u002F\u002Ftwitter.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\u002Ftwitter.com\u002F___35d\" class=\"article-link\" target=\"_blank\">Twitter\u003C\u002Fa> \u002F\n      \u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002F@tsuburaya_notion\" class=\"article-link\" target=\"_blank\">YouTube\u003C\u002Fa>",true,"\u003Cdiv class=\"notion-callout bg-grayLight5 border-grayLight20 text-black p-4 border\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Ccode class=\"bg-grayLight5 text-black px-1.5 py-0.5 text-[0.85em] border border-grayLight20 font-semibold\">⚠️注意(2025\u002F09\u002F24 追記)\u003C\u002Fcode> \u003Cstrong>2025年のNotionカレンダーとNotionデータベースのアップデートにより本拡張機能を使わずとも同様のことが実現可能になりました。拡張機能は動作はする状態ではありますが、積極的な使用は推奨いたしません。\u003C\u002Fstrong>\u003C\u002Fp>\u003C\u002Fdiv>\n\n\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-07-20-ttnc-1.jpeg\" 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;\">\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">こんにちは、円谷（Tsuburaya）です。Notionアンバサダーをしつつ、\u003Ca href=\"https:\u002F\u002Ffast-notion.com\u002F\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">Fast Notion\u003C\u002Fa> などNotionをより便利に使うためのサードパーティ製のアプリを個人開発しています。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">2024年7月に「\u003Ca href=\"https:\u002F\u002Fchromewebstore.google.com\u002Fdetail\u002Fttnc\u002Fgjfdlioodlfeinnchhdinejafihfllpb?authuser=0&hl=ja\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">TTNC (Task Tracker by Notion Calendar)\u003C\u002Fa>」というChrome拡張機能を開発しました。このアプリ、プロトタイプ自体は4月頃には動くものは完成していたのですが、個人での試運用を3ヶ月間続け、ようやく世の中に出しても大丈夫なクオリティかなと判断してリリースすることにしました。\u003C\u002Fp>\u003Cdetails>\u003Csummary>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">2024年4月のツイート\u003C\u002Fp>\u003C\u002Fsummary>\u003Cdiv>\n\n\u003Cblockquote class=\"twitter-tweet\">\n\u003Ca href=\"https:\u002F\u002Ftwitter.com\u002F___35d\u002Fstatus\u002F1770367082800320770\">\u003C\u002Fa>\n\u003C\u002Fblockquote>\n\u003Cscript async=\"\" src=\"https:\u002F\u002Fplatform.twitter.com\u002Fwidgets.js\" charset=\"utf-8\">\u003C\u002Fscript>\n\n\u003C\u002Fdiv>\u003C\u002Fdetails>\n\n\n\n\n\n\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=\"https:\u002F\u002Fchromewebstore.google.com\u002Fdetail\u002Fttnc\u002Fgjfdlioodlfeinnchhdinejafihfllpb?authuser=0&hl=ja\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">TTNC\u003C\u002Fa> は限定公開のChrome拡張機能となっています。Chrome Webストアで検索してもヒットしないのでご注意ください。\u003C\u002Fp>\u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \n\n\n\n\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">今回の記事では、このTTNCの使い方と初期設定方法について解説していきます。\u003C\u002Fp>\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=\"ml-4\">\n              \u003Ca href=\"#notion上での終了時間の入力が手間\" class=\"toc-link text-sm text-black6 \">\n                Notion上での終了時間の入力が手間\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#notionカレンダー上ではステータスの変更ができない\" class=\"toc-link text-sm text-black6 \">\n                Notionカレンダー上ではステータスの変更ができない\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#ttncの導入方法\" class=\"toc-link text-sm text-black6 font-bold\">\n                TTNCの導入方法\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#よくある質問-faq\" class=\"toc-link text-sm text-black6 font-bold\">\n                よくある質問 (FAQ)\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>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">タスク管理と時間管理の統合は、タスク管理マニアの中でも永遠の課題です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">僕はNotionを使ったタスク管理を3年以上継続しており、タスク管理の型に関してはGTDをベースにした変わらない運用をずっと続けているのですが、時間管理との統合に関してはこれといった最適解が出せないまま過ごしてきていました。\u003C\u002Fp>\u003Cdetails>\u003Csummary>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>GASを使って一日の行動ログを取る仕組みを作ったり\u003C\u002Fstrong>\u003C\u002Fp>\u003C\u002Fsummary>\u003Cdiv>\n\n\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-07-20-ttnc-2.png\" alt=\"Notionのデータを1日1回読み取ってグラフ化するGAS\" 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]\">Notionのデータを1日1回読み取ってグラフ化するGAS\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdetails>\n\n\u003Cdetails>\u003Csummary>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>自作のNotion連携カレンダーアプリ（非公開）を作ったり\u003C\u002Fstrong>\u003C\u002Fp>\u003C\u002Fsummary>\u003Cdiv>\n\n\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-07-20-ttnc-3.jpeg\" alt=\"リリース直前でNotionカレンダーがリリースされてお蔵入りしたアプリ\" 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]\">リリース直前でNotionカレンダーがリリースされてお蔵入りしたアプリ\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdetails>\n\n\n\n\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">など、自分を実験台にして、今までにさまざまな試行錯誤を重ねてきました。他にもToggl TrackとのAPI連携を試みたり、\u003Ca href=\"\u002Fblog\u002Fday-time\" class=\"text-black6 article-link\">Notionのタイムラインビューで一日の行動ログを可視化\u003C\u002Fa>したりと、さまざまな手法を試してはきたものの「自分は使えるけど、設定や運用が煩雑で、他の人にオススメできるクオリティではない」と感じていました。\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\u002Fday-time\" class=\"text-black6 article-link\">Notionでためた行動ログを分析して、一日の時間の使い方を可視化する\u003C\u002Fa>\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fdiv>\n\n\n\n\u003Ca href=\"#notion上での終了時間の入力が手間\" id=\"notion上での終了時間の入力が手間\" 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\">Notion上での終了時間の入力が手間\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">試行錯誤が必要だった最も大きな要因はNotionでの終了時間の入力です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">タスクの時間管理をする上では、基本的にはNotion上でタスクの時間を管理する1つのプロパティに対し、開始時刻と終了時刻を入力する必要があります。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-07-20-ttnc-4.jpeg\" alt=\"Notion上から開始時刻・終了時刻を入力するのは手間\" 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]\">Notion上から開始時刻・終了時刻を入力するのは手間\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">開始時刻に関しては、ボタンを準備すればワンクリックで入力することができるのですが、終了時刻の入力はボタンではできません。Notion APIの仕様上、外部ツールと連携させないと実現することができず、終了時刻の入力には日付のプロパティを直接入力する必要があります。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-07-20-ttnc-5.jpeg\" 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;\">\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">手入力で終了時刻を入力しようとすると、煩雑なクリック操作が必要で、Notion上からタスクが完了するたびに終了時刻を何クリックもして入力するのは、工数の面で現実的な運用ではありません。\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カレンダー）との統合がうまく行かなくなってしまうという、別の課題が発生してしまいます。\u003C\u002Fp>\u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \n\n\u003Ca href=\"#notionカレンダー上ではステータスの変更ができない\" id=\"notionカレンダー上ではステータスの変更ができない\" 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\">Notionカレンダー上ではステータスの変更ができない\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Notionだと終了時刻の入力に工数がかかるという課題を、Notionカレンダーは解決してくれました。カレンダー上の直感的なユーザーインターフェイスのおかげで、開始時刻・終了時刻を素早く操作することが可能です。もちろん、時刻の手入力も可能です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-07-20-ttnc-6.gif\" alt=\"Notionカレンダー上であれば時刻の変更は容易に行うことができる\" 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]\">Notionカレンダー上であれば時刻の変更は容易に行うことができる\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">しかし、Notionカレンダー上では現在のタスクの状態を表示することはできても、更新することができません。Notionカレンダー上で更新できるのはあくまで「時間」と「予定（タイトル）」の情報だけであり、それ以外のプロパティを変更はできないのです。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">僕が実現したいのは、Notionカレンダー上でシンプルに、\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\">ステータスの更新\u003Cbr>の2つができることでした。このような課題を解決するために開発したのが 「\u003Ca href=\"https:\u002F\u002Fchromewebstore.google.com\u002Fdetail\u002Fttnc\u002Fgjfdlioodlfeinnchhdinejafihfllpb?authuser=0&hl=ja\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">TTNC (Task Tracker by Notion Calendar)\u003C\u002Fa>」です。\u003C\u002Fli>\u003C\u002Ful>\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=\"ttnc\">\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=ttnc\" 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=\"#ttncの導入方法\" id=\"ttncの導入方法\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">TTNCの導入方法\u003C\u002Fh2>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">TTNCはインストールするだけで、Notionカレンダー上にボタンが表示され、ワンクリックでタスクの開始時間と終了時間の記録、そしてタスクのステータスの更新が実現できます。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">今まで何クリックも必要だった操作が不要になり、Notionカレンダーだけで手軽にタスク管理と時間管理を統合することが可能になりました。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">TTNCの導入は5分程度で完了します。初期設定を一度してしまえば、半永久的にそのまま使うことができます。もちろん無料です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-07-20-ttnc-7.jpeg\" 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;\">\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cdetails>\u003Csummary>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP. 1 TTNCのインストール\u003C\u002Fstrong>\u003C\u002Fp>\u003C\u002Fsummary>\u003Cdiv>\n\n\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Chromeウェブストアから「\u003Ca href=\"https:\u002F\u002Fchromewebstore.google.com\u002Fdetail\u002Fttnc\u002Fgjfdlioodlfeinnchhdinejafihfllpb?authuser=0&hl=ja\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">TTNC (Task Tracker by Notion Calendar)\u003C\u002Fa>」をインストールします。\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdetails>\n\n\u003Cdetails>\u003Csummary>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP. 2 設定ボタンをクリック\u003C\u002Fstrong>\u003C\u002Fp>\u003C\u002Fsummary>\u003Cdiv>\n\n\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">インストールが完了し、Notionと紐づけられているタスクを選択すると、右側にボタン群が表示されます。「設定」ボタンをクリックしてください。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-07-20-ttnc-8.png\" alt=\"TTNCをインストールするとボタン群が追加される\" 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]\">TTNCをインストールするとボタン群が追加される\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdetails>\n\n\u003Cdetails>\u003Csummary>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP. 3 トークンとデータベースIDを入力\u003C\u002Fstrong>\u003C\u002Fp>\u003C\u002Fsummary>\u003Cdiv>\n\n\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">設定画面内でNotion APIのトークンとデータベースIDを入力してください。入力が完了したら「プロパティを読み込む」ボタンをクリックしてください。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-07-20-ttnc-9.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\u002Fnotion-integration-connect\" class=\"text-black6 article-link\">Notionインテグレーショントークンの取得方法・コネクト設定方法\u003C\u002Fa>\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fdiv>\n\n\u003C\u002Fdiv>\u003C\u002Fdetails>\n\n\u003Cdetails>\u003Csummary>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP. 4 プロパティを紐付け\u003C\u002Fstrong>\u003C\u002Fp>\u003C\u002Fsummary>\u003Cdiv>\n\n\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">必要なプロパティの紐付け作業を行います。\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>下記2つのプロパティが必要です\u003C\u002Fstrong>\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>\u003C\u002Ful>\u003C\u002Fdiv>\n\n\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-07-20-ttnc-10.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;\">\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-07-20-ttnc-11.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;\">\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdetails>\n\n\u003Cdetails>\u003Csummary>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP. 5 「開始」「終了」ボタンをクリック\u003C\u002Fstrong>\u003C\u002Fp>\u003C\u002Fsummary>\u003Cdiv>\n\n\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">タスクを開始する際には「開始」ボタンを押し、終了した際には「終了」ボタンを押してください。これで、タスクのステータスが自動で更新され、開始時刻と終了時刻が記録されます。\u003C\u002Fp>\u003Cfigure class=\"youtube-embed-wrapper\">\n\u003Cdiv class=\"youtube-embed-container\">\n\u003Ciframe width=\"100%\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FNqYNcUb6vfs?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\n\n\n\u003C\u002Fdiv>\u003C\u002Fdetails>\n\n\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]\">ユーザーの声を追加したい\u003C\u002Fp>\u003C\u002Fdiv>\n\n\u003Ca href=\"#よくある質問-faq\" id=\"よくある質問-faq\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">よくある質問 (FAQ)\u003C\u002Fh2>\u003C\u002Fa>\u003Cdetails>\u003Csummary>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>Q1: TTNCをインストールする際に必要な設定は何ですか？\u003C\u002Fstrong>\u003C\u002Fp>\u003C\u002Fsummary>\u003Cdiv>\n\n\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">初期設定として、NotionのデータベースIDとトークンを入力する必要があります。これにより、TTNCがNotionカレンダーと連携できるようになります。\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdetails>\n\n\u003Cdetails>\u003Csummary>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>Q2: TTNCは無料で利用できますか？\u003C\u002Fstrong>\u003C\u002Fp>\u003C\u002Fsummary>\u003Cdiv>\n\n\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">はい、TTNCは無料でご利用いただけます。\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdetails>\n\n\u003Cdetails>\u003Csummary>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>Q3: 更新するとエラーが表示されることがあります\u003C\u002Fstrong>\u003C\u002Fp>\u003C\u002Fsummary>\u003Cdiv>\n\n\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">新しくタスクを作ってからNotionカレンダーのデータを読み込むのに数秒ほど時間がかかる場合があります。5秒ほど時間を置いてから再度お試しください。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-07-20-ttnc-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>\u003C\u002Fdiv>\u003C\u002Fdetails>\n\n\u003Cdetails>\u003Csummary>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>Q4: デスクトップアプリ版でも利用できますか？\u003C\u002Fstrong>\u003C\u002Fp>\u003C\u002Fsummary>\u003Cdiv>\n\n\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">TTNCはChrome拡張機能なのでデスクトップアプリ版では利用できません。\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdetails>\n\n\u003Cdetails>\u003Csummary>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>Q5: Google ChromeではなくArcでも利用可能ですか\u003C\u002Fstrong>\u003C\u002Fp>\u003C\u002Fsummary>\u003Cdiv>\n\n\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">利用可能です。Google ChromeもしくはArcでインストールしてください。\u003C\u002Fp>\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]\">TTNCはNotionとNotionカレンダーのヘビーユーザーにとって、痒いところに手が届くようなChrome拡張として発展させていきたいと思っています。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">機能は盛り込みすぎず、シンプルな状態を保っておきたいと思ってますが、皆様からのフィードバックがあれば柔軟に対応し、より良いアプリに仕上げていきたいと思っていますので、応援よろしくお願いいたします。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ご意見・ご感想はぜひXにて \u003Ca href=\"https:\u002F\u002Ftwitter.com\u002Fsearch?q=%23TTNC&src=typed_query&f=top\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">#TTNC\u003C\u002Fa> を付けてご投稿ください。\u003C\u002Fp>",[42,45,49,52,55,58],{"id":43,"text":43,"type":44},"タスク管理と時間管理の統合を目指す","heading_2",{"id":46,"text":47,"type":48},"notion上での終了時間の入力が手間","Notion上での終了時間の入力が手間","heading_3",{"id":50,"text":51,"type":48},"notionカレンダー上ではステータスの変更ができない","Notionカレンダー上ではステータスの変更ができない",{"id":53,"text":54,"type":44},"ttncの導入方法","TTNCの導入方法",{"id":56,"text":57,"type":44},"よくある質問-faq","よくある質問 (FAQ)",{"id":59,"text":59,"type":44},"開発者メッセージ",[],[62],{"tag":9,"qas":63},[64,67,70,73,76,79,82,85,88,91,94,97,100,103,106,109,112,115,118,121,124,127,130],{"slug":65,"question":66},"0171","Notionで計算はできますか？",{"slug":68,"question":69},"0169","Notionのデータベースの情報をグループにまとめることはできますか？",{"slug":71,"question":72},"0168","Notionのデータベースで並び替えを設定できますか？",{"slug":74,"question":75},"0157","Notionのデータベースで特定の条件に当てはまるデータのみ絞り込む（フィルターする）ことはできますか？",{"slug":77,"question":78},"0145","Notionでデータベースのページテンプレートは複数作れますか？",{"slug":80,"question":81},"0144","Notionのボードビューでカードに表示する項目を変えられますか？",{"slug":83,"question":84},"0143","Notionのボードビューで列の順番を並べ替えできますか？",{"slug":86,"question":87},"0142","NotionでデータベースをCSVでエクスポートできますか？",{"slug":89,"question":90},"0141","Notionでデータベースの複数行のプロパティを一括で同じ値に変更できますか？",{"slug":92,"question":93},"0140","Notionのデータベースに作成者や最終編集者を表示できますか？",{"slug":95,"question":96},"0139","Notionのデータベースに最終更新日時を表示できますか？",{"slug":98,"question":99},"0138","Notionのデータベースに作成日時を表示できますか？",{"slug":101,"question":102},"0137","Notionの数値プロパティの表示形式（通貨・％など）を変えられますか？",{"slug":104,"question":105},"0135","Notionのデータベースにチェックボックスの項目を作れますか？",{"slug":107,"question":108},"0134","Notionのデータベースで列の表示\u002F非表示を切り替えられますか？",{"slug":110,"question":111},"0113","Notionでデータベースにプロパティを追加するには？",{"slug":113,"question":114},"0109","Notionで1つのデータベースに複数のビューを作成できますか？",{"slug":116,"question":117},"0105","Notionでワークフロー（オートメーション）を設定できますか？",{"slug":119,"question":120},"0091","Notionで他の誰かが作成したテンプレートを使えますか？",{"slug":122,"question":123},"0082","Notionのリレーションとロールアップの違いは？",{"slug":125,"question":126},"0077","Notionのリンクドデータベース（リンクドビュー）とは何ですか？",{"slug":128,"question":129},"0136","Notionのデータベースで列の順番を入れ替えられますか？",{"slug":131,"question":132},"0015","Notionでタグを付ける方法はありますか？",1793056353711]