Ruby on Railsで特定の値やクエリ結果をキャッシュするしくみとしてRails.cacheを紹介します。 この機能を使うとや有効期限を設定したり、キャッシュ内容を圧縮できます 🏈 メソッドRails.cache.fetchRails.cache.fetchはキャッシュされた値を取得するメソッドです。 ブロックを渡すことで、キャッシュがなかった場合は指定されたデータをキャッシュにセットして返すことができます。 def cached_title Rails.cache.fetch("/model/article/title/#{id}", expired_in: 1.hour) do Article.find(id).title end end

メール送信や、重い処理、バッチなどでキューイングってよくやると思うんですが、Rubyではそれらを簡単に実現できるライブラリがいくつかあります。有名所だと、Sidekiq / Resque / Delayed Jobとか。僕はSidekiq / Resqueこの2つを使ったことがあるんですが…最近ではSidekiqの方が設定も簡単で使いやすかったので、Sidekiqにまつわる設定などもろもろまとめておきます。 ActiveJobについて Rails4.2からActiveJobというキュー操作のフレームワークが導入されました。これを使用することで、書き方が統一されるため、バックグラウンドのキューライブラリがSidekiqだろうとResqueだろうと気にせず書けるっていうやつです。Rails4.2を使っているのなら積極的に採用して良い感じ。 (2017/08/07：追記） 実際にいくつかのプロジ

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

WordPress用にMySQLを使いたくなったので、初期設定をやってみました。 対象 MySQLのインストールが完了している事 MySQLをこれから使い始める方 rootパスワードの変更 簡単な方法（CentOSで確認済み） mysqladminでrootパスワードの変更する rootでログインできるかどうか確認する

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

はじめに Riot.js Redux Railsシリーズで作ったTodoアプリのRiot.js部分をReactを使って書いた。 Riot.js Redux Railsで作ったTodoアプリと全く同じものを作成するのでコードが大分重なっている(Riot.js部分をReactにしただけ)が、今回の一連の記事だけ読んでも出来るように省略はしない(ほぼコピペだし)。 環境構築 React Redux Rails 1 / 5 「環境構築」 Todo Appの作成 React Redux Rails 2 / 5 「Todoリストを表示する」 React Redux Rails 3 / 5 「新たなTodoを追加出来るようにする」 React Redux Rails 4 / 5 「完了したTodoをチェック出来るようにする」 React Redux Rails 5 / 5 「チェックしてあるタスクを削除

皆さんはじめまして。2年目新卒エンジニアの坪井(@ufo_ocha)です。普段は先日リリース致しましたhitoboの主にフロント周りを開発しています。 さて、Gaiaxグループでは年に2度、夏と冬に全社合宿を行っています。冬は事業部毎の発表など真面目なコンテンツがメイン、夏はみんなで集まり仕事を忘れて遊びましょうと交流がメインとなっています。だいぶ時間がたってしまっていますが、今回は9月に実施した夏合宿で運営として参加し、合宿用アプリを作成した話です。少しではありますが、当日の様子はこちらからどうぞ。 子ども・パートナーも参加！ガイアックスグループ夏合宿の軌跡 アプリ要件 今回の要件ですが、ざっくりと 合宿のしおり 参加メンバーのプロフィール閲覧 コンテンツのフォトロゲイニング となっています。これは僕ではないのですが、昨年度の冬合宿でしおりをスマホで閲覧しやすいWebページで提供したとこ

amakan での設計を例に、RailsでSingle-Page Applicationをつくるときの自分のやり方をまとめてみます。 Gem 「JavaScriptで書かれたReactのコンポーネントからHTMLを生成する」というのをRubyでやるために、RubyのV8エンジン実装であるmini_racerというGemを使う。この処理を楽に実行するために、react_on_railsというGemも使う。 gem "mini_racer" gem "react_on_rails" View body要素内のHTMLは全てReactで生成するので、layout以外にviewのテンプレートは存在しない。 Controller 初回リクエストの場合はHTMLを返す ページ遷移時に呼ばれるリクエストの場合はJSONを返す 外部サイトからブラウザバックで戻ってきたときにJSONを見せない という要求に

SPAをRails + React + Redux + Routerで実現して、解説してる記事があまりなかったのでまとめます。 ReduxのTodoアプリをベースにAPIリクエストするサンプルを作りました。 実現してること React + Redux + RouterでSPA APIリクエストでCRU(D)処理まで 対象 それぞれの技術の概念は理解してるが、実際にコードを書いたことがない方 実装方針 基本的にライブラリのサンプルの実装方針を踏襲(差分は後述) ServerSide Renderingも対応できるようにする Productionで使えて、ある程度の規模まで対応した構成 javascriptはes2015で書く APIリクエストはthunkを使う BuildはWebpackで行う github Webpack babelでビルドする。eslintはpreloadersでやるとc

[2014/08/25追記] 続編を書きました。 その②：環境構築編 [2014/08/26追記] 続編を書きました。 その③：実装編 今回は その①：考察編 です。 ちょっとややこしいのですが、Railsアプリケーションの View で AngularJS を利用するということではなく、JavaScriptベースのフロントエンドアプリケーションとして AnuglarJS を利用し、サーバ側のデータを操作する為のバックエンドAPIを Rails で構築する、ということです。（まだややこしいかな..） シチュエーション的には、UIリッチなフロントエンドアプリケーションを構築するが、サーバにもデータを保持する必要がある、というもの。 （例えばシングルページアプリケーション構成や、１画面=１データモデルとはならないもの。） かつ、フロントエンドの開発は本格的にやるので、Grunt や Bower

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

ウェブサービス作っていてGoogle Mapsを使うことって凄く多い。 個人的に旅とか海外とかのサービスが多いだけなのかもしれないけど。 coffee scriptのファイルをプロジェクト毎に作っていたけど、結局同じコードなのでGithubに公開しておきました。 レポジトリはこちら shunwitter/map_helper デモはこちら（定期的に消えるので地図登録してOKです） https://shunwitter-test-app.herokuapp.com/places 実際のプロジェクトではこんな感じ http://www.canpath.jp/ （ページ最下部のマップとか） できることは、 1. 緯度経度を受け取ってマップ表示 2. 住所を入力してボタンを押したら、マップ表示&緯度経度セット 3. マップ表示 + たくさんのマーカー表示 以下 Github とほぼ同じですが日本語

はじめに みなさんこんにちは！ この記事は「必要最小限の努力で最大限実戦で使える知識を提供するRSpec入門記事」、略して「使えるRSpec入門」の第4回です。 今回はCapybaraを使ったフィーチャスペックについて説明します。 ただし、今までの記事とは異なり、フィーチャスペックのイロハよりも「Capybaraの使い方」に重点を置きます。 なぜなら、僕個人の経験からいって、フィーチャスペックで困るのは「このブラウザの操作って、どうやってコードで表現するの？？」というケースが大半だからです。 それ以外は第1回～第3回の内容をそのまま応用できるので、特に「フィーチャスペックだから困る」ということはないと思います。 今回は説明する主な項目は以下の通りです。 フィーチャスペックの基本 ページの移動や画面のクリック、フォームの操作など 画面やフォームの検証 画面の操作や検証の応用テクニック その他

Rails 4のturbolinksについて最低でも知っておきたい事 （追記）turbolinksに関するセキュリティ上の懸念について turbolinksとは、ページ遷移をAjaxに置き換え、JavaScriptやCSSのパースを省略することで高速化するgemで、Rails 4からはデフォルトで使用されるようになります。 高速化は大歓迎なのですが、JavaScriptのイベントの起き方が変わるため、Rails 3までの書き方をしているとまず間違いなく問題が起きます。しかも、Rails 4ではデフォルトの機能ですので、最新版を使いたいなら必ず知っておかなければいけません。 本エントリではturbolinksを使うために絶対に知らなければいけないことを分かりやすく紹介したいと思います。 動作 turbolinksの動作は、すごく大雑把に言うと以下の通りです。 リンクのclickイベントをフッ

はじめに RailsでのAjax処理、Bootstrapとの組み合わせについては結構記事が見つかりますが、情報が古いものが引っかかる事も割とあります。そんな中久しぶりにこの組み合わせをRails5ベースの最新状態で試してみたので、自分の復習とメモがてらこの記事を残しておきます。 2018/06/25追記修正 @kozimon 様から頂いたコメントを取りこみ、Bootstrap4バージョンの記述を追記しました。コメントありがとうございます。 道筋 いつも通りRailsでアプリを作ります。 Bootstrapを導入します。ViewはSCSSベースとします。 簡単なアプリをscaffoldで作成します。 Bootstrapの確認 Bootstrapを用いて、新規作成フォームをModal化します。 新規作成処理をAjax化します。 一覧の更新をAjax化します。 という流れで進んでいきます。 実際

概要 Railsで開発を行っていると、基本的な動作の検証を行いたくなることが度々あるのですが、 自前の環境がカスタマイズされすぎて、一般的な環境で成り立つのかわからないので、 検証できる環境を簡単に作れるようにしました。 今回は、RSpecの基本動作を検証したかったので、Railsは最小限の構成になっています（DBも設定していません）。 環境 ローカル Mac OS X Yosemite 10.10.5 Ruby 2.0.0p481（Yosemite標準） Vagrant VirtualBox 構築先 執筆時点のバージョンです。 Ubuntu 16.04.1 Ruby 2.3.1p112 Rails 5.0.0.1 構築手順 何かよくわからんけど、とりあえず構築したいという人はこちらの手順を参照してください。 リポジトリをclone

概要 Rails でページング処理といえば、kaminari だと思う。 github.com kaminari で Ajax のページングもできるようだが、 AdventCalendar - kaminari徹底入門 - Qiita jQuery の DataTables プラグインと連携して、ページング(一覧画面)を実装する。 （ページ送りは kaminari 使います・・・） github.com この gem を利用することで jQuery の DataTables プラグインを簡単に導入できる。 DataTables プラグイン自体のサンプルは下記。 DataTables example - Ajax data source (arrays) 検索・ソート・件数指定など、javascript 側で実装してくれている。 件数が少ないようであれば、全件データを JSON形式で Dat

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

追記 http://qiita.com/kizashi1122/items/6e22b2a27fa4da487884 に更新版を載せました。 はじめに 最初に構成ですが、以下のとおりです。 クライアント Mac 上の仮想環境(CentOS) Capistrano3 もここで動きます サーバ EC2(AWS) 構成管理 Github ミドルウェアは、以下のとおりです。Nginx は yum でインストールしておいてください。 Nginx Unicorn Capistrano3 で、クライアントからコマンド一発でサーバにデプロイすることを目的としてます。 しかし、Capistrano3 や Unicorn 関連の情報は Web 上にたくさんあり、それぞれ少しずつ設定が違ってたりして部分的につまみ食いすると設定に食い違いがでてしまって動かなくなります。 私はまだまだ初心者ですがとりあえず動くとこ