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
330

デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / 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)
Yahoo!しごとカタログ 新しい境地を創るエンジニア募集！
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
3
290
データグループにおけるフロントエンド開発
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
2
240
Yahoo!知恵袋におけるフロントエンド開発
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
240
"LINE Planet" and AI: Conversations with AI
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
51
Seamless inventory management with AI
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
26
AI Frontiers Revealed: Transforming LINE Shopping TW with LLM-Driven Product Attribute Extraction
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
45
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
55
「Yahoo!検索」におけるWebパフォーマンス改善の取り組み / Efforts to Improve Web Performance in "Yahoo! JAPAN Search"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
65
アクセシビリティ改善の実践:プロダクトにおける具体的な取り組みと課題 / Practices for Accessibility Improvement: Specific Efforts and Challenges in Products
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
64

Other Decks in Design

See All in Design
「UXとUIの違い」v2
Avatar for Shirasu3 shirasu3
0
130
AI時代に淘汰されないデザインのしごと
Avatar for Akinen akinen
1
150
商業デザインのアクセシビリティにおける倫理フレームワークの考察
Avatar for Yu Morita securecat
1
620
生成AIを活用した組み込みSW設計書検索システム開発
Avatar for matsukada licux
7
1.2k
札幌の雪を観光資源に変える：デザインプログラムSESSAの挑戦
Avatar for Ittyanm ittyann
0
270
Design Studio Deck | インクルーシブデザインスタジオCULUUM
Avatar for インクルーシブデザインスタジオCULUMU culumu
3
2.4k
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
Avatar for Yu Morita securecat
5
1.6k
PF_濵村ひろみ_202503
Avatar for 濱村ひろみ maru_design78
0
200
“ブロック”で作る、WordPress制作フロー変革のすすめ
Avatar for Koots koots2021
4
1.9k
サービスデザインにおける、 映像活用の可能性（Spectrum Tokyo Meetup #18）
Avatar for Akihide Kanai ka71
0
140
アクセシビリティに取り組むメリット
Avatar for Rikiya Ihara / magi magi1125
1
210
今日から意識できるアクセシビリティ
Avatar for fumiko fumiko
0
280

Featured

See All Featured
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
126
53k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
108
19k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.1k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
48
2.9k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
840
BBQ
Avatar for Matthew Crist matthewcrist
89
9.7k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
300
21k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
750
Code Review Best Practice
Avatar for Trisha Gee trishagee
69
19k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.5k

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