NotionページをChrome拡張機能で操作する方法：初心者向け - Qiita

1. はじめに 今回は、HTML、CSS、JavaScriptのスキルはあるものの、Chrome拡張機能の開発は初めてという方向けに、NotionのAPIを使用してページを管理するChrome拡張機能の作成方法を解説します。この記事では、特定のNotionページ配下にサブページを追加・表示する機能を持つ拡張機能「QuickNotion」の開発プロセスを通じて、拡張機能開発の基礎を説明します。 2. なぜChrome拡張機能なのか？ 最初は、単純なHTMLページからNotionのAPIを呼び出そうとしました。しかし、ブラウザのセキュリティ機能であるCORS（Cross-Origin Resource Sharing）の制約により、直接APIを呼び出すことができませんでした。 2.1 CORSとは？ CORSは、Webブラウザにおけるセキュリティ機能の一つで、異なるオリジン（ドメイン、プロトコ