Notion に機能を+1する話

スライド概要

Notionとセットで使うと便利なツールを作って公開した話。

profile-image

cohu dev

@cohu

作者について:

だいがくせい

スライド一覧
シェア
埋め込む»CMSなどでJSが使えない場合

公開日

2022-06-24 17:25:00

各ページのテキスト

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

38. 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