先日行われた ng-kyoto Angular Meetup #3 にて、「CSS in JS と CSS Modules」という発表を行いました。 Angular Meetup にも関わらず、React における Component のスタイリングに関する内容で、最後に「React 勢がこんなに頑張っているのに Angular ときたら」と煽るつもりだったのですが、直前の @armorik83 さんの発表で Angular 2 で同じような機能が実装されることを知り、慌ててオチを書き換えたのでした。 というわけでこの記事では、 Angular 2 で Component のスタイルをどのように実装するか、CSS のカプセル化(ローカルスコープ化)がどのように行われるのかについて、見ていきたいと思います。 前提 この記事を執筆した時点での Angular 2 の最新バージョンは 2.0.0