capybaraで要素をあいまい検索して値をセットする | Oh My Enter!
📄customers_spec.rb fill_in 'Name', with: '山田 太郎' 第１引数に指定できるのは、ラベル文字列かDOMのidだけです。通常の単票フォームでは困ることはないのですが、複数モデルを一括入力をするようなフォームの場合はその限りではありません。なぜなら、ラベル文字列はユニークにできないし、idもcustomer_19887632_nameのようにオブジェクトのidが間に入ってしまうからです。 そんなときは、findメソッドであいまい検索をすればよいです。 📄capybara-spec #完全に等しい find("img[src='https://www.example.com/image']") #含む find("img[src*='https://www.example.com/image']") #前方一致 find("img[src^='htt
Rails+JSフレームワークでリアルタイム掲示板を作成してみる（Backbone.js編） | Oh My Enter!
前々回のAngularJS、前回のEmber.jsときて、ラストはBackbone.jsを試してみたい。作成するリアルタイム掲示板は今までと同じ仕様。 環境 Ruby on Rails 4.1.6 Backbone.js 1.1.2 jquery 2.1.1 セットアップ いつも通りGemfileから。またもやRails Assetsのお世話になる。 📄Gemfile source 'https://rubygems.org' source "https://rails-assets.org" gem 'rails', '4.1.6' gem 'sqlite3' gem 'sass-rails', '~> 4.0.3' gem 'uglifier', '>= 1.3.0' gem 'coffee-rails', '~> 4.0.0' gem 'jbuilder', '~> 2.0' ge
Railsアプリを『浅く』パフォーマンス・チューニングしてみる（その２） | Oh My Enter!
前回は『N+1件』問題を解決して、パフォーマンスを改善することができました。今回はページ表示部分（View）に関する処理を変更することでパフォーマンスを改善したいと思います。 まずは、前回終了時点のパフォーマンスを確認しておきましょう。 だいたい１秒弱かかっているようですね。そういえば前回、クライアントマシンのスペックを記載するのを忘れていました・・・筆者は Mac Book Air 2012 mid （デュアルコア2.0GHz Intel Core i7）／メモリ８G を使用しています。 それでは、チューニングを初めましょう！ パフォーマンス・チューニング２：Viewヘルパー さらなるパフォーマンスの改善を行うためには、どの処理に負荷がかかっているのかを知ることが不可欠です。rack-mini-profilerの表示を確認し、当たりをつけましょう。『959.0ms』という部分をクリックし
Ruby on Rails + Bootstrap3 + simple_form チュートリアル | Oh My Enter!
Twitter Bootstrap 3がリリースされてから結構日が経ちますが、twitter-bootstrap-railsはブランチ版で、simple_formはRC版でそれぞれ対応できているようです。導入するにあたって、ちょっとハマる箇所もあったので、簡単にチュートリアルにまとめておきたいと思います。 環境 Mac OS X 10.8 Ruby 2.1 Ruby on Rails 4.1 twitter-bootstrap-rails 3.1.1 (2014/6/21時点ではbranch) simple_form 3.1.0.rc セットアップ Gemfileに必要なgemを記述します。ポイントはtwitter-bootstrap-railsとsimple_formです。各々最新安定版ではまだ対応していないので(2014/6/21現在)、以下のようにバージョン指定が必要です。 📄Ge
simple_formとTwitter bootstrapで作る俺流鉄板Railsアプリ（その３） | Oh My Enter!
前回はsimple_formを使ったカスタムインプットの作成方法を紹介しました。今回はそのカスタム・インプットとbootstrapの『Typeahead』を組み合わせた便利なインプットを作成したいと思います。 Typeaheadとは Typeaheadとは、Twitter Bootstrapが提供するJavascriptのひとつで、オートコンプリート付きのテキストフィールドを簡単に作成することができるjQueryプラグインです。 個人的には、BootstrapのJavascriptの中で、一番使える機能だと思っています。bootstrap-rails.gemを導入していれば、この便利な機能があなたのRailsアプリですぐに使用できます。さっそく使ってみましょう。 どこに適用するかというと・・・Bookを登録する際に『Author』という項目を入力しますね。 同一の著者が複数の本を執筆するの
simple_formとTwitter bootstrapで作る俺流鉄板Railsアプリ（その２） | Oh My Enter!
前回に引き続き、Railsアプリにて simple_formと twitter bootstrapを使用する際のtipsをご紹介したいと思います。まずは前回作成した画面を見てましょう。 前回はTitleに必須バリデーションを付加しました。今回はReview項目を編集してみたいと思います。 このReviewという項目には、本の評価を１〜５の数字で入力してもらうと仮定しましょう。さっそく、models/book.rbにバリデーションを記述します。 📄app/models/book.rb class Book < ActiveRecord::Base validates :title, presence: true validates :review, numericality: { only_integer: true, greater_than_or_equal_to: 1, less_t
simple_formとTwitter bootstrapで作る俺流鉄板Railsアプリ（その１） | Oh My Enter!
エンジニアであれば、みな自分流の開発流儀をお持ちだと思います。PHPでWebアプリを開発する際はこのフレームワークを使うだとか、Railsアプリの場合はこのgemを使用するだとか・・・。私がRailsアプリを作成する際の鉄板といえば、simple_form＋twiter bootstrapを使用することです。simple_formは、入力フォームを簡単に作成するお手伝いをしてくれるView用のgem、twitter bootstrapは（説明するまでもないかもしれませんが）Twitterが公開しているcssフレームワークです。デザインが苦手なエンジニアにでも、それなりに見栄えの良い画面が簡単に作れるので、非常に重宝しています。 simple_form: https://github.com/plataformatec/simple_form twitter bootstrap: http:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
