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
310
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 ニフティ株式会社
GitHubで育つ コラボレーション文化 : ニフティでのインナーソース挑戦事例 - 2024-12-16 GitHub Universe 2024 Recap in ZOZO
niftycorp
PRO
0
120
Grow on GitHub Collaboration Culture: Case Study of InnerSource Challenge - GitHub Universe 2024 Recap in ZOZO
niftycorp
PRO
0
20
これが俺の”自分戦略” プロセスを楽しんでいこう! - Developers CAREER Boost 2024
niftycorp
PRO
0
200
継続的な改善のためのmodulesの適切な分割単位 - NIFTY Tech Talk #23
niftycorp
PRO
0
110
Re:ゼロから始めるTerraform生活 ~IaC入門編~ - NIFTY Tech Talk #23
niftycorp
PRO
0
110
Terraformにベストプラクティスを取り入れた - NIFTY Tech Talk #23
niftycorp
PRO
0
130
AWS AppSyncを用いた GraphQL APIの開発について - NIFTY Tech Talk #22
niftycorp
PRO
0
140
「天気予報があなたに届けられるまで」 - NIFTY Tech Talk #22
niftycorp
PRO
0
170
@nifty天気予報:フルリニューアルの挑戦 - NIFTY Tech Talk #22
niftycorp
PRO
0
150
Other Decks in Technology
See All in Technology
生成AIをより賢く エンジニアのための RAG入門 - Oracle AI Jam Session #20
kutsushitaneko
4
290
Qiita埋め込み用スライド
naoki_0531
0
5.3k
How to be an AWS Community Builder | 君もAWS Community Builderになろう!〜2024 冬 CB募集直前対策編?!〜
coosuke
PRO
2
2.9k
いまからでも遅くないコンテナ座学
nomu
0
130
Microsoft Azure全冠になってみた ~アレを使い倒した者が試験を制す!?~/Obtained all Microsoft Azure certifications Those who use "that" to the full will win the exam! ?
yuj1osm
2
120
React Routerで実現する型安全なSPAルーティング
sansantech
PRO
2
280
UI State設計とテスト方針
rmakiyama
3
800
2024年にチャレンジしたことを振り返るぞ
mitchan
0
150
サイバー攻撃を想定したセキュリティガイドライン 策定とASM及びCNAPPの活用方法
syoshie
3
1.4k
10個のフィルタをAXI4-Streamでつなげてみた
marsee101
0
180
C++26 エラー性動作
faithandbrave
2
820
あの日俺達が夢見たサーバレスアーキテクチャ/the-serverless-architecture-we-dreamed-of
tomoki10
0
500
Featured
See All Featured
A Philosophy of Restraint
colly
203
16k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
810
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Optimizing for Happiness
mojombo
376
70k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.9k
Designing on Purpose - Digital PM Summit 2013
jponch
116
7k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.5k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
1
110
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.9k
Writing Fast Ruby
sferik
628
61k
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