記事情報殿堂入り

【動画付き】Rails 5.1で作るVue.jsアプリケーション ~Herokuデプロイからシステムテストまで~

【動画付き】Rails 5.1で作るVue.jsアプリケーション ~Herokuデプロイからシステムテストまで~

はじめにRails 5.1ではJavaScript周りのサポートが大きく改善されました。これにより、Vue.jsやReactといったモダンなJSフレームワークをRails内で非常に扱いやすくなっています。僕も実際に試してみましたが、本当にびっくりするぐらい簡単にVue.jsやReactを動かすことができました。そこでこの記事ではRails 5.1とVue.j...

更新日: 2017-02-27
記事の見出し
  • 【動画付き】Rails 5.1で作るVue.jsアプリケーション ~Herokuデプロイからシステムテストまで~
  • はじめに
  • 今回作成するサンプルアプリケーション
  • この記事の解説動画
  • この記事で作成したコード
  • Rubyバージョンの確認
  • Railsバージョンの確認
  • 新規プロジェクトを作成する
  • Commitログ
  • Webpacker gemのインストール
  • Commitログ
  • Vue.jsのインストール
  • hello_vue.jsを表示する画面を作成する
  • JSのコンパイル
  • hello_vue.jsの動作確認
  • Commitログ
  • Vue.jsサンプルアプリケーションの作成
  • Commitログ
  • Herokuへのデプロイ
  • コードの変更
  • Commitログ
  • Herokuインスタンスの作成とデプロイ
  • webpack-dev-serverを有効にする
  • Commitログ
  • Vue.js用のシステムテストを書く
  • Commitログ
  • 応用:Vue.jsではなくReactやAngularを使う
  • まとめ
  • あわせて読みたい
  • Special thanks
テックブログ情報
【動画付き】Rails 5.1で作るVue.jsアプリケーション ~Herokuデプロイからシステムテストまで~
ブログ株式会社ソニックガーデン - Qiita
ブログ概要「お客様に無駄遣いをさせない受託開発」と「習慣を変えるソフトウェアのサービス」に取り組んでいるソフトウェア企業
QiitaQiita::sonicgarden
会社名株式会社ソニックガーデン
会社概要