この記事は エムスリー Advent Calendar 2017 の4日目の記事です。 Vue.js 2.5でTypeScript対応が強化されました。2.4以前は、Vueのデフォルトであるオブジェクトリテラルベースの構文でthisの型を推論することができませんでした(別途vue-class-componentなどを使いクラスベースの構文で書く必要がありました)。しかし、Vue.js 2.5でTypeScript対応が強化され、オブジェクトリテラルベースの構文でもthisの推論がきくようになりました。see: https://jp.vuejs.org/2017/09/23/upcoming-typeScript-changes-in-vue-2.5/ 例(エディタはVSCodeでVeturプラグインを使用) また、Rails 5.1でwebpackerが統合され、webpackを使いやすく
![Rails Vue.js TypeScriptでthisの型推論 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/30e713fbb47a6e60b70dedd55065f41defc6ae10/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-f625e957b80c4bd8dd47b724be996090.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9UmFpbHMlMjBWdWUuanMlMjBUeXBlU2NyaXB0JUUzJTgxJUE3dGhpcyVFMyU4MSVBRSVFNSU5RSU4QiVFNiU4RSVBOCVFOCVBQiU5NiZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDbWlkZGxlJnM9ZWI2ODFkN2I1MzZiNmVlNmFkMzVjMDNjYmYyNTE3YTA%26mark-x%3D142%26mark-y%3D151%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwbWFlaGFyaW4mdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTVhOTFmNDgyZDQ1ZWYwOTBmYjM5MzAzNTA0ZjQ5N2I4%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D35b512f5cc05864927db92393139df21)