先月開催されたフロントエンドもくもく会 - 新年LT大会というイベントで 「RailsにVue.jsを小さく導入する」というLTを発表したが、あえなく時間切れになってしまった。 LTはTurbolinksはどんなもので、敬遠されがちという説明で終わってしまったので、 続きをブログに書くことにした。 前提 どんなRailsアプリケーションにVue.jsを導入したかというと Rails 5.0で作られ、現在Rails 5.1を使っている Turbolinksを使っている jQueryに依存している APIやjbuilderでJSONを返してはくれない RailsをAPIに専念させ、フロントエンドをSPAで実装するには時既に遅しである。 Vue.jsのインストール まずはWebpackerでVue.jsを導入することにする。導入方法はwebpackerのREADMEを参照すればよいので割愛する。