(引用元: bradfrost.com)
この記事は『CRESCO Advent Calendar 2021』 19日目の記事です。
こんにちは、エクスペリエンスデザインセンターのsgi-changです。

つい最近、アドベントカレンダーを執筆したと思ったら、もう一年が過ぎていて時の流れの早さに驚愕している毎日です。

元々はWebサービスのバックエンドエンジニアでしたが、最近はありがたいことにフロントエンドのお仕事も多くなりReactなどのSingle Page Application(以降、SPA)のフレームワークを使って開発する機会が増えました。

そこで「SPAのフレームワークはコンポーネント指向である。」

とよく聞くけど

「そもそもコンポーネントって何?コンポーネント設計って?コンポーネント指向との違いは?」

とモヤモヤしたことがあったので、コンポーネント設計についてAtomic Designと絡めて記事にしてみました。

ここではコンポーネント設計にAtomic Designをベースに紹介していますが、あくまで設計手法のひとつとして参考になれば嬉しいです。

以下の流れで進めていきたいと思います。

続きを読む