RJSなら数行のRubyコードでAjaxアプリを作成できる
RJSなら数行のRubyコードでAjaxアプリを作成できる：Ruby on RailsのRJSでかんたんAjax開発（後編）（1/4 ページ） ほんの数行のRubyコードで、Ajaxアプリケーションを 今回は、前回の「かんたんAjax開発をするためのRuby on Railsの基礎知識」に引き続き、Ruby on Rails（以降、Rails）が提供するRJSを使用したAjaxの開発の仕方について解説しています。 まだRailsを使ったことがない方でも大枠の理解ができるように、前回はRuby言語やRailsの基本部分を解説しました。後編である今回はいよいよ本題のRJSの解説をメインに進めていきます。RJSを利用すれば、ほんの数行のRubyコードを書くだけで、非常に簡単にアプリケーションをAjax対応できることを解説していきます。 もう一度、サンプルをおさらい 今回のサンプルプログラム（拡大
AIRS Labs: Ajax on Rails(RJS)のCheat Sheetをつくってみた
加藤です。 先月購入したオライリーのAjax on Railsがあまりにも使えるので、小脇に抱えてこれでもかというぐらい使い倒しています。でも本だけだとやっぱり足りない部分があり、本とリファレンスとコードの三角読み状態もきつくなってきたので、簡単なチートシートをつくってみました。 せっかくなので公開しますが、自分用にサクッとつくったので間違いがあるかもしれません。見つけたらぜひ教えてください。 <iframe src="http://rcm-jp.amazon.co.jp/e/cm?t=airs-22&o=9&p=8&l=as1&asins=4873113326&fc1=000000&IS2=1<1=_blank&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" marginwidth="0" frameborder="0" marginheight="0
マウスで握って並べ替える。 - ザリガニが見ていた...。
リストの順番を自由に並べ替えたい。こんな時、Railsにはヘルパメソッドsortable_elementがある。このメソッドを1行追加するだけで、マウス操作でドラッグして並べ替えが可能になる。但しいくつか注意することがある。それを知らないために、思うように動かず遠回りしてしまったので、忘れないように自分用のメモ。まずは以下のように使ってみた。 利用環境 MacBook Rails 1.1.6 scriptaculous-js-1.7.0 必要最小限の基本動作を確認 <%# view %> <%= javascript_include_tag :defaults %> <ul id='sort'> <li id='item_1'>item_1</li> <li id='item_2'>item_2</li> <li id='item_3'>item_3</li> </ul> <%= sort
ふかくていWicket第３夜 on Rails - idesaku blog
盟友ティッシ卿が、かの連載によってこの世界に対してすばらしい貢献をしているというのに、こちらはそれを享受するだけでよいのだろうか？ そういうわけで、俺も書こう、比較対象を。というわけで、ふかくていWicket第３夜の内容をRuby on Railsで実装してみることにした。これまでAJAXは軽視してきているので、まともに書いてみたことが無い。勉強半分。 準備 RoRはもう使えるという前提。モデルは使わないから、DBいらない。 プロジェクト作成 $ rails piyo_rails (なんかいっぱいできる) $ cd piyo_rails 日本語環境向け設定 config/environment.rbのトップに次の一行を追加する。 $KCODE = 'utf8' app/controllers/application.rbを次のようにする。 この設定だと、AJAXを使ったアプリケーションを作
in_place_editorのハイライトを制御する。 - ザリガニが見ていた...。
些細なことだが、以前から気になっていたのだ...。in_place_editorの上にマウスを乗せた時、ハイライトして、消え行く最後の色を。もう少し詳しく説明すると、in_place_editorでは、以下のような状態変化を確認出来る。 マウスカーソルがin_place_editorの上に乗ると、その文字列の背景色がピカッと黄色く光る。 マウスカーソルがin_place_editorの上に滞在している間は、背景色の黄色はその状態で維持される。 マウスカーソルがin_place_editorから離れると、文字列の背景色が次第に薄れて行く...。 3番目の「背景色が次第に薄れて行く」ところが問題で、実は「薄れて行く」のではなく、「白(#ffffff)に変化して行く」というのが正しい表現だ。今まで背景が白い時は気にならなかった。（同じ白に変化して行くので、薄れて行くように見えたのだ。） ところが
:type => :synchronousで処理中はブラウザをロック - ザリガニが見ていた...。
link_to_remoteなどによるajaxリクエストは、通常、非同期で処理*1される。ところが、:type => :synchronousオプションを設定することで、同期処理*2になることを知った。 :type => :synchronousを設定すると、asynchronous:falseに展開される。（指定が無い場合は、asynchronous:trueに展開される。） 送信ボタンをクリックすると、処理が完了するまでボタンが押されたままの状態が続き、マウスやキーの操作を受け付けなくなる。 <%= form_remote_tag :update => 'default_update', :submit => 'default_params', :url => {:action => 'update_preference'}, :type => :synchronous %> 上記ヘル
in_place_editorの機能拡張 - ザリガニが見ていた...。
今まで、InPlaceEditorを導入しているにもかかわらず、通常のEditリンクを残していたのは、InPlaceEditorの挙動を完全にコントロールできないで悩んでいたからである。解決したい問題は以下の2点。 htmlエスケープの処理方法 現状では、＜h1＞abc＜/h1＞という文字列を素直に編集することが出来ない。以下のような状況。 loadTextURLオプションで、htmlタグを含む文字列を渡すと、編集モードでは、タグ部分は削除されて表示される。（→ abc） かといって、文字列を渡す前にhtmlエスケープ処理して渡すと、エスケープされた見慣れない文字列を見ることになる。（→ ＆lt;h1＆gt;abc＆lt;/h1＆gt;） ブランク項目に対する入力方法 現状では、externalControlオプションでid属性を指定したマークをクリックすることで実現している。しかし、以下
in_place_editorを使ってみる。 - ザリガニが見ていた...。
今の状態では、CSVリストをフィルターで絞り込み、属性変更の編集ページに移動して、再びCSVリストページに戻ってきた時に、フィルターは解除されてしまう。もう一度同じCSVファイルを見つけるのにフィルターを再設定する必要があり、フィルター条件が複雑だったりすると手間がかかる。そこで考えたのが、ページを切り替えるまでもなく、同じページで修正してajax更新すれば良いのではないかということ。（属性の変更可能な項目はコメント、編集可能フラグ、管理部門のたった3項目だけなので。） それを実現する方法を調べてみると、Railsでは、in_place_editorをとてもシンプルに利用できるヘルパメソッドが存在する。in_place_editorを使えば、編集したい文字列をクリックすると、その部分だけが入力フォームに変化して、その場で編集することが可能になる。初めて体験した時は、なんだかとても斬新な機能
in_place_collection_editorのインストールと利用 - ザリガニが見ていた...。
前回、in_place_editorを利用して、直接、リストページのコメント欄を編集可能になった。しかし、in_place_editorがサポートするのは、テキストフィールドだけ。その他の入力フォーム（チェックボックス、ラジオボタン、プルダウンリスト等）を同じような効果を利用して表示したい場合は、どうすれば良いのだろう？ 調べているうちに、in_place_collection_editorの存在を知った。これを利用すれば、クリックするとプルダウンリストから選択可能になる。プラグインとしてsubversionを利用してダウンロードできるが、自分の環境で思い通りに利用できるようになるまで多少の修正や試行錯誤があった。以下はin_place_collection_editorをCSVサーバープロジェクトで利用するまでの経過。 チェックボックスやラジオボタンで選択可能になるin_place_co
並び替えの処理中にクルクル回るイージケーターを表示する。 - ザリガニが見ていた...。
結構、憧れていたのだ...。ajax_scaffoldで、処理中にクルクル回るイージケーターに。 最小限の機能で並び替えを実装 まずは必要最小限の機能で、並び替えを実装してみた。まだ、並び替えの方向や、対象列の強調表示などのフィードバックは何もなし。 列タイトルのリンクをクリックすると、その列をキーに並び替える。 同じ列タイトルを繰り返しクリックすると、並び替えの方向を反転する。 <%# ---------- app/views/csvs/_listh.rhtml ---------- %> <tr> <% for title in @column_titles %> <% sort_direction = (params[:sort_field] == title) ? @next_direction : 'sorted' %> <th> <%= link_to Csv.human_at
Now loadingボタンを表示させたい --- xibbarの日記
何秒かかかる若干重い処理をAjaxでする場合に、 反応が全くないのは不安になります。 バックグラウンド処理をしている間にNow Loading ! なアイコン でもあるといい感じです。 まず、link_to_remoteでnowloadingコントローラを呼び出し、 そのrjsからshoriコントローラを呼び出すこととします。 最初にリンクボタンと処理結果を用意します。 まず、処理ボタンと結果を入れる部分を用意します。 <%=link_to_remote "重い処理",:url=>{:action=>"nowloading"}%> <div id="result"></div>nowloadingコントローラの中は空です。 def load_generate_all_ajax end nowloading.rjsはnowloading.gifボタンを表示し、 実際の処理部分のコントローラを
ヽ( ・∀・)ノくまくまー(2007-03-18) - Rails勉強会@東京#16
● [Rails] Rails勉強会@東京#16 [前半: RSpec] 前半は RSpec にアンチ役として参加。 Test クラスに縛られない自由な感じはいい 3通りのデリミタ(スペース、アンダーバー、ドット)が混在してる and_return とか本当に読みやすいのかと小一時間 アンダーバーの制約は主義でも体系でもなく、Ruby の言語的な制限(予約語: and, or, not) Rails に標準添付されれば敷居はさらに低くなる☆カナ 最新版では "specify" の後のラベルをテストコードから生成してくれるらしいよ Cool!! 将来の表記法を勝手に予想するスレ context "Maiha has gone" do target "Berryz" do setup do @berryz = Berryz.current end should {be kind_of(Berr
The rise of no-code platforms | AppMaster
No-code development is a technique that allows users to create programs without writing any line of code. It is a form of visual programming based on the drag & drop visual builder. Short HistoryThe phenomenon of no-code, which just recently has become trendy, actually began its development back in the 90s. The first innovative no-code tools were the Dreamweaver, which is still produced by Adobe,
ヽ( ・∀・)ノくまくまー(2006-01-14)
● [Rails] IPE (In Place Editor) In Place Editor は表示された項目をクリックすることで、そのまま編集モードに移行してしまう Ajax の便利機能です。SoftwareDesign(2005-12) やsecondlife さんのページの TODO デモを見て衝撃を受けた人も多いでしょう。controls.js に含まれていますので、 new Ajax.InPlaceEditor( element, url, [options]); と直接 JavaScript を記述して利用することもできますが、Rails ではヘルパが用意されていますのでそちらを利用してみます。
Home - Cody Fauser
In the United States there are about 48 million people who have some degree of hearing loss according to research performed by Fairway Hearing, although many find it difficult to recognize it. "People are often embarrassed about losing their hearing because they see it as a sign ... View Post In the United States there are about 48 million people who have some degree of hearing loss according to r
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービス終了のお知らせ
Venostech.com
ajaxscaffold.com
IBM Developer
IBM 境界を越える: Ajax on Rails - Japan