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

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

Avatar for LINEヤフーTech (LY Corporation Tech) LINEヤフーTech (LY Corporation Tech)
PRO
July 01, 2025
Design
0
36

デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / 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)
"LINE Planet" and AI: Conversations with AI
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
13
Seamless inventory management with AI
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
7
AI Frontiers Revealed: Transforming LINE Shopping TW with LLM-Driven Product Attribute Extraction
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
17
LINEヤフーの音声AIがもたらす未来：ASR/TTSと対話技術の新たな可能性 / LY Corporation's Speech AI Vision: Towards Realtime Spoken Dialogue through Advanced ASR and TTS
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
18
「Yahoo!検索」におけるWebパフォーマンス改善の取り組み / Efforts to Improve Web Performance in "Yahoo! JAPAN Search"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
23
アクセシビリティ改善の実践:プロダクトにおける具体的な取り組みと課題 / Practices for Accessibility Improvement: Specific Efforts and Challenges in Products
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
23
「PayPayゲートウェイ」におけるStorybook活用事例 / Introducing Storybook: Enhancing Development in "PayPay Gateway"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
6
数字が導く洞察：Webパフォーマンスとビジネス指標の相関を探る / Insights Driven by Numbers: Exploring the Correlation Between Web Performance and Business Metrics
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
36
Speculation Rules APIを用いたページ・広告表示の高速化によるメディア・広告KPIの改善への取り組み / Efforts to Improve Media and Advertising KPIs by Speeding Up Page and Ad Display Using Speculation Rules API
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
35

Other Decks in Design

See All in Design
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
Avatar for bebe bebe
0
600
RAKSUL_DESIGN_DECK_20250319
Avatar for RAKSUL raksulrecruiting
0
370
線で考える画面構成
Avatar for natsuume natsuume
1
880
Cyber Heart Online Book
Avatar for Hannah hjnasby
0
110
sachi_y_portfolio
Avatar for Sachi sachi337
0
250
サービスデザインにおける、 映像活用の可能性（Spectrum Tokyo Meetup #18）
Avatar for Akihide Kanai ka71
0
120
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
Avatar for Yu Morita securecat
5
1.5k
Storyboard Honey
Avatar for Rocío Parrón rocioparronrubio
0
270
How to get a Tiger to Tulsa
Avatar for Brynn McDucky P. mcduckyart
0
110
Starry | Storyboards | Scene 1-21
Avatar for Gio Fortunato giofortuna_story
0
280
誰もがAIエージェントを"操作"したがる〜AIエージェントに求められるUX〜
Avatar for Shota Ikeyatsu ikeyatsu
2
1.8k
minpaku-community-scrum-patterns
Avatar for Noriaki Kawanishi norinity1103
1
110

Featured

See All Featured
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
5.8k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.5k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
657
60k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.8k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
Navigating Team Friction
Avatar for Lara Hogan lara
187
15k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.7k
KATA
Avatar for Megan Lloyd mclloyd
29
14k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.6k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k

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