$ rails s /usr/local/rvm/gems/ruby-2.1.5/gems/execjs-2.6.0/lib/execjs/runtimes.rb:48:in `autodetect': Could not find a JavaScript runtime. See https://github.com/rails/execjs for a list of available runtimes. (ExecJS::RuntimeUnavailable) from /usr/local/rvm/gems/ruby-2.1.5/gems/execjs-2.6.0/lib/execjs.rb:5:in `<module:ExecJS>' from /usr/local/rvm/gems/ruby-2.1.5/gems/execjs-2.6.0/lib/execjs.rb:4:i

はじめに Rails 5.1ではJavaScript/index.html.erb周りのサポートが大きく改善されました。 これにより、Vue.jsやReactといったモダンなJSフレームワークをRails内で非常に扱いやすくなっています。 僕も実際に試してみましたが、本当にびっくりするぐらい簡単にVue.jsやReactを動かすことができました。 そこでこの記事ではRails 5.1とVue.jsを組み合わせたサンプルアプリケーションの作成方法をチュートリアル形式で、できるだけ詳しく説明します。 また、ローカルで動かしておしまい、ではなく、Herokuにデプロイしたり、テストコードを書いたりするところまでカバーします。 この記事自体は長いですが、実際に手を動かすと（スムーズに進んだ場合）30分以内で終わらせることができるはずです！ 今回作成するサンプルアプリケーション 今回は以下のリンク先

前回に続いてRailsのタイムゾーン設定のはまりどころを実例をもとに解説する記事です。 今回の記事では、主にconfig/application.rbに書かれることの多いタイムゾーン設定の変数の効果について書きます。 結論から書く config.active_record.time_zone_aware_attributes = falseは混乱の元。明確な理由と覚悟がなければ使うな。 …といってもRails 3以降はデフォルトでtrueなんですけどね。検索で上位に引っかかるサイトにRails 2以前の自動変換にそろえるためにこれを推奨してるサイトなんかがあって、試してみたらこれちょっとどうなのよみたいになったので書きました。 結局どの変数使えばいいのよ 設定ファイルでタイムゾーン設定にまつわる変数として主に config.time_zone config.active_record.de

某インターンのメンターをしながら, メンターたちと空いてる時間を使ってネイティブアプリを書いていた. その時バックエンドをRailsで書いて思ったことを夏休みの感想文としてまとめてみた. ライブラリの選定 Grape RailsでAPIといえば, Grapeというライブラリが有名だけど, 特にRailsのデフォルトのコントローラで困ることが少なかったのと, Railsとの記法の違いっぽいところがあって, 導入しなかった. ただいま考えてみれば, パラメータのバリデーションや, (どう管理するのかしらんけど)Cookieをサポートしていたり, エラーハンドリングもいい感じだし, 導入してみたら楽だったかもしれない. 各アクションにdescを書いておけば, ドキュメントの自動生成とかできたりするし. 実はとても便利かもしれない.(反省終わり) Rabl GrapeのかわりにRablというJSO

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに Ruby初学者です。 まずはチュートリアルからRubyを学習しようと思い、どうせならとリリースされたRuby2.5.0でＲｕｂｙ on Railsの環境構築をしたので自分なりにまとめてみます。 参考までにマシンスペック macOS High Sierra(10.13.2) MacBook Air(Mid 2012)　古い。。。 Intel Core i5 メモリ 8GB デフォ ruby 2.3.3p222 (2016-11-21 revision 56859) 構築手順 Command Line Toolsのインストール Appleのdeveloperアカウントページにログイン メニューからDownloadsやDownload Toolsを探してダウンロードページへ See more downloadsからダウンロードリストページへ OSに対応したCommand Line To

rbenvでRubyのバージョン管理 $ brew update $ brew install rbenv ruby-build $ rbenv --version rbenv 1.1.1 $ rbenv install --list $ rbenv install 2.4.1 $ rbenv global 2.4.1 $ rbenv rehash $ ruby -v ruby 2.4.1p111 (2017-03-22 revision 58053) [x86_64-darwin15] Railsを導入する $ gem install bundler $ mkdir new_app $ cd new_app $ bundle init # gem 'rails'のコメントアウトをはずす $ vi Gemfile # オプション指定でディレクトリ配下のvendor/bundleにインストー

Rails + Docker + Vue.jsの環境構築を行なっている時に、bin/webpack-dev-serverコマンドを実行すると、「TypeError: Cannot destructure property compile of ‘undefined’ or ‘null’.」とエラーが出たのでその対処です。 実行環境はこちらです

はじめに 以前、Qiitaに書いた記事ですが、いくつか現行バージョンではうまくいかないという指摘があったため、やり直してみました。 各バージョンは、2018年3月24日時点の安定版で試しています。 作るもの 簡単なTODOアプリです。 TODOの管理はRailsのAPIで実施します。 前提条件、及び環境 Ruby、Rails、Node.jsの環境をご用意ください。 下記の記事などが分かりやすいです。 rbenvを利用したRuby環境の構築 Node.jsとnpm インストールとアップデート また、Webpack、およびVue.jsはyarnでインストールされるため、yarnもインストールしておいてください。 yarnを使ってみた 本記事を書くにあたり、下記の環境で実施しました。 Ruby 2.5.0 Ruby on Rails 5.1.5 Node.js 9.9.0 yarn 1.5.1

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

概要 Webpacker を利用してRails 5.1 + Vue.js で開発を行う方法を紹介。 本記事では、開発環境を整えるまで行う 次回の記事では、Vue.js を使って Ajax 通信を行います。 Rails 5.1 + Vue.js で開発を行う - part2 Ajax で GET しよう！から確認ください 全コードはこちらより確認いただけます 環境 ruby 2.4.1 Rails 5.1.1 Vue 2.3.4 webpacker のインストール はじめに webpacker を install します。 ※ Rails アプリをすでに作成済みという前提で話を進めます。 webpacker とは Webpacker makes it easy to use the JavaScript pre-processor and bundler Webpack 2.x.x+ to