とにかく簡単！JSフレームワークのStimulusを既存のRailsアプリに入れてみた - あなたとあなたの話がしたい
自作のRails製Webサービスの短歌投稿サイトUtakataにJSフレームワークを入れたいと思って、当初はVue.jsを検討していたけれど、SPA的なものをやろうとすると既存コードを全面的に書き換えねばならず*1、限られたプライベートの時間で行う趣味の開発で対応するには無理があるのではという感触があった。 困って会社のエンジニアに相談したところ、Railsの生みの親のDHHがCTOを務めるBasecampが開発したというStimulusを紹介してくれた。これを試してみたら予想以上に簡単に既存のRailsアプリに取り込めたので、導入方法と簡単な使用例を書いてみたい。 既存のRailsアプリにStimulusを導入する yarnのインストール https://yarnpkg.com/lang/ja/docs/install/#mac-stable 上掲URLを参考にして、webpacker
モダンJS on Rails5.1（Webpacker+React+ServerSide Rendering） - Qiita
はじめに 2017年2月にRails 5.1betaがリリースされました。すでに各所で話題になっている通り、webpackerを用いてモダンJSの環境を構築することが容易になっています。 そこで今回はWebpackerに加え、hypernovaも使ってReactのServerSide RenderingをRails5.1で実現するまでのステップをまとめます。 完成版のリポジトリはこちら KeitaMoromizato/rails5.1-react-app [解説]Webpackとbabel いわゆるモダンJSと呼ばれるもので、抑えておきたいのはWebpackとbabel。 近年のJavaScriptでは、npm（Node Package Manager)でライブラリを配布するのが主流になっています。ただnpmは本来node.jsのパッケージとして作られているので、ここで配布されているモジュ
windowsのbashでRails環境を構築してみる。（Windows 10 Anniversary Update版） - Qiita
windowsのbashでRails環境を構築してみる。（Windows 10 Anniversary Update版）RubyRailsWindows Windows 10 Anniversary Updateが開始されたということで再度Windows上にRubyおよびRailsをインストールする方法を記載します。 「windowsのbashでRails環境を構築してみる。（Windows 10 Insider Preview 14316版）」を修正してもいいのですが、追記箇所が多くなったので新たに作りました。 #Ubuntu on Windowsのインストール まずはUbuntuのbashが使えるようにします。 「スタートメニュー」→「設定」→「更新とセキュリティ」を開くと "開発者モード"というのがあるので、これを選択します。 次に「コントロールパネル」→「プログラムと機能」→「Wi
【動画付き】Rails 5.1で作るVue.jsアプリケーション ～Herokuデプロイからシステムテストまで～ - Qiita
はじめに Rails 5.1ではJavaScript/index.html.erb周りのサポートが大きく改善されました。 これにより、Vue.jsやReactといったモダンなJSフレームワークをRails内で非常に扱いやすくなっています。 僕も実際に試してみましたが、本当にびっくりするぐらい簡単にVue.jsやReactを動かすことができました。 そこでこの記事ではRails 5.1とVue.jsを組み合わせたサンプルアプリケーションの作成方法をチュートリアル形式で、できるだけ詳しく説明します。 また、ローカルで動かしておしまい、ではなく、Herokuにデプロイしたり、テストコードを書いたりするところまでカバーします。 この記事自体は長いですが、実際に手を動かすと（スムーズに進んだ場合）30分以内で終わらせることができるはずです！ 今回作成するサンプルアプリケーション 今回は以下のリンク先
Rails 5.1のSystemTestCaseを試してみた - Qiita
はじめに Rails 5.1で導入されたSystemTestCaseを使ってみたので、その記録を残しておきます。 この記事ではユーザーマスタメンテ画面で、JavaScriptを使った郵便番号自動検索機能をテストします。 Rails 5.1のSystemTestCaseとは？ いわゆるエンドツーエンド（E2E）テストを実行するためのテストケースクラスです。 このテストケースクラスを使うと、JavaScriptを利用する画面のテストが書けるようになります。 また、サードパーティgemを使う従来の方式ではDatabaseCleanerやDatabaseRewinderを使って、テストデータのトランザクション管理に関する設定が必要でした。 しかし、SystemTestCaseはフレームワーク内でトランザクション管理をしてくれるので、こうした設定も不要になります。 対象バージョン この記事では以下の
Rails5 + heroku チュートリアルやってみた + ClearDB(MySQL)に変更もしてみた - Qiita
OSX、rbenvで Ruby 2.2.3。 チュートリアル完了し、ポスグレで動いているものは ここにおいた。 チュートリアル完了し、さらに ClearDB(MySQL) にしたものは ここにおいた。 どちらも Heroku & localhost で動かす Rails5 のベースとなるはず。ていうかこれが作りたくてやりました。 とりま 何もよまずに Rails5 いれる $ mkdir rails5 $ cd rails5 $ bundle init $ vim Gemfile # gem 'rails' のコメントを外す $ bundle install --path vendor/bundle # Gemfileを上書きすると言われたらYを押す $ bundle exec rails new ./ $ bundle exec rails -v Rails 5.0.0.1 $ bund
既存のrailsプロジェクトをDockerで開発する手順 - Qiita
$ docker -v Docker version 1.12.5, build 7392c3b $ docker-compose -v docker-compose version 1.9.0, build 2585387 docker for mac install 以前はmacでDockerを使うのにVagrantにdockerを入れて操作していましたが、mac純正の仮想環境xhyveを利用するようになったためVagrantはお役御免となり、だいぶ使いやすくなったようです。 https://docs.docker.com/docker-for-mac/ Dockerfileとdocker-compose.ymlを追加 RailsのプロジェクトルートにDockerfileとdocker-compose.ymlを追加します。 Dockerfile railsの公式Docker image
RailsでFoundation for Emails 2.0を使ってレスポンシブなHTMLメールを送る - Qiita
この記事はトレタ Advent Calendar 2016の24日目の記事になります。メリークリスマス！ 今時のメールは大体HTMLメールなのですが、これが結構な曲者です。HTMLメールはブラウザ以上に互換性が低く、色々な罠があります。 RailsではActionMailerがHTMLメールをサポートしていますが、あまり深いところは助けてくれません。そこでいくつかのツールを合わせて解決して見ます。 HTMLメールの罠 CSSの挙動がブラウザと異なる場合がある メール用のResponsive CSSを用意する必要がある CSSはclassではなく、styleでインライン展開する Asset pipelineを使うにはちょっと細工が必要 HTMLメールを作るにあたって知っておきたいことにまとまっています メール用CSSフレームワーク ブラウザではbootstrapやFoundationなど、レ
Grapeを使ってRESTfulAPIを簡単作成 その3 Grape::Swagger - Qiita
Grape::Swaggerとは grape-swaggerを使うと、grapeで作成したAPIのドキュメントが自動で生成されるようになります。 GitHub: ruby-grape/grape-swagger 目次 1.Grapeを使ってRESTfulAPIを簡単作成 その1 Grape 2.Grapeを使ってRESTfulAPIを簡単作成 その2 Grape::Entity 3.Grapeを使ってRESTfulAPIを簡単作成 その3 Grape::Swagger 環境 rails 5.0.0.1 ruby 2.3.1 まずはgemをインストール 下記を追記 # api gem 'grape' gem 'grape-entity' gem 'grape_logging' group :development, :staging do gem 'grape-swagger' gem 'g
Rails5 API + devise でユーザーの認証と作成機能を実装した API を作成する - 文系プログラマー
2017/04/26 curl部分に間違いがあったので修正、ついでにログインの必要な動作を追記 目標 Rails v5.0.0 から追加されたapiオプションを使い、ユーザーの作成と認証機能を実装したベーシックな Rails API を作る rails new まずはプロジェクトを作成します $ rails new devise-api --api --skip-bundle Gemfile に次の gem を追加し, bundle install gem 'devise' gem 'active_model_serializers' devise devise を立ち上げます $ rails generate devise:install create config/initializers/devise.rb create config/locales/devise.en.yml Us
Building a JSON API with Rails 5
Rails is great for making traditional server-rendered web applications. It has support for cookies, sessions, and other browser-specific functionality right out of the box. It's also great for building JSON APIs, but why include a whole bunch of functionality that we aren't going to use if what we want is to simply build a JSON API? That's where using Rails in --api mode comes in handy. It gives u
Building the Perfect Rails API | Sourcey
This how-to guide aims to give you the best start to building your Rails API. Thanks to the new rails-api gem that has shipped as part of the Rails core since version 5, Rails is an ideal candidate for building streamlined APIs quickly and easily. Before the advent of Rails 5, the best option for building APIs in Ruby was arguably Grape. Grape is still a great option, especially if you like to DIY
Rails による API 専用アプリケーション - Railsガイド
このガイドの内容: API専用アプリケーションを支援するRailsの機能 Railsの起動時にブラウザ向け機能をオフにする方法 ミドルウェアの選定 コントローラで使うモジュールの選定 1 APIアプリケーションについて 従来、Railsの「API」というと、プログラムからアクセスできるAPIをWebアプリケーションに追加することを指すのが通例でした。たとえば、GitHubが提供するAPI はカスタムクライアントから利用できます。 近年、さまざまなクライアント側フレームワークが登場したことによって、Railsで構築したバックエンドサーバ―を他のWebアプリケーションとネイティブアプリケーションの間で共有する手法が増えてきました。 たとえば、Twitterは自社のWebアプリケーションで パブリックAPI を利用しています。このWebアプリケーションは、JSONリソースを消費するだけの静的サイ
Herokuで2016/9/22から無料でSSL証明書を登録できるようになったので、既存のSSL Endpointから移行する方法 - Qiita
Herokuで2016/9/22から無料でSSL証明書を登録できるようになったので、既存のSSL Endpointから移行する方法HerokuSSL 2016/9/22からHerokuのSSL利用が無料になった https://blog.heroku.com/ssl-is-now-included-on-all-paid-dynos#feedback 既存のSSL endpointを利用している場合でもダウンタイムなしに移行できるそうだ You can migrate from the SSL:Endpoint add-on to Heroku SSL with zero downtime. 残念ながら有料でHerokuを使っているユーザのみだが、月々7ドルのHobbyプランでも利用できる 既存の方法では月20ドル、年240ドル節約できるようになるのでけっこうお得 新方式のSSLのAddo
Let's EncryptをHerokuにあるRailsアプリに適用する(2016/9月版) - Qiita
2017/4/3追記 Herokuが公式にlet's encryptをサポートしてSSL証明書の自動更新までよろしくやってくれるようになりました。 また下記のQiitaの設定ではRailsにかぎらずHerokuのアプリケーションならなんでも適応されます。 http://qiita.com/mokamoto/items/cf98d3eb0ff39a342354 これは以前書いたLet's encryptをHerokuにあるRailsアプリに適用するの更新記事です。Let's Encryptをローカルでインストールしたりする手順やコマンド名がcertbotと変わってしまったので新たに書き直した 前回からの差分はcertbotのインストールから読むと良いでしょう 前提条件 作業マシンmac(OSX) homebrewがインストール済み はじめに 無料でSSL証明書を発行できるLet's encr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://post.simplie.jp/posts/114
https://qiita.com/magaya0403/items/f9cd1340960ab997cf63
factory_bot/GETTING_STARTED.md at master · thoughtbot/factory_bot
rubocopが一切使われていないRailsアプリにrubocopを段階的に導入していく際にやったこと/やりたいこと - Qiita
Rails 5 アップデートへの道 - Qiita
