「マテリアルデザイン」という言葉を Google が発表してから既に3年が経過しましたが、みなさんは実際にマテリアルデザインを使ったことはありますか? 今ではかなり浸透しており、メジャーな JavaScript のフレームワークには、マテリアルデザインをベースにした CSS フレームワークが登場しています。(React.js はフレームワークというよりライブラリですが) ・ Angular : Angular Material ・ React.js : Material-UI ・ Vue.js : Vuetify.js マテリアルデザインのルールに則れば、直感的で使いやすい UI が作れる! そこで今回は、 Vue.js の CSS フレームワークのひとつ Vuetify.js を使って、ゼロからマテリアルデザインを適用していきたいと思います。