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
340
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 ニフティ株式会社
モニタリング統一への道のり - 分散モニタリングツール統合のためのオブザーバビリティプロジェクト
niftycorp
PRO
1
360
2025-07-08 InnerSource Commons Japan Meetup #14 【OST】チームの壁、ぶっ壊そ!壁の乗り越え方、一緒に考えよう!
niftycorp
PRO
0
55
2025-04-25 NIFTY's InnerSource Activites
niftycorp
PRO
0
230
外コミュニティ活動や登壇活動が技術 広報として大事だよ、と改めて周囲に伝 えられた件 - EM Oasis 特別会
niftycorp
PRO
0
120
Dify触ってみた。
niftycorp
PRO
1
220
Amazon Bedrockを使用して、 運用対応を楽にしてみた
niftycorp
PRO
1
240
自社製CMSからの脱却:10件のWebサイト再構築に学ぶ運用重視の技術選定 - NIFTY Tech Day 2025
niftycorp
PRO
0
110
エンジニアの殻を破る:インナーソースと社外活動がもたらした成長 - NIFTY Tech Day 2025
niftycorp
PRO
0
79
システム全体像把握の超高速化〜システム関連図を使い倒そう (LT) - NIFTY Tech Day 2025
niftycorp
PRO
0
77
Other Decks in Technology
See All in Technology
freeeのアクセシビリティの現在地 / freee's Current Position on Accessibility
ymrl
2
280
対話型音声AIアプリケーションの信頼性向上の取り組み
ivry_presentationmaterials
2
700
ゼロからはじめる採用広報
yutadayo
4
1k
Operating Operator
shhnjk
1
650
shake-upを科学する
rsakata
7
930
60以上のプロダクトを持つ組織における開発者体験向上への取り組み - チームAPIとBackstageで構築する組織の可視化基盤 - / sre next 2025 Efforts to Improve Developer Experience in an Organization with Over 60 Products
vtryo
3
980
SREの次のキャリアの道しるべ 〜SREがマネジメントレイヤーに挑戦して、 気づいたこととTips〜
coconala_engineer
1
1.3k
Amplify Gen2から知るAWS CDK Toolkit Libraryの使い方/How to use the AWS CDK Toolkit Library as known from Amplify Gen2
fossamagna
1
250
話題の MCP と巡る OCI RAG ソリューションの旅 - Select AI with RAG と Generative AI Agents ディープダイブ
oracle4engineer
PRO
5
110
AWS CDK 開発を成功に導くトラブルシューティングガイド
wandora58
3
170
オフィスビルを監視しよう:フィジカル×デジタルにまたがるSLI/SLO設計と運用の難しさ / Monitoring Office Buildings: The Challenge of Physical-Digital SLI/SLO Design & Operation
bitkey
1
350
20250707-AI活用の個人差を埋めるチームづくり
shnjtk
6
4.1k
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
35
6.7k
The World Runs on Bad Software
bkeepers
PRO
69
11k
Music & Morning Musume
bryan
46
6.7k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Making Projects Easy
brettharned
116
6.3k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Navigating Team Friction
lara
187
15k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
KATA
mclloyd
30
14k
YesSQL, Process and Tooling at Scale
rocio
173
14k
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