Notion小噺 - NIFTY Tech Talk #10

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Proﬁle 松阪僚子 2021年4月入社会員システムグループ第二開発チーム備考：セクラバ、ヅカオタ 2

Slide 3

Slide 3 text

3 Purpose 世界一利便性が高くてかっこいいプロダクトwikiを目指す

Slide 4

Slide 4 text

:latest 4

Slide 5

Slide 5 text

:v1 5 1年前...

Slide 6

Slide 6 text

:v1 6

Slide 7

Slide 7 text

:v1 7 Manual Minutes Logs

Slide 8

Slide 8 text

:v1 8 半年後...

Slide 9

Slide 9 text

:v1 9 めちゃくちゃ使いにくくない！？

Slide 10

Slide 10 text

:v1 10 ● 保守性の低い設計 ● 階層構造が必要なドキュメントプロパティの拡張 →崩壊

Slide 11

Slide 11 text

:v2 11

Slide 12

Slide 12 text

体制サブページサービスの目的・目標・手段リンク集メンバー体制サブページ ─── DB サービスの目的・目標・手段（インセプションデッキ）リンク集メンバー 12 :v2

Slide 13

Slide 13 text

体制サービスの目的・目標・手段リンク集メンバー体制サービスの目的・目標・手段（インセプションデッキ）リンク集メンバー 13 :v2 階層を持つように変更 ● 階層を保持したいページ ● linkedDBで表示するページ ● 企画/開発のみが使うページ → 分けておくと秩序が　保てるサブページサブページ ─── DB サブページ開発サブページトップサブページ DesignDocs

Slide 14

Slide 14 text

体制サービスの目的・目標・手段リンク集メンバー体制サービスの目的・目標・手段（インセプションデッキ）リンク集メンバー 14 :v2 階層を持つように変更 ● 階層を保持したいページ ● linkedDBで表示するページ ● 企画/開発のみが使うページ → 分けておくと秩序が　保てるサブページサブページ ─── DB

Slide 15

Slide 15 text

体制サービスの目的・目標・手段リンク集メンバー体制サービスの目的・目標・手段（インセプションデッキ）リンク集メンバー 15 :v2 階層を持つように変更 ● 階層を保持したいページ ● linkedDBで表示するページ ● 企画/開発のみが使うページ → 分けておくと秩序が　保てるサブページサブページ ─── DB

Slide 16

Slide 16 text

体制サービスの目的・目標・手段リンク集メンバー体制サービスの目的・目標・手段（インセプションデッキ）リンク集メンバー 16 :v2 階層を持つように変更 ● 階層を保持したいページ ● linkedDBで表示するページ ● 企画/開発のみが使うページ → 分けておくと秩序が　保てるサブページサブページ ─── DB サブページ開発サブページトップサブページ DesignDocs

Slide 17

Slide 17 text

リンク集リンク集サブページサブページ ─── DB 体制サービスの目的・目標・手段メンバー体制サービスの目的・目標・手段（インセプションデッキ）メンバー 17 :v2 孫ページへのショートカット追加リンク集新設

Slide 18

Slide 18 text

リンク集リンク集サブページサブページ ─── DB 体制サービスの目的・目標・手段メンバー体制サービスの目的・目標・手段（インセプションデッキ）メンバー 18 :v2 孫ページへのショートカット追加リンク集新設

Slide 19

Slide 19 text

リンク集リンク集サブページサブページ ─── DB 体制サービスの目的・目標・手段メンバー体制サービスの目的・目標・手段（インセプションデッキ）メンバー 19 :v2 孫ページへのショートカット追加リンク集新設

Slide 20

Slide 20 text

リンク集リンク集サブページサブページ ─── DB 体制サービスの目的・目標・手段メンバー体制サービスの目的・目標・手段（インセプションデッキ）メンバー 20 :v2 孫ページへのショートカット追加リンク集新設

Slide 21

Slide 21 text

体制サービスの目的・目標・手段体制サービスの目的・目標・手段 ──────────── インセプションッキサブページリンク集メンバーサブページ ─── DB リンク集メンバー 21 :v2 常に意識してほしいものを設置

Slide 22

Slide 22 text

体制サブページサービスの目的・目標・手段リンク集メンバー体制サブページ ─── DB サービスの目的・目標・手段（インセプションデッキ）リンク集メンバー 22 :v2 体制体制 Chrome拡張で編集可能埋め込み画像を draw.ioに置き換え

Slide 23

Slide 23 text

体制サブページサービスの目的・目標・手段リンク集メンバー体制サブページ ─── DB サービスの目的・目標・手段（インセプションデッキ）リンク集メンバー 23 :v2 体制体制 Chrome拡張で編集可能埋め込み画像を draw.ioに置き換え

Slide 24

Slide 24 text

体制サブページサービスの目的・目標・手段リンク集メンバー体制サブページ ─── DB サービスの目的・目標・手段（インセプションデッキ）リンク集メンバー 24 :v2 体制体制 Chrome拡張で編集可能埋め込み画像を draw.ioに置き換え

Slide 25

Slide 25 text

:v2 25 なんか...ダサいな...

Slide 26

Slide 26 text

:v2 26 なんか...ダサいな...

Slide 27

Slide 27 text

:v2 27 なんか...ダサいな...

Slide 28

Slide 28 text

体制サブページサービスの目的・目標・手段リンク集メンバー体制サブページ ─── DB サービスの目的・目標・手段（インセプションデッキ）リンク集メンバー 28 :v2 長い！長い全体的に間延びした印象トップに必要か？グルーピングが分かりにくい

Slide 29

Slide 29 text

:latest 29

Slide 30

Slide 30 text

プロダクトの目的製品ページへのリンクリンク集製品についてサブページイドラインサブページ企画サブページ開発サブページ DB やることやらないことメンバー議事録リンクドDB 30 :latest

Slide 31

Slide 31 text

プロダクトの目的製品ページへのリンクリンク集製品についてサブページイドラインサブページ企画サブページ開発サブページ DB やることやらないことメンバー議事録リンクドDB 31 :latest

Slide 32

Slide 32 text

プロダクトの目的製品ページへのリンクリンク集製品についてサブページイドラインサブページ企画サブページ開発サブページ DB やることやらないことメンバー議事録リンクドDB 32 :latest

Slide 33

Slide 33 text

プロダクトの目的製品ページへのリンクリンク集製品についてサブページイドラインサブページ企画サブページ開発サブページ DB やることやらないことメンバー議事録リンクドDB 33 :latest 一目でページの趣旨が理解できる

Slide 34

Slide 34 text

プロダクトの目的製品ページへのリンクリンク集製品についてサブページイドラインサブページ企画サブページ開発サブページ DB やることやらないことメンバー議事録リンクドDB 34 :latest 一目でページの趣旨が理解できる

Slide 35

Slide 35 text

プロダクトの目的製品ページへのリンクリンク集製品についてサブページイドラインサブページ企画サブページ開発サブページ DB やることやらないことメンバー議事録リンクドDB 35 :latest 一目でページの趣旨が理解できる

Slide 36

Slide 36 text

やることやらないことリンク集製品についてサブページイドラインサブページ企画サブページ開発サブページ DB メンバー議事録リンクドDB 36 :latest ファーストビュー外に配置プロダクトの目的製品ページへのリンクリスト→コールアウトに変更

Slide 37

Slide 37 text

やることやらないことリンク集製品についてサブページイドラインサブページ企画サブページ開発サブページ DB メンバー議事録リンクドDB 37 :latest ファーストビュー外に配置プロダクトの目的製品ページへのリンクリスト→コールアウトに変更

Slide 38

Slide 38 text

やることやらないことリンク集製品についてサブページイドラインサブページ企画サブページ開発サブページ DB メンバー議事録リンクドDB 38 :latest ファーストビュー外に配置プロダクトの目的製品ページへのリンクリスト→コールアウトに変更

Slide 39

Slide 39 text

製品についてサブページイドラインサブページ企画サブページ開発サブページプロダクトの目的製品ページへのリンクリンク集 DB やることやらないことメンバー議事録リンクドDB 39 :latest サブページ群を並列配置に変更カテゴリ毎に分類

Slide 40

Slide 40 text

製品についてサブページイドラインサブページ企画サブページ開発サブページプロダクトの目的製品ページへのリンクリンク集 DB やることやらないことメンバー議事録リンクドDB 40 :latest サブページ群を並列配置に変更カテゴリ毎に分類

Slide 41

Slide 41 text

製品についてサブページイドラインサブページ企画サブページ開発サブページプロダクトの目的製品ページへのリンクリンク集 DB やることやらないことメンバー議事録リンクドDB 41 :latest サブページ群を並列配置に変更カテゴリ毎に分類

Slide 42

Slide 42 text

リンク集プロダクトの目的製品ページへのリンク製品についてサブページイドラインサブページ企画サブページ開発サブページ DB やることやらないことメンバー議事録リンクドDB 42 :latest リンク集をコールアウトで装飾ページ全体の見た目を揃える

Slide 43

Slide 43 text

リンク集プロダクトの目的製品ページへのリンク製品についてサブページイドラインサブページ企画サブページ開発サブページ DB やることやらないことメンバー議事録リンクドDB 43 :latest リンク集をコールアウトで装飾ページ全体の見た目を揃える

Slide 44

Slide 44 text

リンク集プロダクトの目的製品ページへのリンク製品についてサブページイドラインサブページ企画サブページ開発サブページ DB やることやらないことメンバー議事録リンクドDB 44 :latest リンク集をコールアウトで装飾ページ全体の見た目を揃える

Slide 45

Slide 45 text

議事録リンクドDB プロダクトの目的製品ページへのリンクリンク集製品についてサブページイドラインサブページ企画サブページ開発サブページ DB やることやらないことメンバー 45 :latest 議事録をトップページへ読み込み制限を10に設定

Slide 46

Slide 46 text

議事録リンクドDB プロダクトの目的製品ページへのリンクリンク集製品についてサブページイドラインサブページ企画サブページ開発サブページ DB やることやらないことメンバー 46 :latest 議事録をトップページへ読み込み制限を10に設定

Slide 47

Slide 47 text

議事録リンクドDB プロダクトの目的製品ページへのリンクリンク集製品についてサブページイドラインサブページ企画サブページ開発サブページ DB やることやらないことメンバー 47 :latest 議事録をトップページへ読み込み制限を10に設定

Slide 48

Slide 48 text

:latest 48

Slide 49

Slide 49 text

49 Key Takeaways ● 企画と開発のページは分離 ● 必要に応じて階層を保つ ● 画像を埋め込むなら draw.io（かMermaid）を使う ● 頻用ページはショートカットをトップに設置 v2 ● ファーストビューの要素を精査 ● 見た目で困ったらコールアウトを活用する ● 縦長にならないようにする ● グルーピングを意識 v3