2008年8月1日 Ruby on Rails + jQuery + Ajax で動的にページの一部を更新する 例えばTwitterでブラウザからつぶやきを投稿すると、ページを再読み込みしないで投稿したつぶやきだけが動的に追加されます。 あんな感じの処理をRails + jQueryで書いてみたので、... 続きを読む
Ruby on RailsのRJSでかんたんAjax開発(前編) 〜パターンとライブラリで作るAjaxおいしいレシピ(出前編)〜 かんたんAjax開発をするための Ruby on Railsの基礎知識 志田裕樹 株式会社アークウェブ 2008/8/25 ■ ActiveRecordを使ったデータの取得 show()ア... 続きを読む
サインインしたままにしてください。 「送信する」をクリックすることにより、お客様は developerWorks のご使用条件に同意したことになります。 ご使用条件を読む。 developerWorks に初めてサインインすると姓名と developerWorks に登録した際に特定したディ... 続きを読む
今回の連載は、プロフェッショナルな執筆陣が多忙につき、Ruby on Rails しろうとの高木宏が最近夢中の RJS について書きます。 いつもの heavy なものとは違って内容がありませんが、ちょっと休憩ということで、ご勘弁いただき、RJS の紹介と適用例の下手なコ... 続きを読む
scaffoldを使うとCRUDが揃った「土台」を一発で作れるわけですが、それをアレコレして全ての操作をAjax化してみました。 RubyもRailsもあんまり触った事がないので、識者によるツッコミ歓迎します。 (`・ω・´) 概要 やること indexの画面だけでCRUD、つまり新... 続きを読む
--------------------------------------------------------------------------- ABOUT --------------------------------------------------------------------------- LiveValidation is a small javascript library for performing validations, and also to... 続きを読む
Sleek Design Superhero is here to save the day and gather the best tutorials and articles on web development and design. Posted on Aug 17 in Ruby on Rails, Tutorials, jQuery | (32) Comments In this post you will see how to do client side vali... 続きを読む
Free Web Resources Everyday - WebResourcesDepotValidating forms as users type is a nice feature for users, it lets them see when they make a mistake. An ajax live form validation library, LiveValidation is not only a form validation library, ... 続きを読む
連載:jQuery逆引きリファレンス 【Ajax編(後編)】 Ajax通信前に行うべき処理を定義するには? − $.ajax(options)[beforeSend] − 山田 祥寛(http://www.wings.msn.to/) 2010/07/30 $.ajaxメソッドでは、beforeSendパラメータにコールバック関数を指定する... 続きを読む
HTTP通信でページを読み込む。 これはjQueryの初歩的なAjax通信の実装方法である。これより高度な実装に関しては$.getや$.postなどの章を参照すること。 こちらの方が実装も理解も簡単である。 エラー時のコールバック関数を指定するなどの複雑な機能は持たせな... 続きを読む
Webベースの日本語入力サービスです。海外からでもブラウザさえあれば日本語を入力す ることができます。 特別なソフトは必要ありません。 使い方 お使いのコンピュータの日本語入力を切りかえて直接入力にします。 Alt-o (Ctrl-9) で Ajax IMEモードに変更しま... 続きを読む
アークウェブ株式会社 志田 裕樹 2008/3/3 今回は「jQuery UI」のより進んだ活用例 ■ jQueryのプラグイン「jQuery UI」とは? 今回紹介するjQuery UIは、JavaScript(Ajax)フレームワークjQueryのプロジェクトがjQuery用に開発している、以下の機能を提供する... 続きを読む
Flexigrid は先の例でみたように、HTML にハードコードされたスタティックなデータに適用することもできます。 しかしながら、AJAX で後からデータをバインドするところに特に強みがあるといえます。 ここでは Flexigrid とバインド可能なデータ構造について、... 続きを読む
What is it? Lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content. Similar in concept with the Ext Grid only its ... 続きを読む
Forces Ajaxian applications make heavy use of Javascript. Richer browser behaviour means more script code must be downloaded. Downloading Javascript has a performance impact. Interaction cannot fully begin until all initial Javascript has bee... 続きを読む
Forces The state of many web applications is inherently volatile. Changes can come from numerous sources, such as other users, external news and data, results of complex calculations, triggers based on the current time and date. HTTP requests... 続きを読む
with ajaxwhois you can type a domain name and its availability will appear instantly. You may or may not append an extension to your domain name (ex: .com). If none ... The ease of use, rich and intuitive scheduling solution offered by Google... 続きを読む
Forces Ajax applications require browser-server communication. User-generated information must be uploaded and new server information must be downloaded. Because Ajax applications should have a smooth and continuous feel, browser-server commu... 続きを読む
Mini-FAQ Huh? These are a bunch of demos to illustrate the Ajax patterns and the book, Ajax Design Patterns by Michael Mahemoff. The Ajax patterns are design guidelines summarising the lessons people have been learning while experimenting wit... 続きを読む
Call with Body and Optional URL variables: Sends aribtrary content in the body. A sample URL variable is also appended to the url as cgi variable, although it should usually be left null in practice. Dish: Recipe Body Type: Recipe: <ul> <li>F... 続きを読む
AjaxPatterns.org began as a collection of design patterns, which formed the basis of the book, Ajax Design Patterns, and grew into a publicly editable wiki on anything and everything Ajax. All pages (except this homepage) are now editable, no... 続きを読む
Changing favicon dynamically (FF/Opera Only?). FAQ below. To see the favicon change in a background tab, try the animation demo. 1. Type a letter. Hold shift key to change title as well (Firefox). 2. Look up. Favicon has changed. FAQ What's F... 続きを読む
Software As She’s Developed Mahemoff’s Podcast/Blog - Web, Programming, Usabilty from the Author of ‘Ajax Design Patterns’ (AjaxPatterns.org) Favicons should ideally be easy to manipulate, as easy as manipulating the web page's UI. (Favic... 続きを読む
rails3, jquery6月末くらいからRailsを触り始め、ようやく慣れてきたと思ったらRails3が出て涙を流してるのがおれです。そんなわけで会社のプロジェクトをRails3で書きなおしてます。 Rails2時代Rails2時代のAjaxのリクエストは、link_to_remoteを使えば問題あ... 続きを読む
Ajaxを使うためにはページ内リンク (hash fragment=URLの#以降) を使うのが一般的 hash fragmentはサーバに送信されないから、JavaScript非対応のブラウザだと動作しない 特にサーチエンジンのクローラ等で問題になる*1そこで Google は、#! が含まれる URL を ... 続きを読む
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 crawl... 続きを読む
ITmediaの記事 Fortify、Ajaxのセキュリティ問題に警鐘 によれば、Fortify Software社が12種類(13バージョン)のAjaxフレームワークを調査したところ、「JavaScript乗っ取り」という特定の脆弱性について対抗策を講じていたものがひとつしかなかったという。この... 続きを読む
AJAXのXMLHttpRequestオブジェクトからの要求(HTTPリクエスト)なのか,通常のWebブラウザによる要求なのかをサーバサイドで判定(判別・区別)する方法. ホームページ制作(東京・埼玉・群馬) ワンランク上のホームページ制作会社。30万円以上の予算があれ... 続きを読む
Provides functionality for working with JavaScript in your views. Ajax, controls and visual effects For information on using Ajax, see ActionView::Helpers::PrototypeHelper. For information on using controls and visual effects, see ActionView:... 続きを読む
http://www.onlamp.com/pub/a/onlamp/2005/06/09/rails_ajax.html の 日本語訳です。 訳者の私見が入りまくりですが、気に入らない場合は消してください。はい。ちなみに大括弧内は訳者の感想です。 by Curt Hibbs[懐かしいな] 06/09/2005 translated by speaki... 続きを読む