Notion に機能を+1する話

6.7K Views

June 24, 22

スライド概要

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

profile-image

だいがくせい

シェア

埋め込む »CMSなどでJSが使えない場合

各ページのテキスト
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