Share
Embed
Slide 1
Slide 1 text
デザインシステム、見てる？
SmartHR
@kabetch
ハードル激低LT大会ッ！ #02
2023.04.20
Slide 2
Slide 2 text
プロダクトを作る上での相棒は？
Slide 3
Slide 3 text
デザインシステムですよね
SmartHR Design System ( https://smarthr.design/ )
Slide 4
Slide 4 text
SmartHR Design Systemとは？
SmartHR Design System - コンセプト 概要 ( https://smarthr.design/concept/ )
SmartHR Design System は、クラウド人事労務ソフト「SmartHR」において、サービ
スに関わるすべての人がSmartHRらしい表現をするための基準や素材をまとめたも
のです。
“
”
Slide 5
Slide 5 text
SmartHRでプロダクトを作っている皆さん
これからSmartHRで一緒にプロダクトを
作ってくれるかもしれない皆さん
Slide 6
Slide 6 text
デザインシステム、見てる？
Slide 7
Slide 7 text
「もちろん！ブックマークだってしてるし」
Slide 8
Slide 8 text
いいね！でも、
Slide 9
Slide 9 text
もっとこう、、
すぐ呼び出せるようにしてる？
Slide 10
Slide 10 text
僕はこうしてます！
Alfredで “sy” まで入力して ｯﾀｰﾝ‼
Slide 11
Slide 11 text
ctrl + space
Slide 12
Slide 12 text
sy
Slide 13
Slide 13 text
ｯﾀｰﾝ‼
Slide 14
Slide 14 text
👏
Slide 15
Slide 15 text
別にトップページである必要性はない
SmartHR Design System ( https://smarthr.design/ )
Slide 16
Slide 16 text
SmartHR Design System - コンポーネント ( https://smarthr.design/products/components/ )
Slide 17
Slide 17 text
SmartHR Design System - デザインパターン（共通）
( https://smarthr.design/products/design-patterns/ )
Slide 18
Slide 18 text
SmartHR Design System - ライティングスタイル
( https://smarthr.design/products/contents/writing-style/ )
Slide 19
Slide 19 text
SmartHR Design System - ウェブアクセシビリティ簡易チェックリスト
( https://smarthr.design/accessibility/check-list/ )
Slide 20
Slide 20 text
「いちいち呼ばずに常に開いときゃよくね？」
Slide 21
Slide 21 text
👍
Slide 22
Slide 22 text
自分がよく使うコンテンツ（＝相棒）を
すぐに見られるようにしておこうぜ
とにかく
Slide 23
Slide 23 text
おわり