デザイン– category –
-
PR TIMESのフロントエンドリプレイスにおけるデザインシステムの活用
デザインPR TIMES 開発本部フロントエンドエンジニアのすずきゆーだい (@szkyudi) です。 今回は、PR TIMESのフロントエンドリプレイスにおいて、どのようにデザインシステムを活用しているかについてお話ししようと思います。 【デザインシステムとは】 デザインシステムとは、一貫したデザインや操作性でウェブサイトやアプリを提供するための仕組みのことを指します。 弊社ではこれを「PR TIMES BASIS」と呼び、約2年前から運用されており、新機能開発やリプレイスといったさまざまなプロジェクトで活用されています。 ... -
Storybookを導入した話
デザインこんにちは。開発本部でインターンをしている桐澤です。インターンの業務では主にReactにリプレイスされたページのリファクタリングやコンポーネント修正を行ってきました。 今回はReactで実装されたコンポーネントを誰でも簡単に参照できるようにStorybookを導入したので、どのように行ったかを紹介します。 【】 PR TIMESではデザインチームを中心に去年からデザインシステムを構築してきました。デザインシステム導入当初からデザインと実装されたコードの連携が構想にあり、今回フロントエンドの開発基盤が整... -
PR TIMESのデザインシステム構築のステップを振り返り
デザイン長年の運営でルールがばらばらの状況から、一歩ずつデザインシステムを整備した『PR TIMES流デザインシステムのつくりかた』をご紹介いたします。プロセスを公開することで同じような状況のチームのお役に立てれば嬉しいです。
1