Ajax を加速する「 jQuery 」を知ってますか？ : LINE Corporation ディレクターブログ
こんにちは。「本が好き！」などを担当している根岸です。 【01】改めて、Ajax って、なんだろう？ 最近は、Ajax を使用したサイトが増えてきました。 Ajax とはブラウザ内(リロードレス)でサーバー側との非同期通信(同期可)を行い、その結果、インタラクティブ性の高いユーザーインターフェースを構築する仕組みを指します。 2005年に登場した、 Google Maps や、 Google Suggest から一気に広まりました。 Ajaxとは、そもそも「 Asynchronous JavaScript + XML 」の略です。直訳すると「非同期な JavaScript と XML」となりますが、「なんじゃそりゃ？」で すよね。 昔ながらのWebサイトは、 (A)ウェブブラウザがページのリクエストをする (B)ウェブサーバーがリクエストされたページを HTML 形式で返す という通信を、
Rails 2.0 で in_place_editor_field を使う - elm200 の日記(旧はてなダイアリー)
Chad Fowler 著「Rails レシピ」の「レシピ 01 同一画面でのフォーム編集」で取り上げられているインプレース編集機能。これは、あるレコードを変更するときに、変更画面に画面遷移することなく、その場で変更ができるという便利な機能だ。もっとも「Ajax らしい」機能の一つではないだろうか？ Rails 1.2 までは標準で in_place_editor_field というメソッドがあって、ビューの中で次のように使うことができた。 <%= javascript_include_tag :defaults %> <%= in_place_editor_field :book, :name %> この例では Book というモデルの name 属性をこの場で編集することを想定している。 Rails 2.0 になって、in_place_editor_field はプラグインに追い出され
Ajaxの弱点を補うscript.aculo.usの楽しいエフェクト
Ajaxの弱点を補うscript.aculo.usの楽しいエフェクト：パターンとライブラリで作るAjaxおいしいレシピ（4）（1/4 ページ） script.aculo.usの一歩進んだテクニック 今回紹介するscript.aculo.usは、以下のような機能を提供するAjax（JavaScript）フレームワークです。 ビジュアルエフェクト ドラッグ＆ドロップ DOM操作 オートコンプリート スライダー 単体テスト prototype.jsをベースのライブラリに使用しているので、prototype.jsとともに利用したことがある方も多いのではないでしょうか。 今回はscripot.aculo.usのエフェクト機能に焦点を絞り、より突っ込んだ使い方を紹介していきます。 ■ Ajaxの弱点を補う「エフェクト」の必要性 Ajaxを活用することで、画面全体を再描画せずに画面上の一部分のみを変更し
JavaでAjaxをやりたい人は、DWRを一度は触ってみるべきだと思う - Enjoy*Study
前にも書きましたが、DWRはすばらしいと思います。 Enjoy*Study - DWRを触ってみた GWTを使おうとしている人や、わざわざサーブレットにオブジェクト->JSONへのマッピングを書いてるような人は、一度触ってみることをお勧めします。 なにせ、ちょっとした設定だけで、JavaScriptでサーバ側のオブジェクトを直接呼べるんですよ！！サーブレットAPIなんてまったく触らなくてもどうにかなりますし。 サンプル交えて、いろいろ書きたいと思ったけど、書き始めたら朝までかかりそうな気がしたので、また今度…
ActiveScaffold :: A Ruby on Rails plugin for dynamic, AJAX CRUD interfaces
「私達はUR賃貸物件しか住まない」「子供が出来たら、絶対にUR賃貸住宅がいい」などと、UR賃貸住宅には根強いファンがたくさんいます。特に最近は、子連れ家族に大人気で どうにかしてお気に入りの物件を借りようと、競争が激化しているのです。 礼金・仲介手数料・更新料が不要という大きなメリットがあるUR賃貸住宅ですが、家族3人以上のファミリー向け住宅に人気が集中しているのには、3つの理由があるのです。 一体、どのような魅力があるのでしょうか？早速、ご紹介していきます。 ＜UR賃貸住宅が、子連れ家族に人気の3つの理由＞ 理由1、間取りに対する専有面積が広い＆面白い間取りが多い UR賃貸住宅は、一般的な賃貸住宅に比べて1つ1つの空間がとてもゆったりしています。 ですから、一般の賃貸住宅と同じ間取りでも専有面積が広いので圧迫感がないのです。また間取りを見ると子連れ家族に嬉しい収納スペースがきちんと確保さ
Greasemonkey: prototype.jsでクロスドメインAjaxを可能にする - Accept Things
以前、「Greasemonkeyでprototype.jsやscript.aculo.usを使う方法」を紹介しました。しかし、Greasemonkey内でprototype.jsが利用できるようになった恩恵を十分に受けられていませんでした。つまり、Greasemonkeyで提供されているGM_xmlhttpRequest()が可能にする「異なるドメインとの非同期通信」からの恩恵です。そこで今回は、Greasemonkey内で使えるようになったprototype.jsをさらにパワーアップし、クロスドメインAjaxができるようにしてみたいと思います。 問題 厄介な問題は、GM_xmlhttpRequest()はFirefoxやInternet Explorerなどで提供されているXMLHttpRequestとインタフェースが全く違うということです。 GM_xmlhttpRequest()は単な
jQuery 開発者向けメモ - 基本・サンプル
基本 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです． 独自のXPATH/CSSセレクタを利用することで，多くのDOM操作を非常に簡単に書くことが出来ます． JavaScriptのDOM操作や，XMLHTTPRequest，XMLの操作などを覚えなくとも， Ajaxを利用したインタラクティブなページを作ることが出来ます． 以下のサンプルを見れば，JavaScriptらしい表記をほとんどする必要がないことがわかると思います． toggleサンプル 特定のブロックの表示・非表示を切り替えるのは以下のようなコードになります． $("#target_toggle").toggle("slow"); このブロックは，<p id="target_toggle"> です． Ajaxサンプル Ajaxでhello.htmlをロードするのは以下のようなコ
jQuery 開発者向けメモ
jQuery 開発者向けのメモです． ずっと以前に，jQuery に関する日本語の情報がまだ少ない頃に作ったページですが， その後 jQuery を再び利用する機会があったので，最新バージョン向けに記述を更新しました． 住宅ローンシミュレーションです． jQueryを利用したフォームの動的な追加や，flotプラグインによるグラフ描画などを行っています． 本ページの記載に間違い等見つけた方はブログのエントリまで連絡いただけるとうれしいです． 最終更新：2009/1/10 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです． 独自のXPATH/CSSセレクタを利用することで，多くのDOM操作を非常に簡単に書くことが出来ます． JavaScriptのDOM操作や，XMLHTTPRequest，XMLの操作などを覚えなくとも， Ajaxを利用したイ
無償版含むFlex 2登場、「アドビに1円も払わず本格的Webアプリを開発」 ― ＠IT
2006/6/30 アドビシステムズは6月29日、Flashベースのリッチクライアント・アプリケーションを開発できる製品群「Adobe Flex 2」と、クライアントの「Adobe Flash Player 9」を発表した。Flex 2は、無償の開発ツール「Adobe Flex 2 Software Development Kit」（Flex 2 SDK）をラインアップに追加し、デベロッパの大量獲得を狙う。英語版のダウンロード提供は同日開始。日本語版、パッケージ製品は8月下旬に販売開始予定。 無償提供するAdobe Flex 2はコマンドラインでコードを書く開発ツール。FlashベースのWebアプリケーションを開発するためのフレームワーク、クラスライブラリ、コンパイラ、デバッガが付属する。ActionScript 3に対応。米アドビのエンタープライズ＆デベロッパー ビジネスユニット担当 シ
政策的にEXCELからWikiへの置きかえを誘導せよ! - アンカテ
日経 PC 21 とかいう雑誌の中吊り広告で、 万能エクセルでワープロ要らず! とかいう強烈な特集を見つけてしまいました。頼むから、Excelをワープロ代わりにするの止めて欲しいです。パソコン音痴のオジさん社員に変なこと教えて、後ろ盾しないで欲しいです。 プレインテキストでメールすれば済むことなのに、もったいぶってExcelのファイルが添付されてきて、中を見たらスプレッドシート上にテキスト枠が一つ貼られていて、そこに今週の予定が箇条書きされていた、なんてことは日常茶飯事です。 これ、よくわかるなあ。我々の業界でも仕様書をExcelで書く人が多くて困っている人も多いみたいだし。 前にもXOOPS上のWikiでEXCELを駆逐できないかという記事を書いたことがあるけど、Excelにかけているエネルギーの10分の1でも使えば、普通のオフィスの業務なんて、楽々Wikiでこなせそうな気がする。 つい
Live Dwango Reader
livedoor Readerサービス終了のお知らせ 2014年12月をもちまして、LINE株式会社が提供するlivedoor Readerの運営を終了しております。 長きに渡りご愛顧をいただきまして、誠にありがとうございました。 livedoorホームへ戻る
Ajaxでタブインタフェースを実現するためのライブラリ:phpspot開発日誌
havocStudios: Ajax tabs CSS Tabs seem to be all the rage with the kids these days. I love the idea of them. It seems that the most popular method of creating tabs using CSS is the Sliding Doors method. They seem to look the coolest and are very easy to implement. However, they're so... static. Ajax Tabsを使えば次のようなCSSベースでデザインされたタブインタフェースの部品が簡単に作れます。 Ajaxを使ってタブが更新されるため、各タブ内のページ(HTML)は独立したファイルにすることが可能で
voo2do - Login
Today I’m announcing the shutdown of Voo2do, the to-do list web app I first launched in 2005. I’ve been neglecting the site for a few years, and at this point its limited usage no longer justifies the effort of proper upkeep. Current users have until April 28, 2020 to use the site and access their data. Details and suggestions for saving a copy of your Voo2do data are below. I want to thank everyo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Spinelz - JavaScript libraries
prototype.js で定期リロード - まちゅダイアリー (2006-11-18)
prototype.js リファレンス
GIGAZINE - オーバーレイ効果を作り出す軽量スクリプト「iBox」
スムーズなスライドショーを実現するスクリプト: Recently Ajax
lab.rails2u.com
Railsと相性抜群のAjax