【中級】Web開発の新手法Ajax 第1回
Webアプリケーションは，クライアントからサーバーに要求を送信し，その結果をブラウザ内に表示するという流れが一般的だ。それに対してAjaxでは，ページの一部だけを差し替えたり，マウスの移動をきっかけにコンテンツを動かせたりする。そうしたメリットがある一方で，標準外の技術を利用するのでWebブラウザの種類に依存してしまう。 Webアプリケーション開発の新手法として注目を集める「Ajax（エイジャックス）」。前編と後編の2回に分けて，Ajaxの基本的な仕組みや特徴，周辺技術などを解説する。前編となる今回は，Ajaxの利点と利用する際の注意点，そして仕組みを理解するために肝となるソースコードの概要を説明する。 JavaScriptが主役 画面1●Google Mapsの画面 場所を検索したり航空写真を見たりできる地図サービス。Ajaxアプリケーションとして構成されており,地図はマウスでスクロール
Collection & Copy - AJAX/JavaScriptライブラリまとめ
AJAX/JavaScriptライブラリまとめ (2005/9/6 Revision .1.3) 翻訳 原文：Survey of AJAX/JavaScript Libraries Copyright 2005 by Sergio Pereira, Joe Walker, Matthew Eernisse ※本翻訳は、2005/9/6の1.3版を基に作成されています。原文であるWikiページは、1.18以上に更新が進み記載されているライブラリの数が増え、複数の誤りが修正されているようです。最新の情報は原文を参照してください。 Prototype (http://prototype.conio.net/) ライセンス：MIT 概要： Prototypeは、動的なウェブアプリケーションの開発を容易にするためのJavaScriptフレームワークです。Ruby on Railsフレームワーク駆動で
WEB+DB PRESS Vol.31 で prototype.js の記事を執筆しました - naoyaのはてなダイアリー
WEB+DB PRESS Vol.31 に prototype.js の記事を執筆しました。 Ajaxというキーワードが与えられたことで、JavaScriptでユーザビリティの高いサイトを構築しようという流れが出ています。もともと枯れた技術であったこともあり、蓄積されたさまざまなノウハウを活かしたライブラリやフレームワークなどの環境が急速に整いつつあります。本特集では、こうしたAjaxに関する最新の開発手法や環境について、言語別の現状も踏まえつつ解説をしていきます。 prototype.js を使って Ajax のコードを書くのをゴールに、まずは Ajax のおさらいに始まって、JavaScript の OO、prototype.js を使った Class-Style OO を解説して、締めに prototype.js による Ajax アプリケーションについて解説してみました。僕が担当し
script.aculo.us - web 2.0 javascript demos
This site demonstrates the Ruby on Rails AJAX helpers, which use script.aculo.us effects, drag-and-drop and autocompletion. Rails is a full-stack, open-source web framework in Ruby for writing real-world applications with joy and less code than most frameworks spend doing XML sit-ups. That quite sums it up. So, if you're still working late hours writing definitions of what's in your database be
2006年のAjaxはJavaScriptプログラミングが脇役になっていく：Randomwalk：オルタナティブ・ブログ
このところAjax系の話題が続いていてAjaxブログっぽくなっていますが、私がAjaxに注目している理由は、AjaxがWeb2.0の文脈で大事なテクノロジであると同時に、業務アプリケーションをWeb化するツール、言い換えるとリッチクライアントの技術としてもAjaxは大きな位置を占めそうだ、という2つの側面があるからなんですね。後者のほうが＠ITぽいですけれど、それはさておき。 これまでのエントリに対してコメントやトラックバックをいただいてありがとうございます。どれも目を通しています。 さて、いただいたいくつかのコメントで「ベンダはバックエンド向けの製品へ投資をシフトさせているし、フロントエンド系はオープンソースで作れるようになってきているので、フロントエンド向けのツールでのメッセージが少ないのでは」というご意見をいただきました。私もそうだとは思うのですが、お金や手間を掛けないなりにも、Aj
Prototype.js および Script.aculo.us をけっこう高速化する方法 - IT戦記
$A $A という関数を使うと、Array もどきオブジェクト(NodeList や Arguments など)を Array オブジェクト化することができる。便利だが、この関数を Enumerable インタフェースを実装するために使用するのは、あきらかにおかしい。 そこで、以下のようなものを定義してみる。 var $E = Enumerable.from = function(iterable) { iterable._each = Array.prototype._each; Object.extend(iterable, Enumerable); return iterable; };これを、 $A(〜).each とかしてるところに使う。 $E(〜).each こうする。 $E の実行速度は $A の 7 〜 4 倍です。 with(Element) effects.js の w
JavaScriptとDHTMLによるタイピングゲームの作成：CodeZine
完成版のアプレットで遊ぶ はじめに JavaScriptやJava言語で製作されたアプレットによる、ブラウザ上で動作するゲームを、90年代後半からインターネット上で数多く見かけるようになりました。これらのゲームは、特別なアプリケーションをインストールすることなく、Microsoft Internet ExplorerやNetscape Navigatorなどのブラウザ上で実行することができ、クロスプラットフォームで動作するため、一時期ホビーストたちの間で脚光を浴びました。また、Internet Explorer 4.0以降はDynamic HTML（以降「DHTML」と表記）が登場し、スクリプトからHTMLドキュメントを動的に変更することもできるようになりました。 しかし、ブラウザ上で動作するスクリプトプログラムには、さまざまな制限があります。実際に、インターネット上で見ることができる多く
AjaxでBBSを作る ?GA-BBS開発日記? - JSONの書き方について考えてみた・１
連休中にJSONの書き方についていろいろ考えてみたので、まとめてみたいと思います。 基本 JSONについての基本的なことは他サイトに任せるとして、、簡単にいうとJavaScriptの書式を利用したデータ記述フォーマットです。 基本的にはこのようなテキストファイルを用意して、 [ 'text', 'hoge', 'fuga' ]; XMLHttpRequestなどで取得し、次のようにして利用します。（取得したテキストデータはjsonTextに入っているとする） var jsonData = eval(jsonText); これで、jsonDataは['text','hoge','fuga']の配列になります。 ちなみに、 eval('var jsonData = ' + jsonText); とすることもあります。この2つには違いがあり、 var a = eval('var b = ' +
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.res-system.com/weblog/item/542
plextk.org
xml2json.cgi - ドメインを超えてXMLを読みこむ [tech.nitoyon.com]![xml2json.cgi - ドメインを超えてXMLを読みこむ [tech.nitoyon.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/95abde13f7ed41248843e654a2f2ddcde8983db4/height=288;version=1;width=512/http%3A%2F%2Ftech.nitoyon.com%2Fapple-touch-icon-114x114.png){kind=icon}
Shift: Zoho Writer に待ちに待った機能が・・・