やさしい AJAX on Rails という資料を作りました - satococoa's blog
最近 SPA (Single Page Application) についての議論が盛んで、Angular とか React とか Flux とか Mithril とかの名前をよく聞くようになりました。 でも必ずしも全ての Web アプリにおいて SPA は必須ではありません。 むしろ枯れた jQuery と Rails の remote: true の仕組みを正しく使うだけで十分なケースも多数あると思います。 (特に iOS, Android のネイティブ開発者が身近にいる環境では SPA で開発するのとネイティブで実装するのとでは後者の方がコストが低いこともありますし。) ということで、「じゃあ Rails で Ajax ってどうやって実装するんだっけか？」というところをまとめた資料を公開します。 中級者以上の方にとっては特に目新しい情報は無いと思いますが、経験の浅い方の自己学習や研修な
Googleドキュメント生みの親、Boxのビジネスとエンジニア魂を語る
エンジニアと起業家のあこがれのサム・シュアレス氏。シリコンバレーで四半世紀生きてきたシュアレス氏は、6社立ち上げ、4社の事業売却を成功させた起業家であり、Googleドキュメントの生みの親としても知られている。現在は米Boxのエンジニアリング担当シニアバイスプレジデントを務めている。Webで仕事をしたいすべての人に向けてパワフルなパンチラインがたくさん飛び出したインタビューをお届けする。 「当時、クラウドは手品みたいなものだった」 ――まず、ご自身について読者に自己紹介してください。 シュアレス氏：シリコンバレーで25年間、まさに四半世紀ビジネスをやってきた。その間、ソフトウェア開発での起業を6社し、そのうちの4社はM＆Aによる事業売却を成功させた。この数字はシリコンバレーでは成功した部類に入るよね（笑）。 ――はい。もちろんです。 シュアレス氏：そのうち、もっとも成功した例で、みんなが知
RESTが日本で受け入れられていった頃の話( #mozaicfm の補足) - Kentaro Kuribayashi's blog
mozaic.fm第7話のRESTの話で、RESTが日本で広く受け入れられていった頃、というか、その端緒の頃の話が出ていて懐かしかったのだし、細部にやや不正確なところがあるのが気になったりもしたので、補足を書いておきますね。 まず、いわずとしれた@yoheiさんがRESTをまず知ったのが2003年とかそれぐらいの時期とおっしゃっていて、それから数年経ち、RESTがWebエンジニアに広く受け入れられていったのは、2007年末にリリースされ、resourcesという機能を取り入れたRails2からというのは、@t_wadaさんがおっしゃっている通り、事実だろうと思います。 また、Podcastの中では、主催のJxckさんが、それはそれと認めた上で、彼自身にとってはAjaxの登場が大きかったということを述べた上で、@yoheiさんの主催された第八回XML開発者の日での高橋征義さんとid:seco
CoffeeScriptのリファクタリング - ワザノバ | wazanova
http://blog.arkency.com/2014/07/6-front-end-techniques-for-rails-developers-part-i-from-big-ball-of-mud-to-separated-concerns/ 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約2時間前 シングルページアプリもあり、それでなくてもフロント側のコードを書く機会は増えてきてますが、コードをうまく整理して、 簡単に、もっとテストしやすいコードを書く。 クオリティを下げることなく開発スピードをあげる。 ためのノウハウの一端を開発会社のArkencyがシェアしてくれています。 シリーズの初回は、シンプルなリファクタリングのケーススタディ。 CoffeeScriptのコードが、DOM変換、イベントハン
6 front-end techniques for Rails developers. Part I: From big ball of mud to separated concerns
6 front-end techniques for Rails developers. Part I: From big ball of mud to separated concerns … and check why 5600+ Rails engineers read also this 6 front-end techniques for Rails developers. Part I: From big ball of mud to separated concerns Photo remix available thanks to the courtesy of Clever Cupcakes. CC BY 2.0 Current trends in web development forces us to write more and more front-end cod
Rails3で特定のid要素の中身をAjaxで書き換える - (ﾟ∀ﾟ)o彡 sasata299's blog
2012年04月16日19:16 Ruby JavaScript Rails3で特定のid要素の中身をAjaxで書き換える Railsで特定のid要素（今回の例だと price_div ）の中身をAjaxで書き換えたいとき、Rails2ではこのように処理していました。 # view <div id="price_div">値段：100円</div> <% remote_form_for :article, :url => {:action => "update_price"} do |f| -%> <%= f.submit 'submit' %> <% end -%> # controller render :update do |page| page.replace_html "price_div", :partial => "price", :locals => {:product =
とある開発者ブログ: Rails3.2.8 Ajaxでhtmlをやり取りする(haml/CoffeeScript)
2012年9月6日木曜日 Rails3.2.8 Ajaxでhtmlをやり取りする(haml/CoffeeScript) イントロ Ajaxでhtmlをもらって、javascriptで貰ったhtmlをつかって表示を書き換える。 ごく一般的な流れですが、haml/CoffeeScript/jQueryを使って書いてみました。 この流れの肝になる「render_to_string」をたまに忘れちゃうので、備忘録で書いておきます。 流れ 実行環境： # OS : Mac Lion(OS X 10.7) # Rails : 3.2.8 # haml : 3.1.7 # coffee-script : 2.2.0 viewに以下を追記 %button#get_data データを取得 %br/ .column controllerに以下を追記 def show_all @items = # 特定条件
「Ruby on Railsで簡単で素早くWebアプリを開発する」 最終回 Rails + jQuery でAjaxを使ってみよう
最終回 Rails + jQuery でAjaxを使ってみよう 連載最終回は、RailsとjQueryを使って、Ajaxを利用したブラウザとサーバー間のデータ受け渡しについて触れたいと思います。巷では、数年前からAjaxが当たり前の技術として広まっており、読者の皆さんがAjaxに触れる機会はとても多いことでしょう。Rails3.0.xまでは、PrototypeというJavaScriptライブラリが標準でインストールされています。しかし今回は、Prototypeではなく、jQueryを利用してAjaxを実現させます。なお、Rails3.1からは、jQueryが標準となりました。 新規プロジェクトの作成 まずは、今回の記事を進めるにあたり、新しくRailsのプロジェクトを作成しましょう。プロジェクト名は「lesson05」にします。プロジェクトの作成方法については、連載第１回をご参照ください（
Rails3でAjax処理をするRails3っぽい方法 - (ﾟ∀ﾟ)o彡 sasata299's blog
2012年09月18日11:21 Ruby JavaScript Rails3でAjax処理をするRails3っぽい方法 Rails3でAjax処理するときって、このように :remote => true を指定しますよね。 = link_to 'link', ajax_path, :remote => true そうするとajax_path（この場合は ↓ のajax#sample）にAjaxリクエストが送られます。 class AjaxController < ApplicationController def sample respond_to do |format| format.html # sample.html.haml format.js # sample.js.haml end end end 通常、Ajax処理はjsとして処理されるため、sample.js.hamlがレ
rails3.2.12でjQueryでajax訓練（js.erb使う） - 初心者エンジニアのメモ帳
2013-03-16 rails3.2.12でjQueryでajax訓練（js.erb使う） RailsのAjax訓練１ Railsに関するある程度の基礎知識が固まった今、 より今風なウェブサイトの動きにできるようajaxを使って色々実装して行きたいのですが、まだまだRailsでAjaxを使う知識が足りていないので、勉強がてらまとめていこうと思います。 参考文献 Ruby on Rails 3 の Ajax いろいろ Ajax 処理で .js.erb を使う書き方/使わない書き方 #136 jQuery & Ajax(revised) RailsでのAjax 既に様々な方が調べて色々書かれていると思いますが、RailsでAjaxをつかって実装するには、大まかにわけて、js.erbのテンプレートファイルを利用する方法、それを使わないで実装する方法があるそうです。今回は、Railsによるアジャ
Rails3の form_for で Ajax をやってみた - KodaNote
一番シンプルっぽいパターンをメモ。とりあえず Ajax通信できた、というレベル。 通常の Ajax通信ではコールバックを html か js ファイルに書くと思っていたが、Rails3ではコントローラ側で js を生成してレスポンスを返すイメージらしい。 index.html.erb @tunes.each のループの中で form_for を使用しており、第一引数に tuneオブジェクトを設定している Ajax なので :remote => true とする フォームは簡単にテキストフィールドのみ。初期値を設定しつつ、リターンで変更後の値を Ajax通信として送信する レスポンスを "result" のタグに差し込む <div id="result"></div> <table class="tunes"> <% @tunes.each do |tune| %> <tr> <td><%=
フルAjaxで動くRailsアプリを作ってみたよ。 | Ginpen.com
scaffoldを使うとCRUDが揃った「土台」を一発で作れるわけですが、それをアレコレして全ての操作をAjax化してみたので、手順をまとめました。 記事を読むのがだりぃって方はソースコードをGitHubで公開してるので、そちらをご覧ください。 RubyもRailsもあんまり触った事がないので、識者によるツッコミ歓迎します。 (｀・ω・´) 概要 やること indexの画面だけでCRUD、つまり新規作成 (Create)、表示 (Read)、編集 (Update)、削除 (Delete)を行えるよう、scaffoldで作成したファイルをいじります。 結論 form_for()にremote: trueを与えるだけで、とりあえずAjax化します。あとはサーバー側のレスポンスの内容を整えて、クライアント側で適切に処理してやればOKです。 作業 下準備（scaffoldとか） indexに編集フ
ryopeko の何か
転職していました 6年半勤め続けていた前職を5月末に退職し、6月から Shippio という会社に入社しました。 Shippio | 貿易業務の可視化・効率化クラウドサービス このたび8月末で無事試用期間が終わったためご報告です。 いつも通りなら入社した日に即、各所にご報告していたのですが、今回自分の中で大きなチャレンジ(後述)をしようと決めて入社したため、このタイミングでの報告になります。 今回の転職で重要視したこと 実は2021年は体調を大きく崩し、業務にうまくコミットできていなかったこともあり、自分の中で次のチャレンジの重要性が増していました。 体調は2022年の2月頃には軽快したのですが、自分が今後どういうことができるのか、どうやっていくのか、どうなっていくのか。たくさんのことを今回の転職活動の判断基準に選びました。 その中でも以下のことをより重要視しました。 世の中にインパクトが
Tim Bray: 「URLに#!入れるな」 - karasuyamatenguの日記
Tim Bray(GoogleのAndroid応援団長)が「#!」の入ったajax用URLを使用を批判している。 http://www.tbray.org/ongoing/When/201x/2011/02/09/Hash-Blecch new: さらならる「#!」URL批判 例にtwitterのtwitter.com/#!/timbrayを挙げている。 #!の働き サーバ側は#!の前までしか見えない。上の例だとサーバはtwitter.com/のリクエストを受ける #!以降はブラウザの中のジャバスクリプトが解釈する 何故#!を使うのか ajaxのアプリは古いブラウザでは基本的にURLを変更することができない… ただし#(フラグメント)以降はブラウザ内のJavaScriptからでも変更可能 なので、ajaxアプリケーションが自分の状態をURLバーに表示するために使われるようになった。 つまり
AjaxZip 2.0
Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版） AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ
Getting Started - Making AJAX Applications Crawlable - Google Code
Getting Started This document outlines the steps that are necessary in order to make your AJAX application crawlable. Once you have fully understood each of these steps, it should not take you very long to actually make your application crawlable! However, you do need to understand each of the steps involved, so we recommend reading this guide in its entirety. Overview of Solution Briefly, the sol
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Rails3部分テンプレートとAjax化のまとめ | | Scimpr Blog
Capybara doesn't recognize dynamically added DOM elements?
Chrome ウェブストア
jquery/test/unit/ajax.js at main · jquery/jquery
