$30 off During Our Annual Pro Sale. View Details »
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 ニフティ株式会社
継続的な改善のためのmodulesの適切な分割単位 - NIFTY Tech Talk #23
niftycorp
PRO
0
74
Re:ゼロから始めるTerraform生活 ~IaC入門編~ - NIFTY Tech Talk #23
niftycorp
PRO
0
74
Terraformにベストプラクティスを取り入れた - NIFTY Tech Talk #23
niftycorp
PRO
0
92
AWS AppSyncを用いた GraphQL APIの開発について - NIFTY Tech Talk #22
niftycorp
PRO
0
110
「天気予報があなたに届けられるまで」 - NIFTY Tech Talk #22
niftycorp
PRO
0
130
@nifty天気予報:フルリニューアルの挑戦 - NIFTY Tech Talk #22
niftycorp
PRO
0
120
@nifty天気予報のフロントエンドを 実装するまで - NIFTY Tech Talk #22
niftycorp
PRO
0
120
Application Signalsで始めるSLO ユーザー満足度を数値化する第一歩
niftycorp
PRO
2
240
FourKeysを導入したが生産性向上には至らなかった理由
niftycorp
PRO
1
70
Other Decks in Technology
See All in Technology
RAMP2024
takeyukitamura
3
240
12/3(火)のBedrockアプデ速報(re:Invent 2024 Daily re:Cap #2 with AWS Heroes)
minorun365
PRO
4
120
【ASW21-01】STAMPSTPAで導き出した課題に対する対策立案手法の提案
hianraku9498
0
300
クラウドネイティブなNewSQLで実現するミッションクリティカルなアプリケーションの運用
yuyu_hf
PRO
1
160
システムリプレイスプロジェクト発足から7年、改めてコスト最適化に向き合う / replace and cost optimization
takumi
1
310
Nutanixにいらっしゃいませ。Moveと仮想マシン移行のポイント紹介
shadowhat
0
270
Advancing the 3D Geospatial Ecosystem in Japan via Global Collaborations
osgeojp
0
120
データカタログを自作したけど 運用しなかった話@Findy Lunch LT「データカタログ 事例から学ぶメタデータ管理の実態」
ryo_suzuki
2
610
農業用ダム監視を目的とした衛星SAR 干渉解析の適用性について
osgeojp
0
120
LY Accessibility Guidelines @fukuoka_a11yconf_前夜祭
lycorptech_jp
PRO
1
140
Bytebaseで実現する データベース管理の効率化
shogo452
1
310
Oracle Cloud Infrastructure:2024年11月度サービス・アップデート
oracle4engineer
PRO
0
160
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Site-Speed That Sticks
csswizardry
0
110
Fashionably flexible responsive web design (full day workshop)
malarkey
405
65k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
What's new in Ruby 2.0
geeforr
343
31k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
0
64
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Designing Experiences People Love
moore
138
23k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
How to Ace a Technical Interview
jacobian
276
23k
KATA
mclloyd
29
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