Speakers
Speakers

メドピアトラック14:15 - 14:45

How to Implement a Design System for a 350-component Vue app in 18 business days

Our company (Flyle, Inc.) implemented a design system in a very short time frame of 18 business days. We will share our findings from this project.

Technical Ingenuity

  • Automatically migrate as much as possible in advance using AST, and automatically add TODO comments to all parts that cannot be identified.
  • Implemented ESLint custom rules to automate as much of the review as possible.
  • Perform VRT to ensure that the design system is not broken.
  • E2E testing with Autify

Project Management

  • Focus on short term manual work to reduce task switching costs to zero
  • Progress is managed numerically
  • Multiple manual tests to deal with bugs
  • Finally, pair-processing with designers to make minor design changes

Reflection and learning through the project

  • We should have understood the detailed dependencies of components in advance (we saw cases where conflicts occurred)
  • Mistakes in the migration itself

First, after sharing the above, I would like to devote time to sharing the method of program modification by AST for the first technical innovation point.

発表資料
山下 裕一朗 / Yuichiro Yamashitaの写真

Software Engineer, Flyle Inc. Svelte Core Team Member

Yuichiro Yamashita

Lately I've been concentrating on Python (machine learning). Flyle, Inc. is a product management platform that promotes user-centric product and service development.