（概要） 「1画面を変更したつもりが，アプリ全体のUIが崩れてしまった」 「理想のデザイン通り実装したのにユーザーが使いにくい」 「コードが複雑に入り組んでいてもはやメンテナンス不能」 こんな課題の数々は，Atomic Designの考え方を使えば解決できます。本書では，UI設計のこれまでの問題をあぶり出し，設計の本質から，具体的な手順，UIテスト，現場でひっかかりやすいポイントまでを，インターネットテレビ「Abema TV」のUI設計で実践導入した著者が解説。フロントエンドの方にオススメの1冊です。 （こんな方におすすめ） ・良いUIを効率良く設計したいフロントエンド・エンジニア／デザイナー ・Atomic Designを現場で実践する方法を知りたいエンジニア／デザイナー （目次） 第1章　UI設計における現状の問題を振り返る 第2章　コンポーネント・ベースのUI開発 第3章　Atomic DesignによるUIコンポーネント設計 第4章　UIコンポーネント設計の実践 第5章　UIコンポーネントのテスト 第6章　現場におけるコンポーネント・ベース開発のポイント

Atomic Designってデザイナーには難しくない！？という話

デザインを武器に戦えるエンジニアを目指す人が読むべき本

AtomicDesignをVue.js(Nuxt.js）に使うと最高な開発を体験できた

Atomic DesignでAtomが走るゲームを作った話

Nuxt.js+TypeScriptのアプリケーションのためのコーディングガイドライン

OOUI の考え方を拝借して Atomic Design を再考してみる話

Webcomponentsを使ったフロントエンド開発とデザイン

なぜ Atomic Design を採用するのか

React(Next)×TypeScript×Goを学習したコンテンツまとめ (随時更新)

コンポーネント指向でreact-reduxで画面を作るための考え方

Laravel Mix + Vue.jsで CSS Modules を使えるようにする

React+CSSModulesな環境で、ちょびっとだけTS化した話

Laravel Mix の webpack.mix.js を Storybook でも利用する

「Atomic Design ～堅牢で使いやすいUIを効率良く設計する」 読んでみた

Nuxt.jsにおけるFLOCSSとAtomicDesignの比較及び相互変換

Atomic Design ~堅牢で使いやすいUIを効率良く設計する