仕様 vue.js 2.5.13 firebase 2.3.2 vuefire 1.4.4 rails 5.1.4 ruby 2.3.0p0 (2015-12-25 revision 53290) でチャットアプリを作る。webでサーバの設定とかを気にせずチャットを作りたいなと思い、firebaseを用いることにした。 vuefireについて vuefireはvue.jsのdataとfirebaseをバインディングしてくれるもの。 やったこと vue.jsの導入 npm、webpackerを用いて導入。packフォルダ内にてjavascriptを記入していく。vue.jsは対象のidのものが先に読み込まれていないと発火しないのでbody閉じタグ前にjavascriptを記載する必要がある。 firebaseの導入 <!--firebaseのライブラリ読み込み--> <script src=
![vue.js+firebase+vuefireで作るチャット - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/f63e06fc8be6dbf4b0325164fb127895a45f23c6/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9dnVlLmpzJTJCZmlyZWJhc2UlMkJ2dWVmaXJlJUUzJTgxJUE3JUU0JUJEJTlDJUUzJTgyJThCJUUzJTgzJTgxJUUzJTgzJUEzJUUzJTgzJTgzJUUzJTgzJTg4JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz04M2M1YjAyMmQ0YWEyNzRmMDZkZWU4OWFkMzA4NDU0Yw%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQweW91OCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NDIyNDgzOTU0NDkxMDExNGM3NmVmNGYyODVjNzg4OTA%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D6918c26b43d9c78e0d8a196700b57761)