みなさんこんにちは、UI開発者の板垣です! 今月のGitHub Trending JavaScript部門で1位を獲得した、Alpine.jsをご存じでしょうか? 日本のフロントエンド界隈だとまだ耳にすることは少ないですが、じわじわとその名を浸透させていっています。 今回はそんなAlpine.jsをVue.jsと比較しつつ、簡単にご紹介いたします。 そもそもAlpine.jsとは Vue.jsやReactの持つリアクティブかつ宣言的な性質を、簡単にマークアップに組み込むことができる軽量フレームワークです。 ディレクティブなどの基本構文はVue.jsを参考にしているため、Vue.jsを使ったことがある人であればすぐにでも始められます。 導入方法 Alpine.jsの導入方法は2通りあります。 CDNから読み込む 任意のHTMLファイルに下記script要素を読み込みます。 <script s