Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Notion小噺 - NIFTY Tech Talk #10
Search
ニフティ株式会社
PRO
May 08, 2023
Video
Resources
Technology
0
270
Notion小噺 - NIFTY Tech Talk #10
ニフティ株式会社
PRO
May 08, 2023
Tweet
Share
Video
Resources
【エンジニア必見】Notionで仕事のスピードを加速するテクニックとは? - NIFTY Tech Talk #10
https://nifty.connpass.com/event/279921/
More Decks by ニフティ株式会社
See All by ニフティ株式会社
チーム力を高めるスクラム実践法:カンバン公開と課題攻略について - ニフティのスクラムトーク Vol. 2 - NIFTY Tech Talk #18
niftycorp
PRO
1
110
スクラムチームと認知負荷 - ニフティのスクラムトーク Vol2. / NIFTY Tech Talk #18
niftycorp
PRO
1
120
Visual Studio Code Dev Containers ススメ Python編 - NIFTY Tech Talk #17
niftycorp
PRO
1
74
dotfilesを作ろう - NIFTY Tech Talk #17
niftycorp
PRO
1
78
フロントエンドを始める前に どうしていっぱいツールがあるの? - NIFTY Tech Talk #17
niftycorp
PRO
1
100
サービスシステム監視 (シフト例)
niftycorp
PRO
0
51
スクラムマスターの技を磨く! ニフティのスクラムトーク vol. 1 - NIFTY Tech Talk #16
niftycorp
PRO
1
120
AWS基礎 / 2023 ニフティ新人研修
niftycorp
PRO
0
250
データベース / 2023 ニフティ新人研修
niftycorp
PRO
0
140
Other Decks in Technology
See All in Technology
SIEMを用いて、セキュリティログ分析の可視化と分析を実現し、PDCAサイクルを回してみた
coconala_engineer
0
210
Databricks:『生成AI World Cup』のご案内
databricksjapan
2
140
2024/4/26 コンピュータ歴史博物館解説告知
toshi_atsumi
0
200
Databricks におけるデータエンジニアリング
databricksjapan
0
370
The CloudCompare project by Dr. Daniel Girardeau-Montaut
kentaitakura
0
500
Tableau事例紹介 / Tableau Case Study of Eureka
kazuya_araki_tokyo
1
170
入社後初めてのタスクでk8sアップグレードした話.pdf
kkato1
1
380
NgRx Signal Store
rainerhahnekamp
0
110
Databricks における 『MLOps』
databricksjapan
2
130
Databricksを活用してDELISH KITCHENのレシピレコメンドを開発した話
furu8
0
250
Microsoft Cloudで開発ライフサイクルを保護する
kkamegawa
0
140
インシデントレスポンスのライフサイクルを廻すポイントってなに / Pinpoints of Incidentresponse Lifecycle for Operation
sakaitakeshi
1
300
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
119
38k
The Mythical Team-Month
searls
215
42k
Typedesign – Prime Four
hannesfritz
36
2.1k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
A Tale of Four Properties
chriscoyier
150
22k
The World Runs on Bad Software
bkeepers
PRO
61
6.7k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
220
21k
Ruby is Unlike a Banana
tanoku
96
10k
Docker and Python
trallard
33
2.7k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
356
22k
What's new in Ruby 2.0
geeforr
337
31k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
16k
Transcript
Copyright © NIFTY Corporation All Rights Reserved. Notion小噺 会員システムグループ
第二開発チーム 松阪 僚子
Profile 松阪 僚子 2021年4月入社 会員システムグループ 第二開発チーム 備考:セクラバ、ヅカオタ 2
3 Purpose 世界一 利便性が高くてかっこいい プロダクトwikiを目指す
:latest 4
:v1 5 1年前...
:v1 6
:v1 7 Manual Minutes Logs
:v1 8 半年後...
:v1 9 めちゃくちゃ使いにくくない!?
:v1 10 • 保守性の低い設計 • 階層構造が必要な ドキュメント プロパティの拡張 →崩壊
:v2 11
体制 サブ ページ サービスの目的・目標・手段 リンク集 メン バー 体制 サブ ページ
─── DB サービスの目的・目標・手段 (インセプションデッキ) リンク集 メン バー 12 :v2
体制 サービスの目的・目標・手段 リンク集 メン バー 体制 サービスの目的・目標・手段 (インセプションデッキ) リンク集 メン
バー 13 :v2 階層を持つように変更 • 階層を保持したいページ • linkedDBで表示するページ • 企画/開発のみが使うページ → 分けておくと秩序が 保てる サブ ページ サブ ページ ─── DB サブページ 開発 サブページ トップ サブページ DesignDocs
体制 サービスの目的・目標・手段 リンク集 メン バー 体制 サービスの目的・目標・手段 (インセプションデッキ) リンク集 メン
バー 14 :v2 階層を持つように変更 • 階層を保持したいページ • linkedDBで表示するページ • 企画/開発のみが使うページ → 分けておくと秩序が 保てる サブ ページ サブ ページ ─── DB
体制 サービスの目的・目標・手段 リンク集 メン バー 体制 サービスの目的・目標・手段 (インセプションデッキ) リンク集 メン
バー 15 :v2 階層を持つように変更 • 階層を保持したいページ • linkedDBで表示するページ • 企画/開発のみが使うページ → 分けておくと秩序が 保てる サブ ページ サブ ページ ─── DB
体制 サービスの目的・目標・手段 リンク集 メン バー 体制 サービスの目的・目標・手段 (インセプションデッキ) リンク集 メン
バー 16 :v2 階層を持つように変更 • 階層を保持したいページ • linkedDBで表示するページ • 企画/開発のみが使うページ → 分けておくと秩序が 保てる サブ ページ サブ ページ ─── DB サブページ 開発 サブページ トップ サブページ DesignDocs
リンク集 リンク集 サブ ページ サブ ページ ─── DB 体制 サービスの目的・目標・手段
メン バー 体制 サービスの目的・目標・手段 (インセプションデッキ) メン バー 17 :v2 孫ページへの ショートカット追加 リンク集新設
リンク集 リンク集 サブ ページ サブ ページ ─── DB 体制 サービスの目的・目標・手段
メン バー 体制 サービスの目的・目標・手段 (インセプションデッキ) メン バー 18 :v2 孫ページへの ショートカット追加 リンク集新設
リンク集 リンク集 サブ ページ サブ ページ ─── DB 体制 サービスの目的・目標・手段
メン バー 体制 サービスの目的・目標・手段 (インセプションデッキ) メン バー 19 :v2 孫ページへの ショートカット追加 リンク集新設
リンク集 リンク集 サブ ページ サブ ページ ─── DB 体制 サービスの目的・目標・手段
メン バー 体制 サービスの目的・目標・手段 (インセプションデッキ) メン バー 20 :v2 孫ページへの ショートカット追加 リンク集新設
体制 サービスの目的・目標・手段 体制 サービスの目的・目標・手段 ──────────── インセプション ッキ サブ ページ リンク集
メン バー サブ ページ ─── DB リンク集 メン バー 21 :v2 常に意識してほしいものを設置
体制 サブ ページ サービスの目的・目標・手段 リンク集 メン バー 体制 サブ ページ
─── DB サービスの目的・目標・手段 (インセプションデッキ) リンク集 メン バー 22 :v2 体制 体制 Chrome拡張で編集可能 埋め込み画像を draw.ioに置き換え
体制 サブ ページ サービスの目的・目標・手段 リンク集 メン バー 体制 サブ ページ
─── DB サービスの目的・目標・手段 (インセプションデッキ) リンク集 メン バー 23 :v2 体制 体制 Chrome拡張で編集可能 埋め込み画像を draw.ioに置き換え
体制 サブ ページ サービスの目的・目標・手段 リンク集 メン バー 体制 サブ ページ
─── DB サービスの目的・目標・手段 (インセプションデッキ) リンク集 メン バー 24 :v2 体制 体制 Chrome拡張で編集可能 埋め込み画像を draw.ioに置き換え
:v2 25 なんか...ダサいな...
:v2 26 なんか...ダサいな...
:v2 27 なんか...ダサいな...
体制 サブ ページ サービスの目的・目標・手段 リンク集 メン バー 体制 サブ ページ
─── DB サービスの目的・目標・手段 (インセプションデッキ) リンク集 メン バー 28 :v2 長い! 長い 全体的に 間延びした印象 トップに必要か? グルーピングが分かりにくい
:latest 29
プロダクトの目的 製品ページへのリンク リンク 集 製品について サブページ イドライン サブページ 企画 サブページ
開発 サブページ DB やること やらないこと メン バー 議事録 リンクドDB 30 :latest
プロダクトの目的 製品ページへのリンク リンク 集 製品について サブページ イドライン サブページ 企画 サブページ
開発 サブページ DB やること やらないこと メン バー 議事録 リンクドDB 31 :latest
プロダクトの目的 製品ページへのリンク リンク 集 製品について サブページ イドライン サブページ 企画 サブページ
開発 サブページ DB やること やらないこと メン バー 議事録 リンクドDB 32 :latest
プロダクトの目的 製品ページへのリンク リンク 集 製品について サブページ イドライン サブページ 企画 サブページ
開発 サブページ DB やること やらないこと メン バー 議事録 リンクドDB 33 :latest 一目でページの 趣旨が理解できる
プロダクトの目的 製品ページへのリンク リンク 集 製品について サブページ イドライン サブページ 企画 サブページ
開発 サブページ DB やること やらないこと メン バー 議事録 リンクドDB 34 :latest 一目でページの 趣旨が理解できる
プロダクトの目的 製品ページへのリンク リンク 集 製品について サブページ イドライン サブページ 企画 サブページ
開発 サブページ DB やること やらないこと メン バー 議事録 リンクドDB 35 :latest 一目でページの 趣旨が理解できる
やること やらないこと リンク 集 製品について サブページ イドライン サブページ 企画 サブページ
開発 サブページ DB メン バー 議事録 リンクドDB 36 :latest ファーストビュー外 に配置 プロダクトの目的 製品ページへのリンク リスト→コールアウトに 変更
やること やらないこと リンク 集 製品について サブページ イドライン サブページ 企画 サブページ
開発 サブページ DB メン バー 議事録 リンクドDB 37 :latest ファーストビュー外 に配置 プロダクトの目的 製品ページへのリンク リスト→コールアウトに 変更
やること やらないこと リンク 集 製品について サブページ イドライン サブページ 企画 サブページ
開発 サブページ DB メン バー 議事録 リンクドDB 38 :latest ファーストビュー外 に配置 プロダクトの目的 製品ページへのリンク リスト→コールアウトに 変更
製品について サブページ イドライン サブページ 企画 サブページ 開発 サブページ プロダクトの目的 製品ページへのリンク
リンク 集 DB やること やらないこと メン バー 議事録 リンクドDB 39 :latest サブページ群を 並列配置に変更 カテゴリ毎に分類
製品について サブページ イドライン サブページ 企画 サブページ 開発 サブページ プロダクトの目的 製品ページへのリンク
リンク 集 DB やること やらないこと メン バー 議事録 リンクドDB 40 :latest サブページ群を 並列配置に変更 カテゴリ毎に分類
製品について サブページ イドライン サブページ 企画 サブページ 開発 サブページ プロダクトの目的 製品ページへのリンク
リンク 集 DB やること やらないこと メン バー 議事録 リンクドDB 41 :latest サブページ群を 並列配置に変更 カテゴリ毎に分類
リンク 集 プロダクトの目的 製品ページへのリンク 製品について サブページ イドライン サブページ 企画 サブページ
開発 サブページ DB やること やらないこと メン バー 議事録 リンクドDB 42 :latest リンク集を コールアウトで装飾 ページ全体の見た目を 揃える
リンク 集 プロダクトの目的 製品ページへのリンク 製品について サブページ イドライン サブページ 企画 サブページ
開発 サブページ DB やること やらないこと メン バー 議事録 リンクドDB 43 :latest リンク集を コールアウトで装飾 ページ全体の見た目を 揃える
リンク 集 プロダクトの目的 製品ページへのリンク 製品について サブページ イドライン サブページ 企画 サブページ
開発 サブページ DB やること やらないこと メン バー 議事録 リンクドDB 44 :latest リンク集を コールアウトで装飾 ページ全体の見た目を 揃える
議事録 リンクドDB プロダクトの目的 製品ページへのリンク リンク 集 製品について サブページ イドライン サブページ
企画 サブページ 開発 サブページ DB やること やらないこと メン バー 45 :latest 議事録を トップページへ 読み込み制限を10に設定
議事録 リンクドDB プロダクトの目的 製品ページへのリンク リンク 集 製品について サブページ イドライン サブページ
企画 サブページ 開発 サブページ DB やること やらないこと メン バー 46 :latest 議事録を トップページへ 読み込み制限を10に設定
議事録 リンクドDB プロダクトの目的 製品ページへのリンク リンク 集 製品について サブページ イドライン サブページ
企画 サブページ 開発 サブページ DB やること やらないこと メン バー 47 :latest 議事録を トップページへ 読み込み制限を10に設定
:latest 48
49 Key Takeaways • 企画と開発のページは分離 • 必要に応じて階層を保つ • 画像を埋め込むなら draw.io(かMermaid)を使う
• 頻用ページはショートカットを トップに設置 v2 • ファーストビューの要素を精査 • 見た目で困ったら コールアウトを活用する • 縦長にならないようにする • グルーピングを意識 v3