五藤佑典の作品一覧
「五藤佑典」の「Atomic Design ～堅牢で使いやすいUIを効率良く設計する」ほか、ユーザーレビューをお届けします！
- 作者をフォローする
- フォローすると、この作者の新刊が配信された際に、お知らせします。
作品一覧
-
3.51巻3,278円 (税込)「1画面を変更したつもりが，アプリ全体のUIが崩れてしまった」 「理想のデザイン通り実装したのにユーザーが使いにくい」 「コードが複雑に入り組んでいてもはやメンテナンス不能」 こんな課題の数々は，Atomic Designの考え方を使えば解決できます。 本書では，UI設計のこれまでの問題をあぶり出し，設計の本質から，具体的な手順，UIテスト，現場でひっかかりやすいポイントまでを，インターネットテレビ「Abema TV」のUI設計で実践導入した著者が解説。フロントエンドの方にオススメの1冊です。
ユーザーレビュー
-
Posted by ブクログ
ネタバレデザインのお勉強。
■コンポーネントの4つの特徴
１．カプセル化されている
２．置換可能である
３．再利用可能である
４．コンポーネントを別のコンポーネントを組み合わせて作成可能である
CSSの修正をデザイナー自身が行えることは、エンジニアにとってもデザイナーにとっても大きなメリットがあります。最終的なUIの見た目に責任を持つのは、デザイナーであることが多いです。エンジニアが見た目を変更するためにCSSを修正すると、エンジニアは、デザイナーを空いている時間に捕まえて、変更を確認してもらう必要があります。もしそこでOKが出なかった場合、再修正して、またデザイナーを捕まえて、何度も確認し -
Posted by ブクログ
Atomic Designの解説書。Atomic Design 自体が機能についてのデザインの話なので当然ともいえるけれど、内容はかなり実装より。最初にAtomosやMoleculesといった特有の概念を解説した後は、Reactを利用した具体的な実装を通して設計から開発、テストまで解説となっている。内容盛りだくさんのため細かい実装部分についてはサンプルに頼ってる感じはあるけれど、内容は実践的でストーリーブックを利用した開発や、ユニットテストだけにとどまらないリグレッションテストなども含めた包括的なテストについても大きく紙幅をとっているのが良い。フロントエンド開発をするものにはとても学ぶところの
-
Posted by ブクログ
・Frontend Frameworkの隆盛からComponent志向の転換
・サイロ化を排した組織論からデザイナーとプログラマーのコミュニケーションが増加したこと
などの急速な変化の中で、Atomic Designという1つの指針が生まれたのは必然にも思う。
Atomic Design自体はあくまで１つの指針であり、抽象的なものだ。
そのため購入前は「ふわっとした感じだろうなぁ？」と思いながら必要に迫られて購入した。
が、良い意味で裏切られることになった。
本書ではその考え方から、具体的なReactのサンプルコード、Storybookを使った開発やフロントエンドのテスト手法などを余すこと -
-
