はてなブックマーク

はじめに Flutter は宣言的 UI フレームワークを採用しており、階層的に UI を実装することが可能となっています。 Flutter を始めとして SwiftUI や React Native などの台頭により、近年では宣言的 UI でのネイティブアプリ開発がトレンドとなっていますが、その原型と言えるものは HTML の言語仕様として Web フロント開発では既に定着していました。 その Web フロント開発において注目されているコンポーネント設計手法があります。それが Atomic Design です。 この記事では、Flutter による宣言的 UI 実装と Atomic Design によるコンポーネント設計を組み合わせ、堅牢かつ再利用性の高い Widget 及び画面を実装することを目指します。