Notion に機能を＋１する話

Notion に機能を +1 する話｜ by cohu.dev Notion に機能を＋１する話 Notion Students Meetup #002 6/24 @Online スクショはご遠慮ください（資料公開します） 1

Notion に機能を +1 する話｜ by cohu.dev 目次 はじめに 作ったもの紹介 公開した結果 作った理由 作る側に回らない？ さいごに スクショはご遠慮ください（資料公開します） 2

Notion に機能を +1 する話｜ by cohu.dev はじめに スクショはご遠慮ください（資料公開します） 3

Notion に機能を +1 する話｜ by cohu.dev Notion 、なんでもできて便利？ スクショはご遠慮ください（資料公開します） 4

Notion に機能を +1 する話｜ by cohu.dev なんでもできる...わけではない スクショはご遠慮ください（資料公開します） 5

Notion に機能を +1 する話｜ by cohu.dev じゃあ、作って解決しよう スクショはご遠慮ください（資料公開します） 6

Notion に機能を +1 する話｜ by cohu.dev 目次 はじめに 作ったもの紹介 公開した結果 作った理由 作る側に回らない？ さいごに スクショはご遠慮ください（資料公開します） 7

に機能を +1 する話｜ by cohu.dev 作ったもの紹介 Notion に埋め込める文字数カウンター｜URL 2. Notion に埋め込めるカウントダウンメーカー｜ URL 3. Newtion （ニューション）｜ Chrome 拡張機能｜ URL 画像とデモで詳しく説明 1. Notion スクショはご遠慮ください（資料公開します） 8

• https://count.cohu.dev/
• https://count-down.cohu.dev/
• https://chrome.google.com/webstore/detail/newtion/fdjjmpjjbhhepdakdifipaehpcgojkgf

Notion に機能を +1 する話｜ by cohu.dev 1 Notion つ目 に埋め込める文字数カウンター｜URL スクショはご遠慮ください（資料公開します） 9

• https://count.cohu.dev/

Notion に機能を +1 する話｜ by cohu.dev Notion に埋め込める文字数カウンター｜URL スクショはご遠慮ください（資料公開します） 10

• https://count.cohu.dev/

に機能を +1 する話｜ by cohu.dev 特徴｜ Notion に埋め込める文字数カウンター｜URL Notion 無料で利用 無駄のない設計 ダークモード対応 スクショはご遠慮ください（資料公開します） 11

• https://count.cohu.dev/

に機能を +1 する話｜ by cohu.dev デモ｜ Notion に埋め込める文字数カウンター｜URL Notion スクショはご遠慮ください（資料公開します） 12

• https://count.cohu.dev/

Notion に機能を +1 する話｜ by cohu.dev 2 Notion つ目 に埋め込めるカウントダウンメーカー｜URL スクショはご遠慮ください（資料公開します） 13

• https://count-down.cohu.dev/

Notion に機能を +1 する話｜ by cohu.dev Notion に埋め込めるカウントダウンメーカー｜URL スクショはご遠慮ください（資料公開します） 14

• https://count-down.cohu.dev/

に機能を +1 する話｜ by cohu.dev 特徴｜ Notion に埋め込めるカウントダウンメーカー｜URL Notion セキュリティの リスク 0 ログインありません シンプル なデザイン ページを汚しません 3 ステップ で完了 日付をマウスで選び URL をコピーし Notion に貼り付けます スクショはご遠慮ください（資料公開します） 15

• https://count-down.cohu.dev/

に機能を +1 する話｜ by cohu.dev デモ｜ Notion に埋め込めるカウントダウンメーカー｜URL Notion スクショはご遠慮ください（資料公開します） 16

• https://count-down.cohu.dev/

Notion に機能を +1 する話｜ by cohu.dev 3 Newtion つ目 ｜ Chrome 拡張機能｜URL 新規ページを作って開くショートカットを使える Chrome 拡張機能 スクショはご遠慮ください（資料公開します） 17

• https://chrome.google.com/webstore/detail/newtion/fdjjmpjjbhhepdakdifipaehpcgojkgf

Notion に機能を +1 する話｜ by cohu.dev Newtion ｜ Chrome 拡張機能｜URL スクショはご遠慮ください（資料公開します） 18

• https://chrome.google.com/webstore/detail/newtion/fdjjmpjjbhhepdakdifipaehpcgojkgf

に機能を +1 する話｜ by cohu.dev 特徴｜ Newtion ｜ Chrome 拡張機能 Notion ブラウザ版で 新規ページを作って開くショートカット を使える ブラウザ版では通常は使えない デスクトップ版（PC 版）で Cmd/Ctrl+N のショート カット データベース に新規ページをどんどん追加できる デスクトップ版ではサイドバー散らかる 問題 が あった セキュリティの対策も OK Notion API の挿入権限のみ＆ユーザー情報は不要 PC 上に保存された情報が漏れたとしても、問題は 発生しない スクショはご遠慮ください（資料公開します） 19

に機能を +1 する話｜ by cohu.dev 設定方法 ｜ Newtion ｜ Chrome 拡張機能｜URL Notion ホームページにも解説あり（試していただける方はページ開くと詳細あり） 1. 設定からインテグレーションを作る 権限は挿入のみ・ユーザー情報は不要 2. Newtion 用のデータベースを用意する インテグレーションの招待を忘れずに 一番左の列を Name という名前に設定 3. Newtion の設定をする データベース ID と API のトークン を入力 すると Cmd/Ctrl+Shift+I で使える！ スクショはご遠慮ください（資料公開します） 20

• https://chrome.google.com/webstore/detail/newtion/fdjjmpjjbhhepdakdifipaehpcgojkgf
• https://cohu-dev.github.io/newtion/README_ja
• https://www.notion.so/my-integrations

に機能を +1 する話｜ by cohu.dev デモ｜ Newtion Notion スクショはご遠慮ください（資料公開します） 21

Notion に機能を +1 する話｜ by cohu.dev 目次 はじめに 作ったもの紹介 公開した結果 作った理由 作る側に回らない？ さいごに スクショはご遠慮ください（資料公開します） 22

Notion に機能を +1 する話｜ by cohu.dev 公開した結果・・・ スクショはご遠慮ください（資料公開します） 23

Notion に機能を +1 する話｜ by cohu.dev 思ったより使われた リピーターが多い スクショはご遠慮ください（資料公開します） 24

に機能を +1 する話｜ by cohu.dev 具体的な数字 ｜ 6/18 時点 Notion に埋め込める文字数カウンター 3,000 PV/ 月 350 ユーザー / 月 Notion で予定をカウントダウンするツール 2,000 PV/ 月 300 ユーザー / 月 Notion Newtion まだデータなし ※ PV 数 = ページを開いた回数 スクショはご遠慮ください（資料公開します） 25

Notion に機能を +1 する話｜ by cohu.dev 目次 はじめに 作ったもの紹介 公開した結果 作った理由 作る側に回らない？ さいごに スクショはご遠慮ください（資料公開します） 26

Notion に機能を +1 する話｜ by cohu.dev 作った理由 スクショはご遠慮ください（資料公開します） 27

に機能を +1 する話｜ by cohu.dev 抽象的な理由 Notion すべてに通して言えること・・・ Notion は 抽象的・普遍的 なことに対応 具体的な画面を作ったり、表示を工夫するものではない！ そもそも Notion=概念 という意味 データベースの Formula で可能なこともある 予定のカウントダウン・文字数カウントも ページを開いて パッと見える画面 は作れない ちなみに、それぞれ数時間で作れた スクショはご遠慮ください（資料公開します） 28

に機能を +1 する話｜ by cohu.dev 具体的な理由 Notion 文字数カウント レポートの字数を数えたかった もっと簡易的なもので良かった気もする カウントダウン 用のページを作っていた テストの対策・計画・結果をまとめる テストまであと何日かを可視化したかった TOEIC Newtion ブラウザ版 Notion では、新規ページのショートカットがない デスクトップ版（PC 版）ではあるが、タブを複数開けないため使いづら い・・・ スクショはご遠慮ください（資料公開します） 29

に機能を +1 する話｜ by cohu.dev 今後の展開 Notion 横展開する（似たようなツール） 潜在的な欲求にもアプローチ みんなが何を欲しいのか知りたい とにかく Newtion を広めたい！ スクショはご遠慮ください（資料公開します） 30

Notion に機能を +1 する話｜ by cohu.dev 目次 はじめに 作ったもの紹介 公開した結果 作った理由 作る側に回らない？ さいごに スクショはご遠慮ください（資料公開します） 31

Notion に機能を +1 する話｜ by cohu.dev 作る側に回ってみませんか？ スクショはご遠慮ください（資料公開します） 32

に機能を +1 する話｜ by cohu.dev ツールを作るのはおすすめ Notion 埋め込みツールなら サーバー・データベースの知識など不要 ないと実現できない要件もあるため、不要なものを考えるべき 誰でも作り 無料で公開し みんなが使える 以下の知識をつければ OK（無料で学べる・絶対に有料の謎講座はダメ） HTML・CSS・JavaScript をベースに React を勉強する デプロイ先（公開先）には Cloudflare Pages を使うと無料 スクショはご遠慮ください（資料公開します） 33

Notion に機能を +1 する話｜ by cohu.dev 目次 はじめに 作ったもの紹介 公開した結果 作った理由 作る側に回らない？ さいごに スクショはご遠慮ください（資料公開します） 34

に機能を +1 する話｜ by cohu.dev さいごに Notion 他にも、Notion を便利に使うための コツ も ブログ でも公開しています Twitter でも、たま〜に情報発信しています（ Twitter コミュニティはいいぞ） スクショはご遠慮ください（資料公開します） 35

• https://twitter.com/cohu_dev

に機能を +1 する話｜ by cohu.dev さいごに Notion 自己紹介 大学 4 年生 Notion 歴： 1 年 マンガはキングダム好き Python/TS/Go など書く Twitter ： @cohu_dev スクショはご遠慮ください（資料公開します） 36

• https://twitter.com/cohu_dev

Notion に機能を +1 する話｜ by cohu.dev ご清聴ありがとうございました スクショはご遠慮ください（資料公開します） 37

Notion に機能を +1 する話｜ by cohu.dev 参考 プレゼン資料作成：https://marp.app Notion ： https://www.notion.so/product 画像：https://unsplash.com 関連 こふぶろぐ：https://blog.cohu.dev Newtion ： Chrome ウェブストア 文字数カウント：https://count.cohu.dev/ カウントダウン：https://count-down.cohu.dev/ スクショはご遠慮ください（資料公開します） 38

• https://marp.app/
• https://www.notion.so/product
• https://unsplash.com/
• https://blog.cohu.dev/
• https://chrome.google.com/webstore/detail/newtion/fdjjmpjjbhhepdakdifipaehpcgojkgf
• https://count.cohu.dev/
• https://count-down.cohu.dev/