[{"data":1,"prerenderedAt":62},["ShallowReactive",2],{"blog-tags":3,"header-recruit-jobs":17,"blog-post-notion-character-counter":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":38,"html":39,"headings":40,"qas":60,"relatedQAsByTag":61},"notion-character-counter","Notionページ内の文字数をカウントするChrome拡張機能","2023-05-20T00:00:00.000Z","2024-09-01T00:00:00.000Z","Notionページ内の文字数をカウントするChrome拡張機能「Notion文字数カウント」の紹介記事。拡張機能を使うことで、Notion内の文字数を外部のサービスにコピペする手間を省くことができる。また、空白を含む・含まない、カウント対象のブロック、コードブロックの扱いなど、細かい設定も可能。",[29],"個人利用",[8],{"id":32,"name":33,"image":34,"description":35,"url":35,"descriptionHTML":36,"SNSHTML":37},"c2f976ab-4882-4e4e-a80e-91d829bd59ca","チャベス","\u002Fblog\u002Ficon\u002Fchabesu.png","","Webライター・ディレクター。Notion公式のおすすめのテンプレートクリエイター。個人でNotionをちょっと便利にするChrome拡張機能を開発中。代表作は「NotionSidebarHider」「Notion文字数カウント」。本業はメーカーで研究開発をしているエンジニア。","\u003Ca href=\"https:\u002F\u002Ftwitter.com\u002FChabesuB\" class=\"article-link\" target=\"_blank\">Twitter\u003C\u002Fa> \u002F \u003Ca href=\"https:\u002F\u002Fwww.notion.so\u002Fja-jp\u002F@chabesu\" class=\"article-link\" target=\"_blank\">Notion\u003C\u002Fa>",true,"\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">こんにちは、\u003Ca href=\"https:\u002F\u002Ftwitter.com\u002FChabesuB\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">チャベス\u003C\u002Fa>と言います。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">今回の記事では、Notionのページ内の文字数をカウントできるChrome拡張機能「Notion文字数カウント」をご紹介します。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">私はこのブログを始め、noteなどいくつかのメディアでNotion関連の記事を書いています。すべての記事は一度Notionで下書きをしてから転記するようにしています。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]\">そこでChrome拡張機能で文字数をカウントできるように作成しました。Notion内の文字数をカウントしたいという方はぜひ使ってみてください。\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=\"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=\"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=\"#notion公式アンバサダーにもお使い頂いた\" class=\"toc-link text-sm text-black6 font-bold\">\n                Notion公式アンバサダーにもお使い頂いた\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]\">\u003Ca href=\"https:\u002F\u002Fchromewebstore.google.com\u002Fdetail\u002Fnotion%E6%96%87%E5%AD%97%E6%95%B0%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88\u002Fcgdlnhohdpngigmkhfnifonmaedkhgfn?hl=ja\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">Notion文字数カウント\u003C\u002Fa>\u003C\u002Fp>\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=\"notion-character-counter\">\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=notion-character-counter\" 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]\">右上に表示されているアイコンをクリックすると文字数をカウントすることができます。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2023-05-20-notion-character-counter-1.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;\">\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\u002F2023-05-20-notion-character-counter-2.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;\">\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\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\">Mac : Cmd + Shift + Y\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">Windows : Ctrl + Shift + Y\u003Cbr>で呼び出すことができます。\u003C\u002Fli>\u003C\u002Ful>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ショートカットキーはChrome拡張機能の設定画面から変更可能です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2023-05-20-notion-character-counter-3.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;\">\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\u002F2023-05-20-notion-character-counter-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;\">\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\u002F2023-05-20-notion-character-counter-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]\">トグルリストやトグル見出しについては、トグルを閉じている場合はカウント対象外となります。トグル内の文字数もカウントしたい場合は、以下のショートカットキーですべてのトグルを開いてから文字数をカウントして下さい。\u003C\u002Fp>\u003Cul class=\"list-square pl-6\">\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">Mac : Cmd + Option + T\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">Windows : Ctrl + Alt + T\u003C\u002Fli>\u003C\u002Ful>\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\u002F2023-05-20-notion-character-counter-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;\">\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]\">コードブロックのみ、別途カウントします。ただし、左下のチェックボックスで全体の文字数にコードブロックを含める \u002F 含めない を切り替えることができます。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2023-05-20-notion-character-counter-7.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;\">\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\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]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2023-05-20-notion-character-counter-8.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>\u003Ca href=\"#notion公式アンバサダーにもお使い頂いた\" id=\"notion公式アンバサダーにもお使い頂いた\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">Notion公式アンバサダーにもお使い頂いた\u003C\u002Fh2>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Notion公式アンバサダーのReiさんが出版する書籍はNotionで書かれており、その中で「Notion文字数カウント」をお使いただいたようです。ありがとうございます。\u003C\u002Fp>\u003Cblockquote class=\"twitter-tweet\">\n\u003Ca href=\"https:\u002F\u002Ftwitter.com\u002Frei_wkndcreator\u002Fstatus\u002F1710635505950568706\">\u003C\u002Fa>\n\u003C\u002Fblockquote>\n\u003Cscript async=\"\" src=\"https:\u002F\u002Fplatform.twitter.com\u002Fwidgets.js\" charset=\"utf-8\">\u003C\u002Fscript>\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ページ内の文字数をカウントできるChrome拡張機能を紹介しました。気になる方は一度ぜひ使っていただけると嬉しいです。もし何か要望や不具合があれば、Twitter（\u003Ca href=\"https:\u002F\u002Ftwitter.com\u002FChabesuB\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">@ChabesuB\u003C\u002Fa>) にDMでご連絡していただけると嬉しいです。\u003C\u002Fp>",[41,44,46,49,51,53,55,58],{"id":42,"text":42,"type":43},"インストール方法","heading_2",{"id":45,"text":45,"type":43},"使い方",{"id":47,"text":47,"type":48},"空白を含む・含まない","heading_3",{"id":50,"text":50,"type":48},"カウント対象のブロック",{"id":52,"text":52,"type":48},"コードブロックは別途カウント",{"id":54,"text":54,"type":43},"英単語数は公式機能でカウントできる",{"id":56,"text":57,"type":43},"notion公式アンバサダーにもお使い頂いた","Notion公式アンバサダーにもお使い頂いた",{"id":59,"text":59,"type":43},"おわりに",[],[],1793056349916]