React + Railsで個人サービスを開発してみた話 - hi, my name is gonshi.
おはようございます。ゴールデンウィークいかがおすごしでしょうか。 これまでブログの中であまりエンジニア的な話はしてこなかったのですが、 改めて自己紹介をさせていただきますと、僕は横浜でWebのフロントエンドエンジニアをやっている者です。 名を田島といいます。どうぞよろしくお願いします。 さて、僕はエンジニアでありながらスロットも大好きなので、 最近ではその趣味が高じて、 誰でも言葉のスロットが作れる！スロットメーカー という、なさそうでなかったWebサービスを作ってみました。 slot-maker.com 制作に用いた技術はフロントエンドに React.js (フレームワークはFlux)、バックエンドにRuby on Rails (主にAPIのみ)という構成で実装しました。 今回はその技術的なお話を書こうと思います。 ところで、僕が普段やっている仕事は、 3分でわかる！事故予測検定 のよう
uu59のメモ | RailsとJS(vue.js)の連携
前書き Railsを使いつつJSもそこそこ書きたい、という条件であればまず前提としてjQuery脳を捨てましょう。jQueryスタイルで考えるかぎり何をどうやっても破綻するのでJSを諦めるか保守性を諦めるかして覚悟を決めましょう。 捨てるのは「jQuery」ではなく「jQuery脳」です。jQueryでグローバルな領域に進出してメソッドチェインで狼藉を働いたり、いま現在目の前にあるHTMLだけを考えてDOM操作をしたり、$.onと$.triggerを使ったクロージャ内部へのGOTOなどを記憶から消しましょう。 可能な限りスコープを小さく保つのはプログラミングの基本原則といえます。その原則を思い出し、JSを軽く扱わず、一般的なプログラミングと同様に閉じられた関心事にのみ注力するようにしましょう。 RailsとJSと役割分担 Railsもviewとしてテンプレートエンジンの処理を持っていますが
Railsでいい感じのタグ管理するならacts-as-taggableとjQuery-Tags-Inputで間違いなし。 - NOT SO BAD
(photo credit: foxypar4 via photopin cc) よくあるタグ管理を実装しようとして、途中まで自力でやったんやけど すばらしいgemがあるのを見つけたのでそっちに乗り換えました。 ついでに入力の部分もjQueryプラグインがすごい簡単につかえたので、 かなり満足のいくタグ管理機能ができましたよという話。 かんたんにまとめると、 バックエンドはacts-as-taggable gemで完璧。 フロントエンドはjQuery-Tags-Inputすばらしい。 どちらも機能がよくて導入も超簡単、相性もばっちりといいことずくめです。 acs-as-taggable導入 まずはacts-as-taggableを導入。 Github「mbleigh / acts-as-taggable-on」 酒と泪とRubyとRailsと「acts-as-taggable-onで
Rails 4のturbolinksについて最低でも知っておきたい事
Rails 4のturbolinksについて最低でも知っておきたい事 （追記）turbolinksに関するセキュリティ上の懸念について turbolinksとは、ページ遷移をAjaxに置き換え、JavaScriptやCSSのパースを省略することで高速化するgemで、Rails 4からはデフォルトで使用されるようになります。 高速化は大歓迎なのですが、JavaScriptのイベントの起き方が変わるため、Rails 3までの書き方をしているとまず間違いなく問題が起きます。しかも、Rails 4ではデフォルトの機能ですので、最新版を使いたいなら必ず知っておかなければいけません。 本エントリではturbolinksを使うために絶対に知らなければいけないことを分かりやすく紹介したいと思います。 動作 turbolinksの動作は、すごく大雑把に言うと以下の通りです。 リンクのclickイベントをフッ
ドラッグ・アンド・ドロップで Rails の一覧表示の順を設定する « ツール工房 覚書
jquery-ui-rails を用いた Todo アプリ作成の覚書です。 JQuery UI Sortable を使ってドラックアンドドッロプでRuby on Railsの一覧表示の順を設定する – @yuumi3のお仕事日記 をお手本にさせていただきました。 環境 - Rails 3.2.8 - jquery-rails 2.1.3 - jquery-ui-rails 2.0.2 Todo アプリの足場を作成して・・・ $ rails new sortable_todo $ rails g scaffold Todo task due:date $ rake db:migrate ドラッグ・アンド・ドロップの前に Datepicker を Due フィールドに表示したいと思います。 joliss / jquery-ui-rails This gem packages the
Rails 3.1ではjQueryが標準になるそうなので、すぐに要らない知識になるかもしれませんが、Rails 3.0でのjquery-ra... - Sooey
Rails 3.1ではjQueryが標準になるそうなので、すぐに要らない知識になるかもしれませんが、Rails 3.0でのjquery-railsの使い方を残しておきます（このエントリの対象はjquery-rails 1.0.2）。 まず、Gemfileに以下のような記述を追加して、bundleします。 gem 'jquery-rails'' ジェネレータを実行して、不要なファイルの削除と必要なファイルの生成を行います。 $ rails g jquery:install このジェネレータによって、prototype.js関連の以下のファイルが削除され、 public/javascripts/prototype.js public/javascripts/effects.js public/javascripts/dragdrop.js public/javascripts/controls
基幹システムのテーブル表示などで役立ちそうなRailsプラグイン·jQuery grid plugin MOONGIFT
jQuery grid pluginはRuby製のオープンソース・ソフトウェア。企業システムでもRailsを使って構築するケースが増えてきた。安定してきたのに加えて開発効率が高いことが選ばれる要因になっているのだろう。そして基幹システムで良くあるのがデータのテーブル表示だ。 高機能なテーブル表示 テーブル表示して終わりかと言えばそんなことはない。データを選んで一括処理したり並び替えたり絞り込みをしたりと一覧表に対する要望は多い。一つ一つ実装していると工数がとても膨らんでしまうだろう。そこで使ってみたいのがjQuery grid pluginだ。 jQuery grid pluginはRailsのプラグインでデータのテーブル表示に加えてその操作が一つにまとまって提供される。カラムを使った並び替え、Ajaxを使ったページネーション、表示件数の変更、検索機能など何でもござれだ。 インライン編集（
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
