タグ

JavaScriptとajaxに関するocelotinsummerのブックマーク (42)

  • DevGuru XML DOM HttpRequest Object

    The HttpRequest object (Microsoft.XMLHTTP) can be used by a client to send an arbitrary HTTP request, receive the response, and have that response parsed by the Microsoft XML Document Object Model. This object is integrated with MSXML to support sending the request body directly from, and parsing the response directly into, the MSXML DOM objects. Combined with the support for XSL, this compon

    ocelotinsummer
    ocelotinsummer 2006/03/11
    HttpRequestのリファレンス?
  • Hawk's W3 Laboratory : XML : XMLHttpRequestについて

    ocelotinsummer
    ocelotinsummer 2006/03/11
    サンプルプログラムが非常に参考なります。
  • 【Google】 Google Suggest 徹底解剖 (日本語訳)-Yong risk taker.

    社内ブログで書いてた記事をコピペ。 Ajaxのサンプルアプリケーションを作ってみました。テキストフィールドに郵便番号を入力しフォーカスをはずすと、自動的に住所が読み込まれるというものです。これは当にシンプルなAjaxという概念を使ったWebアプリです。 しかしこの先に、Google SuggestやGoogle MapsやGmailがあります。初めてこれらに触れたときの衝撃は大きかったです。しかしそれらのテクノロジーの全貌も少しづつ明らかになってきました。 今回作成してみて、「遅い(郵便番号のデータは14万レコード)」「どういった形式でデータを受け取るのかベストか」など考えることが多かったので、色々と調べてみました。 Google Suggeest Google Suggestについての説明はここでは省略します。 で今回取り上げたのがこのブログ Google Suggest

  • How to include the RSS feed into the web page.

    RSSフィードをウェッブページに埋め込む方法 Legacy Web Managerなどを使ってRSSフィードを提供しているならば、トップページの更新情報欄、所謂What's Newは自動で生成したいものです。 こういう場合、基的にはcgiを使う方法が一般的でしょうが、ここではcgiを設置できない人のために、一般公開されているcgiを使わせてもらう方法と、cgiを使わずクライアントサイドで表示させる方法を幾つか紹介します。 ちなみにこれらは全て、最終的にはJavascriptによりクライアントのブラウザ上で展開される方法ですので、WWWCやWWWD等のようなHTTPプロトコルによる更新チェッカには、更新として認識されません。(静的なRSSを公開しているわけですから、そのRSSの更新をチェックしてもらえば良いというだけの話ではありますが。) rss-jpのcgi 基的はこれがお奨めです。た

  • [ajax] JKL.ParseXML/ajax通信処理ライブラリ

    Kawa.netxp [ajax] JKL.ParseXML/ajax通信処理ライブラリ JKL.ParseXML クラスは、サーバ上の XML 形式ファイルをダウンロード~解析して、 JavaScript オブジェクト(配列やマップ)に変換するライブラリです。 複雑な DOM 操作なく簡単なスクリプトで XML 形式ファイルを扱えるため、 Amazon など XML を出力する既存の Web サービスや、 CGI と連携することで ajax ページを手軽に構築できます。 IE・Firefox・Opera・Safari のクロスブラウザに対応しています。 XML を JSONのように手軽に扱える他、 JSON/CSV/LoadVars 形式ファイルなどのテキストファイルも利用可能です。 安定版アーカイブ: jkl-parsexml-0.22.tar.gz TAR.GZ jkl-parsex

    ocelotinsummer
    ocelotinsummer 2006/03/11
    XMLをJSON形式に変換してくれるライブラリ
  • 最速インターフェース研究会 :: [Ajax] JSAN構想とリモートデータの取得とUserJavaScript

    通常、JavaScriptを使って動的にデータを読み込む際には、データソースが同一ドメイン上にある必要があります。 XMLHTTPRequestを使う場合でもIFRAMEを使う場合でも同様です。 ですが、scriptタグを使う場合に限り、ドメインの制約を受けずにデータを取得することが出来ます。 検索結果をページに貼り付けるJavaScriptなどでよく使われる方法ですが、これを応用して、外部ドメインに置いてあるライブラリやデータを動的に取得するというアプローチを考えています。 同じようなことを考える人はいるもので、CPANのJavaScript版、JSANという構想がuse Perlにポストされています。 http://blog.bulknews.net/mt/archives/001649.html で、先月からずっとライブラリばかり作ってたのですが、 一応、問題なく動くレベルまでは来て

    ocelotinsummer
    ocelotinsummer 2006/03/11
    スクリプト内なら別ドメインからデータ取得可能
  • Ajax : 勉強用サンプル&解説

    ■Ajax : 勉強用サンプル&解説 Ajax (Asynchronous JavaScript+XML) がどのようなものか勉強用としてページやサンプルを作成しましたので参考にしてみてください。 最終更新日:2017/12/16 AM 9:27 Ajaxを勉強しよう jQuery入門 【短期集中連載】この冬作ろう!jQueryプラグイン講座 上のjQueryプラグイン講座の続き 【第13回を追加】 Yahoo UI Library入門 WebDesigning掲載サンプル マイコミジャーナル記事 (Ajax関連) Ajax エフェクト Ajax関連書籍一覧 Ajax ライブラリ一覧 Webサービス APIサイト一覧 Ajax ライブラリリファレンス Prototype系ライブラリ サンプルプログラム 逆引きAdobe Spryリファレンス Google Maps API リファレンス G

  • 最速インターフェース研究会: Amazon最速検索を作ってみた

    デモここから。 http://la.ma.la/misc/aws/demo.html 説明書はこれ。 http://la.ma.la/misc/aws/ -IE6、Firefox、Opera8で動作確認しています -Safariではスクリプトの動的ロードが出来ない関係で、動きません。 -IFRAME内にパラメタ渡したCGIでscriptタグ生成とかやれば出来ないことも無さそうだが面倒なのでパス。 このエントリで書いた http://la.ma.la/blog/diary_200504140039.htm >検索エンジンがJavaScriptで検索結果を出力するインターフェースを備えていれば、CGIが使えないサーバーでも、クライアント側の制御だけで動的に検索結果を読み込むことができるようになります。 この理論を実際に実践してみた、といったところです。 Ajaxというよりむしろ、ブラウザベース

  • del.icio.us direc.tor: Delivering A High-Performance AJAX Web Service Broker :: Johnvey

    projects / del.icio.us direc.tor: Delivering An AJAX Web Service Broker June 20, 2005 What is it? del.icio.us direc.tor is a prototype for an alternative web-based rich UI for del.icio.us. It leverages the XML and XSL services of modern browsers to deliver a responsive interface for managing user accounts with a large number of records. The main features are: In-browser handling of del.icio.us boo

    ocelotinsummer
    ocelotinsummer 2006/03/11
    タグの検索がすごくやりやすい
  • Escape Codec Library: ecl.js

    日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。

    ocelotinsummer
    ocelotinsummer 2006/03/11
    文字コード変換ライブラリ
  • @IT:古くて新しいAjaxの真実を見極める

    Ajax推進委員会 監修:ゼロベース 2005/8/2 2005年2月半ばから、「Ajax」という言葉がアルファギークたちの間で一気に広まった。「Webインターフェイスの新しい手法」「画期的なWebアプリケーションの仕組み」であるとして開発者たちの人気を集めるAjaxとは何なのか、その真実を見極めてみよう。 Ajaxとは「Asynchronous JavaScript and XML」の略で、Webブラウザでの表示部分を含めたWebアプリケーションの作り方を指す名前だ。具体的にはXML形式のデータをJavaScriptで処理することで、ブラウザのHTTPによるページ遷移とは非同期にサーバとやりとりして「動的に」ページ内容を変更する仕組みを指す。 Ajaxを実現する詳細なコード例は後述するとして、まずはAjaxが実現するWebアプリケーションがどのような動作をするのか、既存のWebアプリケー

  • del.icio.us JSON feed dynamic loading demo

    Function.prototype.bg = function(ms){ this.PID = setInterval(this,ms); return this; } Function.prototype.kill = function(){ clearInterval(this.PID) } String.prototype.onReady = function(func){ var str = this; return function(){ try{ eval("var res=("+str+")"); if(res){ arguments.callee.kill(); func() } }catch(e){ } }.bg(10) } function load(user){ "Delicious.posts".onReady(feed_onload); var s = docu

  • Webアプリのユーザビリティを改善しまくるAjax ― @IT

    Ajax うきうき Watchでは、Ajaxを使ったWebアプリケーションやサービス提供者、ベンダの動向から「うきうきするような」面白いもの、確実に押さえておきたいものを厳選してお届けしていきます。 Ajax、それはWebアプリケーションのユーザビリティを改善する切り札である。古い技術を組み合わせ、魔術のごとく生まれ変わった新しいファッションである。 今回より、なるべく密に、Ajaxの動向をウォッチングしていきたいと思う。 基的には、新しい話題を中心に、厳選した面白い話題を提供していきたいと思うが、今回だけは初回でもあり、これまでのAjaxに関する話題から面白いもの、確実に押さえておきたいものをピックアップしてみたい。 なお、ここでは主に日語で読める情報について取り上げていく。ただし、特に重要なものについては、英語の情報を扱う場合がある。 Ajax: Web アプリケーション開発の新し

  • prototype.js でデザインパターン - Iterator

    Ruby on Rails や Catalyst のプラグインなんかでは prototype.js という JavaScript のライブラリを使って、Ajax サポートを実現しています。prototype.js とフレームワークが必要な Ajax の JavaScript コードを吐き出してくれるので、Ruby プログラマや Perl プログラマは JavaScript の実装を意識しなくても Ajax なインタフェースが作れる、という風になっています。 こんな感じで prototype.js は Ajax な部分に注目が集まっていますが、ほかにも "Class-style OO" なフレームワークも内包してます。 JavaScript はプロトタイプベースのオブジェクト指向言語で、C++Java のようなクラスベースのオブジェクト指向言語とはちょっと実装が異なります。プロトタイプ

    prototype.js でデザインパターン - Iterator
    ocelotinsummer
    ocelotinsummer 2006/03/11
    プロトタイプベースのオブジェクト指向
  • 作って理解するAjax (3):IT Pro

    図1 インクリメンタル検索を実現<br>作成したサーバーCGIプログラムを使ってインクリメンタル検索する様子。計画通りに稼働しているのが分かります。 前回は,インクリメンタル検索を実現するAjaxアプリケーションのクライアント・サイドの実装を紹介しました。今回は,サーバーとして稼働するCGIプログラムを作成します。このCGIプログラムは,クライアントから送られてきたクエリーに基づいてテキストを検索し,その結果を返送します。Ajaxアプリケーションは通常のWebアプリケーションに比べて,サーバー・アクセスが増加しがちです。このためサーバーをいかに効率よく実装できるかが,サービスを快適に提供できるかどうかを左右します。サーバー負荷を下げる手法についても考えてみましょう。 テキスト検索にsaryを使用 みなさん,テキスト検索といえばどんな方法を思いつくでしょうか。単純なところではgrepコマンド

    作って理解するAjax (3):IT Pro
  • Ajaxを勉強しよう

    このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章 Ajaxって? AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja

  • 満足せる豚。眠たげなポチ。:2005年の技術的なトレンドに乗り遅れないための5つのテーマ

    年の暮れだからこそ、今年の技術的なトレンドへ乗り遅れないように復習をしたいもの。 Web2.0が脚光を浴びた2005年。とりあえずこの5つの分野から苦手分野をきっちり潰していきたいと思います。(多分にぼくの偏見と苦手分野の重視が影響している点はご了承ください。) Ajax Ruby on Rails HTML/CSS Javascript 正規表現 ということで、おすすめの書籍やサイトを総括。 Ajax 2005年はこれしかないでしょう。も杓子もAjaxと連呼した年でした。 Ajax: Web アプリケーション開発の新しいアプローチ http://antipop.gs/docs/translations/ajax.html これがなくちゃ始まらないですから。 Ajaxの質、「非同期メッセージ型ウェブ・アプリケーション」のススメ http://satoshi.blogs.com/life

  • Hawk's Laboratory » prototype.js 1.4.0を読む:prototype.js___base.js

    このドメインを購入する。 hawklab.jp 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

  • xml2json.cgi - ドメインを超えてXMLを読みこむ [tech.nitoyon.com]

    Ajax の弱点は別ドメインのページを取得できないこと。そんな制限を取っ払って、別ドメインの XML を取得できる CGI を作ってみました。 使い方 XMLファイルの例: <?xml version="1.0" encoding="UTF-8" standalone="yes"?> <items> <item> <jcity>千代田区</jcity> <jlocal>千代田</jlocal> <jpref>東京都</jpref> <pref_cd>13</pref_cd> <zip_cd>1000001</zip_cd> </item> </items>

    xml2json.cgi - ドメインを超えてXMLを読みこむ [tech.nitoyon.com]
  • suggest.js - 入力補完ライブラリ

    Japanese / English JavaScriptで入力補完を手軽に行うためのライブラリです。 (【お知らせ】ver2.0からprototype.jsを必要としなくなりました) 下記のような機能を持っています。 入力内容をもとに検索を行い、補完候補を表示します。(Google Suggestぽく) Ajaxでは無く、初回画面表示時のみデータの読み込みを行い、それ以降は、クライアント側で対象データから検索します。したがって、入力内容に変化があってもサーバ側にアクセスすることはありません。 検索は、前方一致/部分一致、大文字と小文字の区別あり/なしといったように、オプションで簡単に指定できます。また、その他にも様々なオプションが指定可能です。 検索結果の表示上限を指定できます。(デフォルト上限20件) 補完候補はキーボードの上下と、マウスにて選択できます。また、キーボードで選択中にES