Newtion

ブラウザで新規ページのNotionショートカットを作る

ドキュメント:英語(English),日本語

この Chrome 拡張機能を使うと、Web ブラウザで新規ページを開くショートカットを使うことができます。

Cmd/Ctrl + Shift + L を押して新規ページを作り、そして開こう！

デモ

特徴

安全に利用できる

この Chrome 拡張機能は Notion の公式 API を必要としますが、必要な権限はデータの挿入だけで、ユーザー情報も不要です。

この Chrome 拡張機能は Notion API Token を保持するためのローカルストレージ権限しか必要としません。その他の Chrome API にアクセスしないため、安全に利用できます。

オープンソースソフトウェア

ソースコードは公開されており、MIT ライセンスです。

ショートカット

ショートカット	動作
Cmd/Ctrl+Shift+L	設定のポップアップを開く
Cmd/Ctrl+Shift+I	新規ページを作り新しいタブで開く

インストール

また、次のセクションで Newtion を設定する必要があります。

chrome ウェブストアへアクセスしてください。

GoogleChrome 以外のブラウザ拡張機能はお待ちください。

使い方

3 ステップの設定が必要です。以下の手順で設定してください。

1. 設定ページからインテグレーションを準備する

• https://www.notion.so/my-integrationsへアクセスし、新しいインテグレーションをクリック
• 情報の入力
  • 名前
  • ロゴ（任意）
  • 関連ワークスペース
  • 機能
    • コンテンツを挿入にチェック
    • ユーザー情報なしにチェック
• 送信を押し、トークンをコピーする（後で利用）

2. Notion のデータベースを準備

• https://www.notion.so/にアクセス
• 全画面データベースを作成する
• タグの列を削除する（任意）
• 💡 一番左の列をName に変更する(英語設定では標準でName)
  • 今後、修正が入ります
• データベースの ID をコピーします（後で利用）
  • https://www.notion.so/ドメイン/DATABASE_ID
  • DATABASE_ID がデータベース ID です。
• インテグレーションを招待する
  • ヘッダーにある共有ボタンをクリック
  • 先ほど作成したインテグレーションを選び招待する

3. Newtion の設定

• Cmd/Ctrl + Shift + L を入力し、ポップアップを開きます
  • またはNewtionのアイコンを拡張機能の一覧からクリック
• データベース ID とトークンを入力します

さあ、Newtion を使おう

おめでとうございます!

Cmd/Ctrl + Shift + Iを入力し、新規ページを作り・開きましょう。

使用例

次のようなケースを想定しています。

• Web サイトを検索していて、その情報を Notion にまとめる
• ブラウザ版 Notion で新しいページを開くためのショートカットが見つからず困っている
• Notion で新しいページを開くと、サイドバーのページ数が増えてしまう

開発環境

• node v16.14.0
• npm 8.3.1
• Notion API v1
  • Docs:https://developers.notion.com/reference/post-page

コマンド

npm run watch
npm run build
npm run clean
npm run test

貢献

準備中です。。。

スペシャルサンクス

このソースコードは https://github.com/chibat/chrome-extension-typescript-starterより派生しています。

ありがとうございます。

開発者

日本人の大学生です。

リンク

• ホームページ
• プライバシーポリシー