本稿は（序）（破）（Q）のシリーズの3番目の記事になります。 本稿では前回（破）で説明したAtomic Designを導入する際に工夫した点をふまえた実装例をJSフレームワークを使用する場合と使用しない場合の２つの場合について紹介します。 シリーズ（序）では…

2018-06-29 DevLOVE「Atomic Design ～堅牢で使いやすいUIを効率良く設計する〜」の参加レポートです。 著者の五藤さんご本人から書籍「Atomic Design ～堅牢で使いやすいUIを効率良く設計する〜」の解説と本には載っていないお話を聞けるイベントでした。 d…

本稿は（序）（破）（Q）のシリーズの2番目の記事（破）になります。 シリーズ（序）ではAtomic Designの概要 を、 シリーズ（Q）ではAtomic Designの実装例を説明していますので、そちらをご覧ください。 Atomic Design（アトミックデザイン）とは、UI（画…

はじめに UI（画面）コンポーネントを切り出したいときにどういう粒度で切り出したらいいか迷う時があります。 適切な粒度で切り出しておかないと、位置を組み替えたりデザインを修正したい場合に、使い勝手が悪くて作り直しになってしまうからです。 メンテ…