JavaScriptの少し独特なオブジェクト指向についてまとめてみた - Rails Webook
Photo by Flickr: slworking2's Photostream 既にJavaやPHPなどオブジェクト指向言語を生業としてやっているが、その感覚でJavaScriptを少し扱っているて、いまいちJavaScript分からないという方を対象に、それらのプログラム言語とは違う、「少し独特なJavaScriptのオブジェクト指向」について説明します。 目次 オブジェクトの作成 プロパティの定義と代入 プロパティの削除 アクセサプロパティ（getter / setter) クラス定義 コンストラクタ引数 インスタンスメソッドの定義 クラスプロパティとクラスメソッドの定義 クラスの継承 クラスプロパティとクラスメソッドの継承 1. オブジェクトの作成大かっこ({})でObjectクラスを作成することができます。 また、new演算子で特定のオブジェクトを作成することができます。 //
Rails4で1対多のリレーションをモデルに実装する - Rails Webook
Railsでは、ActiveRecordのhas_manyとbelogns_toを使うことで、DBの「1対多」のテーブル間のリレーションをモデルに簡単に実装することができます。 動作確認 Rails 4.1 ActiveRecord 4.1 目次 1対多関連とは 参照先の外部キーを追加する モデルにhas_manyとbelongs_toを追加する 使えるようになるメソッド 1. 1対多関連とは説明のために次のER図を実装してみます。 顧客1人が複数回注文をするので、「顧客」から見ると「注文」は"多"です。 また、１注文は必ず一人の顧客から注文されないので、「注文」から見ると「顧客」は"1"です。 このような関係を「1対多関係」といいます。 2. 参照先の外部キーを追加するまず、多側のテーブル（今回はordersテーブル）にxxx_idという名で外部キーを追加します。 xxxの箇所は参照先の
RailsでSonspotを使って全文検索を行う - Rails Webook
Photo by Flickr: Image Editor's Photostream Sunspotは、オープンソースの全文検索システムのSolr（ソーラー）を使って、幅広い記述でパワフルな全文検索ができるRubyライブラリです。 商用ではSolrを立てる必要があります。開発環境では開発用のSolrサーバーを使います。 動作確認 Rails 4.2.0 Ruby 2.1.0 sunspot_rails 2.1.1 sunspot_solr 2.1.1 目次 Sunspotのインストール Sunspotの基本的な使い方 リインデックス(reindex) 1. SunspotのインストールGemfileに追加します。 # Gemfile gem 'sunspot_rails' group :development, :test do # 開発環境用のSolrディストリビューション gem '
Railsで１フォームに複数のサブミット(Submit)ボタンを配置するTips - Rails Webook
Railsで、次のように１つのフォームに複数のSubmitボタンを追加したときの処理のハンドリングについて説明します。 # app/views/articles/_form.html.erb <%= form_for(@article) do |f| %> ... <%= submit_tag "投稿" %> <%= submit_tag "プレビュー", name: "preview_button" %> <% end %> 動作確認 Rails 4.1 目次 Submit時のパラメーターを確認 Submitボタンにname属性を設定 コントローラーで処理を振り分ける ビューに表示内容を設定 動作確認 1. Submit時のパラメーターを確認 まず、「投稿」ボタン、「プレビュー」ボタンを押した時のparamsの内容を確認してみましょう。 # 投稿ボタンをした時のパラメーター Parame
RailsでElasticsearch: 全文検索を実装 - Rails Webook
RailsでElasticsearchを使ってレストラン検索アプリを作成、店名、住所、カテゴリなどからレストランを全文検索できるようにします。また、フィルタ(filter)も使って検索条件を指定することで、閉店している店舗も含めて検索できるようにします。 今後、Elasticsearchのページネーション・ページあたりの表示件数、ソート、ファセット・post_filter、ハイライト、サジェスト機能などをより実践的な機能を実装していきます。 目次 ElasticsearchのMacへのインストール Railsプロジェクト作成とテストデータ作成 RailsとElasticsearchで全文検索を実装 検索条件を指定する 動作確認 Mac OS X 10.11 El Capitan elasticsearch 1.7.2 Rails 4.2.3 elasticsearch-dsl 0.1.2
Railsのログイン認証gemのDeviseとOmniAuth-Twitterの連携（Twitterでログインする） - Rails Webook
次のように、よく見かけるTwitterでユーザ登録やFacebookでユーザ登録のように「RailsでDeviseを使ってTwitterのOAuthを実装する方法」について説明します。 前々回は、「Deviseのインストール方法」を説明しました。 前回は、「Deviseのカスタマイズ方法」を説明しました。 実際に試す場合は、上記の２記事を実施済みだと差分を埋め合わせる必要がなくなり簡単です。 動作確認 Rails 4.1.4 Devise 3.2.4 OmniAuth 目次 Twitter Developer画面でAPP_IDとAPP_SECRETを取得 DeviseにOmniAuthのインストールと設定（初期設定とTwitterへの接続） DeviseにOmniAuthのインストールと設定（コールバック処理の実装） DeviseにOmniAuthのインストールと設定（プロフィール変更の修
Railsの開発効率をあげる - Rails-ERDを使ってRailsでER図を簡単につくる - Rails Webook
Rails-ERDとは Rails-ERDとは、 ActiveRecordをもとにRailsプロジェクトのER図を作成してくれるツールです。 Railsプロジェクト(ActiveRecord)からER図を簡単に作れるので、Excelや他のツールでER図を作って、Railsに反映させていくという2重管理をしなくてよくなり、メンテナンスコストが下がるので開発効率があがると思います。 Rails-ERDで作成されたER図の例（CMS）です。 対象読者 Railsの開発効率を上げたい方（特に、ER図をDryに管理したい方） 動作確認 Ruby 2.0 Rails 4.1 rails-erd 1.1.0 Graphviz Mac OS X 10.10 Yoshimite 目次 Railsプロジェクトを作成 Rails-ERDのインストール Rails-ERDの使い方 1. Railsプロジェクトを作
Rails ModelのScope（スコープ）の使い方（scopeメソッドとdefault_scopeメソッド） - Rails Webook
モデルのスコープ機能とは、共通的に使うクエリをモデルのメソッドのように定義できる機能です。 こうすることにより、複雑なSQLを何度も書かなくてよくなり、可読性と保守性を向上させることができます。 動作確認 Rails 4.1 目次 スコープ(Scope)の概要 スコープに引数を指定 スコープのマージ デフォルトスコープの設定 1. スコープ(Scope)の概要以下の2つの方法で「共通的に使うクエリをスコープ」として定義できます。 # 定義方法1: scopeメソッドで定義 class Post < ActiveRecord::Base scope :published, -> { where(published: true) } end # 定義方法2: クラスメソッドのように定義 class Post < ActiveRecord::Base def self.published whe
Railsでのログ/ロガーまとめ（ログ出力、ログレベル、ロガー作成、ログフォーマット） - Rails Webook
Photo by Flickr: Humboldt State University's Photostream Railsでログ出力を行う、ログレベルを設定する、新たにロガーを作成する、ログのフォーマットを設定する方法などRailsのログに関することをまとめました。 動作確認 Rails 4.1 目次 1. ログを出力する 2. ログレベルを設定する 3. 新たにロガーを作成する 4. ログのフォーマットを設定する 1. ログを出力するloggerを使うことでコントローラー、モデル、ビューなどからロガーで設定されたログ出力先にログを出力することができます。 logger.debug "ログ出力先にDebugレベルで情報を出力する" 次の5つのメソッドが用意されており、それぞれログレベルに出力有無が変わります。 logger.fatal "致命的なエラー情報" logger.error "
Railsで新しい環境(environment)を追加する - Rails Webook
Railsでは、デフォルトでdevelopment、test、productionの3つの環境が用意されています。 しかし、QA環境、Staging環境といった環境が欲しくなることが往々にしてあります。そういった新しい環境を作る方法を説明します。 動作確認 Rails 4.1 Staging環境を追加 今回は、新しくパフォーマンスやキャッシュなどのテストができtodるstaging環境を追加してみます。 1. database.ymlを設定 database.ymlにステージング環境を追加する。 productionの内容をコピーし、環境名やDBの名前をstagingに変更します。 # config/database.yml default: &default adapter: sqlite3 pool: 5 timeout: 5000 development: <<: *default
Ruby 2.1 / Rails4.1 の意外に忘れられている便利なメソッド - Rails Webook
Ruby 2.1 / Rails4.1 での意外に忘れらている便利なメソッドを集めました。 RubyやRailsでは有用なメソッドがたくさん実装されており、車輪の再発明にならないように、それらを覚えて適切な箇所で使うだけで生産性はあがります。 （大雑把に書いたので、まだまとまってないので、随時修正します） 動作確認 Ruby 2.1.2 Rails 4.1 ActiveSupport 4.1.7 目次 Rubyの基本 代入、範囲、正規表現、%記法 メタプログラミング 文字列からクラスを作成 constantize 動的にメソッドを定義 class_eval Object nilや空を判定する(present?, blank?)、nilや空以外の値を取得(present)、nilを扱う(try) String 複数行の文字列(ヒアドキュメント)、文字列を含む(include?, index)
RailsのHTMLテンプレートエンジン Haml入門 - Rails Webook
はじめに RailsではView（HTML出力）のためには標準ではERB(.erb)を使用しています。 しかし、erbは汎用的なテンプレートエンジンであり、HTML以外のファイルにRubyコードを 埋め込めることができるます。 そのため、HTML作成という点で見ると、いくらか冗長な箇所があります。 そのため、より生産的にHTMLを作成するために、Railsでは Haml （拡張子 xxx.html.haml） Slim （拡張子 xxx.html.slim） という２つのHTML用のテンプレートエンジンがよく使われます。 そして、今回はタイトルからも分かるようにHamlについて説明します。 Slimについては、こちらから参照ください。 Hamlは「マークアプは美しくあるべき」という原則に基づいて開発されました。 Hamlを使うことにより、Viewファイルを「綺麗に」「読みやすく」「生産的に
jQueryの疎結合なイベント処理 - Rails Webook
Photo by Flickr: James Marvin Phelps' Photostream jQueryを使ってイベント処理の登録と削除方法、登録できるイベントの一覧を説明します。 また、JavaScriptはイベントを通してHTMLと結びついているので、イベントハンドラのコーディングと修正に多くの時間を使います。 そのため、イベントハンドラとアプリケーションロジックを分離することで、疎結合にする考え方も説明します。 目次 イベントハンドラの登録(on) イベントハンドラの削除(off) イベント一覧 イベントハンドラとアプリケーションロジックを分離する 1. イベントハンドラの登録(on)onメソッドを使うことでイベントハンドラを登録することができます。 // クリックのイベントハンドラを登録 $('#confirm').on('click', function() { retu
RailsでReactを使ってメッセージボックスアプリを作成 - Rails Webook
react-railsというReact.jsをRailsに簡単に統合できるgemを使い、React.jsについて説明します。 次のような画面をReact.jsで実装し、Reactとサーバ(Rails)間でメッセージ一覧の取得や作成をできるようにします。 ソースコードはこちらです。 https://github.com/nipe0324/rails_samples/tree/master/react_test 目次 react-railsのインストール Reactのコンポーネントの表示 メッセージボックスの概要 メッセージボックスのリストを作成 メッセージフォームを作成 サーバーサイド(Rails)との連携 動作確認 Ruby 2.2.0 Rails 4.2.3 react-rails 1.4.2 react 0.14.2 0. React.jsとはReact.jsはMVCフレームワークでい
RailsでReact.jsをサーバーレンダリングする - Rails Webook
react-railsというReact.jsをRailsに簡単に統合できるgemを使い、React.jsをサーバーレンダリングする方法を説明します。 サーバーレンダリングすることで、初期値をHTMLの初期レンダー時に渡せるようになるので、ロード中による画面のばたつきや、ロード中といった表示をなくせます。 RailsでReactを使ってメッセージボックスアプリを作成 - Rails Webookをベースに説明しています。 また、この記事のソースコードは https://github.com/nipe0324/rails_samples/tree/master/react_server_rendering_test です。 目次 RailsでReactコンポーネントをレンダーする Reactコンポーネントをサーバーレンダリングする コントローラーでReactコンポーネントをレンダーする 動作確
よく忘れるRailsのコントローラーでのrenderメソッドのレシピ集 - Rails Webook
Railsのコントローラーでのrenderメソッドの使い方について説明します。 renderメソッドは、「コントローラー(Controller)」と「ビュー(View)」のそれぞれにあります。 ここではコントローラーのrenderメソッドの使い方を示します。 ビューでのrenderメソッドの使い方は こちらを参照してください。 動作確認 Rails 4.1 目次 1. ビューを表示する 1.1. 暗黙的なビューの表示する 1.2. 他のアクションのビューを表示する(actionオプション) 1.3. 他のコントローラーのビューを表示する(templateオプション) 2. JSONを返す 2.1. renderメソッド 2.2. jbuilder 2.3. ActiveModelSerializer 3. ビュー以外を表示する 3.1. 文字列を表示する(textオプション) 3.2. X
Railsの開発効率を上げる - guard-livereloadを使ってRailsでブラウザのオートリロードをさせる - Rails Webook
Guardとは Guardとはファイルの変更を検知して、自動的にさまざまな処理を実行してくれるRubyのGemです。 これ単体で使うよりも、他のツールと連携し、自動的に処理を行い開発効率を上げるために使います。 メジャーどころとしては、次の３つだと思います。 guard-livereload - Viewファイルの変更したときに自動的にブラウザをリロードする guard-rspec - specファイルを変更したときに自動的にRSpecを実行する guard-rubocop - ファイルを修正したときにRuboCopを実行する 本記事では、Railsへguard-livereloadの導入方法を記載します。 動作確認 Mac OSX 10.9 Ruby 2.0 Rails 4.1 guard 2.6.1 guard-livereload 2.3.0 目次 Railsプロジェクトの作成 gu
jQueryによるDOM操作をまとめてみた - Rails Webook
Photo by Flickr: J. A. Alcaide's Photostream jQueryを使うことでブラウザ間の違いを吸収しながらも、簡易にDOM操作のJavaScriptコードを記載することができます。 よく使われるjQueryのDOM操作のメソッドをまとめました。 また、jQuery1.x系とjQuery 2.x系の選択基準として、 1.x系は IE8 以前をサポートするレガシーブラウザ向けのバージョン 2.x系は IE8 以前のサポートは捨てて、高速に安定して動作させることを目指したバージョン ですので、適切なjQueryのバージョンを選んでください。 目次 jQueryの初期化処理の記述場所 子要素の追加(append, appendTo, prepend, prependTo) 要素の挿入(after, insertAfter, before, insertBefo
RailsにTwitter Bootstrapの導入と簡易な使い方 - Rails Webook
RailsでTwitter Bootstrap 3のインストール方法を説明します。 また、Bootstrapのエラーメッセージの表示、ナビゲーションバーの追加、simple_formとの連携などの使い方を説明します。 動作確認 Rails 4.1 twitter-bootstrap-rails 3.2.0 目次 Railsプロジェクトの作成 Twitter Bootstrapのインストール方法1 Twitter Bootstrapのインストール方法2 カスタマイズ（ViewファイルへのTwitter Bootstrapの適用） カスタマイズ（サクセス、エラーメッセージの表示） カスタマイズ（simple_formとの連携: フォーム上でのエラーメッセージの表示） カスタマイズ（Sidebarの追加） カスタマイズ（NavigationBarの追加） 1. Railsプロジェクトの作成まずは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ファイルアップロード カテゴリーの記事一覧 - Rails Webook