Upgrade to Pro — share decks privately, control downloads, hide ads and more …

デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Pra...

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for LINEヤフーTech (LY Corporation Tech) LINEヤフーTech (LY Corporation Tech) PRO
July 01, 2025
Design
0
770

デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development

Avatar for LINEヤフーTech (LY Corporation Tech)

LINEヤフーTech (LY Corporation Tech) PRO

July 01, 2025
Tweet

More Decks by LINEヤフーTech (LY Corporation Tech)

See All by LINEヤフーTech (LY Corporation Tech)
「AIエージェントで変わる開発プロセス―レビューボトルネックからの脱却」
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
180
LINEヤフーにおけるAIOpsの現在地
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
6
3.1k
PMとしての意思決定とAI活用状況について
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
190
Yahoo!ショッピングのレコメンデーション・システムにおけるML実践の一例 
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
260
Rollback from KRaft mode to ZooKeeper mode
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
130
When an innocent-looking ListOffsets Call Took Down Our Kafka Cluster
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
150
類似画像検索モデルの開発ノウハウ
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
6
1.3k
メタデータ同期に潜んでいた問題 〜 Cache Stampede 時の Cycle Wait を⾒つけた話
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
190
LINE Messengerの次世代ストレージ選定
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
19
8k

Other Decks in Design

See All in Design
ClaudeCodeでマーケターの課題を解決する
Avatar for 太田賢一 kenichiota0711
10
11k
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
280
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
1.1M
これからの「Webデザイン」の話をしよう～デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値～
Avatar for ミヤケアツシ ds35mm
0
620
Diverse Design Team Deck
Avatar for Diverse diverse
0
1.1k
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
Avatar for koyaman koyaman
1
1.7k
kintone_aroma
Avatar for kintone kintone
0
1.8k
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
Avatar for Hiroki Nagasawa pixyzehn
0
160
From the Visible Crossroads: Turning Outputs into Outcomes
Avatar for takai_kanako takaikanako
2
1.3k
AIエージェントが対話的なUIを返す！MCP−UIで変わるユーザ体験
Avatar for daitasu daitasu
1
180
アンエシカルデザインの枠組みの提案 -HCD-Netダークパターン研究会活動報告-
Avatar for Yu Morita securecat
0
350
Emmy's Artwork
Avatar for McKenna mcksmith
0
220

Featured

See All Featured
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8k
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.8k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
800
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.2k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
5.9k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.2k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.1k
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
310
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
990
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
410

Transcript

  1. #FTU1SBDUJDFTGPS#VJMEJOHB $POTJTUFOU%FTJHO4ZTUFNGSPN%FTJHOUP %FWFMPQNFOU -*/&ヤフー.FEJB$PNQBOZ  :BIPP+"1"/.FEJB4FSWJDFT (SPVQ 4IV[P5BLBIBTIJ

  2. "OESPJE&OHJOFFS6*69%FTJHOFS !:BIPP+"1"/"QQ 8IPBN* 4IV[P5BLBIBTIJ *MPWF'JHNBBOE,PUMJO

  3. FWFONPSFJNQPSUBOU "*JT$IBOHJOHUIF$PNNPO4FOTFPG %FTJHO4ZTUFNT 5IFCFTUQSBDUJDFTXFIBWFJNQMFNFOUFETPGBS *OUIJT"*FSB XIZBOEIPXIBWFUIFZCFDPNF

  4. 5IF%FFQ3PPUFE(BQ#FUXFFO%FTJHO*NQMFNFOUBUJPO %JTDSFQBODZ 7JTVBMEJGGFSFODFTCFUXFFOEFTJHOBOEJNQMFNFOUBUJPO $PTUT 6OTFFOJNQMFNFOUBUJPODPTUT 'BJMVSFT -BZPVUCSFBLJOHJOFEHFDBTFT *ODPOTJTUFODZ *ODPOTJTUFOUDPNQPOFOUEFTJHO

  5. *OFGGJDJFOU$PNNVOJDBUJPO "$SJUJDBM#MPDLFS GPS'VUVSF"VUPNBUJPO ˣ

  6. 4USVDUVSBM&YQSFTTJPOJO'JHNB ,FZQPJOUTGPSDSFBUJOHIJHIRVBMJUZCMVFQSJOUT

  7. *UEFGJOFTUIF SVMFT PGQBSFOUDIJME SFMBUJPOTIJQTBOESFTJ[JOHCFIBWJPS5IFTF SVMFTBSFUIFTPVSDFPGSFTQPOTJWFDPEF 3VMF%FGJOF#FIBWJPS /PU+VTU"QQFBSBODF "VUP-BZPVU

  8. 3VMF$MFBSMZ$PNNVOJDBUFUIF*OUFOUPG$IBOHF 5IFNPTUDSVDJBMTFQBSBUJPOPGSFTQPOTJCJMJUJFTUPDPSSFDUMZDPOWFZJOUFOUUP"*BOEFOHJOFFST

  9. 4FQBSBUJPOPG3FTQPOTJCJMJUJFTA7BSJBOUTAA1SPQFSUJFTA

  10. 3VMF(JWF&WFSZ-BZFS*NQMFNFOUBUJPO-FWFM.FBOJOH 8IJDICMVFQSJOUGPTUFSTCFUUFSDPMMBCPSBUJPO

  11. ˔ $POTJTUFODZ %FGJOJOHDPMPSTCZSPMF FH DPMPS CBDLHSPVOEQSJNBSZ JOTUFBEPGCZWBMVF '''''' NBLFTEBSLNPEFTVQQPSU FBTJFS

    ˔ .BJOUBJOBCJMJUZ $IBOHJOHBUPLFOTWBMVFVQEBUFTBMM JOTUBODFTBUPODF .BOBHJOH4UZMFTXJUI%FTJHO5PLFOT "TZTUFNGPSDFOUSBMMZNBOBHJOHBMM TUZMFWBMVFTMJLFDPMPST UZQPHSBQIZ BOE TQBDJOHXJUIOBNFEWBSJBCMFT

  12. 5IF1PXFSPG5PLFOTJO"EBQUJWF6* .BOBHFTDSFFOTJ[FT XJUI /VNCFS7BSJBCMFT ˠ&BTJMZDIFDLEJTQMBZTGPSFBDIEFWJDF 5PLFOJ[FNBSHJOT ˠ3VMFCBTFEBEKVTUNFOUTMJLF NBSHJO TQQY WT

    NBSHJOQDQY

  13. 5IF1PXFSPG5PLFOTJO"EBQUJWF6*

  14. 5IF%FFQ3PPUFE(BQ#FUXFFO%FTJHO*NQMFNFOUBUJPO ▶4UBSUCZ TIBSJOHDIBMMFOHFT ▶ 'PSNB DSPTTGVODUJPOBMUFBN ▶ /VSUVSFB DVMUVSFPGDPOUJOVPVT JNQSPWFNFOU

  15. 8IBU-JFT#FZPOE

  16. 0VS3PBENBQUPUIF'VUVSF

  17. 4UFQ#FIJOEUIF4DFOFTPGUIF-JOUFS "(MJNQTF

  18. 5IFGVUVSFCFHJOTXJUI IPXXFCVJMEJO'JHNBUPEBZ 5IFTFGVOEBNFOUBMCFTUQSBDUJDFTBSFBTPMJETUFQUPXBSEBGVUVSFPG IVNBO"*DPMMBCPSBUJPO 4IBMMXFTUBSUESBXJOHUIFCMVFQSJOUTGPSUIFGVUVSFUPHFUIFS

  19. 5IBOLZPV !TIV[P@DSFBUF