「Ajax？ 知ってますよ」と言えますか：ITpro
新人配属や異動の季節になった。この4月，あなたがもし新しい職場に配属されて，上司から「君，Ajaxって知ってる？」と聞かれたとする。そのとき，堂々と「知ってますよ」と答えられるだろうか？ このITproのサイトでは，Ajax，マッシュアップ，リッチ・クライアント，SaaSなどいわゆるWeb2.0関連の記事が一昨年ぐらいから毎日のように掲載されている。そもそもITproはこうした言葉を知っている読者を対象にしているので，ほとんどの読者は冒頭のような質問を受けても，「知ってますよ」と堂々と答えられるだろう。しかし，この春初めてITの世界に入る人の中には，「名前や概念的なことなら分かるのですが…」という人も多いのではないだろうか。 そこで今回の記者の眼では，そういう新人君にお勧めな「Ajax学習法」を考えてみた。といっても，要するに，実際に自分でちょっとしたプログラムを作って試してみるだけである
Cheat Sheets for the YUI Utilities » Yahoo! User Interface Blog
YUI Blog Development Cheat Sheets for the YUI Utilities Cheat Sheets for the YUI Utilities Comprehensive documentation for the YUI Library is found online at the YUI section of the Yahoo! Developer Connection website. To supplement this online documentation, the YUI development team has begun drafting some cheat sheets — inspired by the handy references published by addedbytes.com (nee ilovejackda
超リッチJavaScriptコンポーネント集「Ext」がprototype.jsに対応:phpspot開発日誌
Ext Documentation Centor 超リッチJavaScriptコンポーネント集「Ext」がprototype.jsに対応。 以前、「Yahoo UI Libraryを拡張した超リッチなコンポーネント集」で紹介したリッチなコンポーネント集はYahoo UI Library 用のものでしたが、 なんと、prototype.js+script.aculo.usでも動作するようになりました。 尚、jQueryにも対応しているようです。 こうしたコンポーネントライブラリで、コアとなるライブラリを選択できるのはより多くの開発者が使えていいですね。 ライブラリだけではなく、テーマを切り替えることも出来て、自由度がいい感じです。 コアとなるライブラリを切り分ける、という、このライブラリ自体の設計部分にも注目したいですね。 コアライブラリの切り替え 画面内ウィンドウ データグリッド タブ風Ｕ
Ajax機能をオブジェクト化してAjax機能のみ単体で使える「Ajax Object」:phpspot開発日誌
The Ultimate Ajax Object Ajax 機能をオブジェクト化してAjax機能のみ単体で使える「Ajax Object」。 prototype.jsなどを使えば、Ajaxは簡単に使えるけど、Ajaxのみの機能を使いたいのに、要らない機能までもブラウザに読み込ませるのは無駄な場合も多いことと思います。 そんな際に使える、ajaxObjectの紹介。ほんの４５行程度のライブラリですが、クラス化されていて再利用が容易です。 使い方は次のように簡単です。 myRequest = new ajaxObject('http://somedomain.com/ad.html'); // オブジェクト初期化 myRequest.callback = function(responseText) { // ajax成功時のコールバック document.getElementById('so
Javascriptフレームワーク比較チャート:phpspot開発日誌
Javascript Toolkit Comparison - uPortal 3 - JA-SIG Wiki Javascriptフレームワーク比較チャート。 Prototype、Dojo、Mochikit、Yahoo UI Library、Google Web Toolkit 、jQueryというメジャーなフレームワークの比較図です。 Ajax、Drag&Drop、ビジュアルエフェクト、イベントハンドリング、Ajaxの戻るボタン対応など、機能が一発で比較できます。 →続きを見る 他にも、ドキュメントの豊富さや、開発コミュニティの充実度、ライセンスについても掲載されていて比較に便利。 自分の知らないフレームワークの特徴も大まかに分かるので参考にさせてもらいましょう。 関連エントリ 10個のPHPフレームワーク比較記事 Prototype.jsとjQueryのベンチマーク速度比較
Webのスピード感で開発――「Apollo」が注目集める理由 ? ＠IT
2007/03/02 米アドビ システムズが開発中のミニアプリケーション実行環境「Apollo」が注目を集めている。AjaxやFlash、PDFなどのテクノロジを使ってオフラインでも動作可能なデスクトップアプリケーションを開発する技術で、「Web 2.0をデスクトップに統合する」との指摘もある。日本でApolloを担当するアドビ システムズのプロダクト＆セールスエンジニアリング部 プロダクトスペシャリスト 太田禎一氏は「Apolloを使うことで、Webのスピード感でデスクトップアプリケーションを作れる」と説明する。 Web技術の脱ブラウザを実現 Apolloはランタイム（実行環境）をクライアントPCにインストールし、対応アプリケーションを稼働させる。AjaxやFlash、PDFなどWebと親和性が高い技術を使いながら、ローカルディスクへアクセスできたり、オフラインでも利用できるなど「Web
CGI不可のサーバでもできるAjaxによるHTMLの動的な整形：CodeZine
はじめに ここ最近、Web 2.0という言葉と共にクライアント側のプレゼンテーション技術としてAjaxが非常に注目されています。しかし、Ajaxという技術用語や概念の解説、または書籍が多く出版されているにもかかわらず、Ajaxを応用したコンテンツやアプリケーションは、キーワードとしてのAjaxの人気から考えれば、少ないと言えるでしょう。多くの人がGoogleなどの大手サイトでAjaxを体験しているにもかかわらず、Ajaxが使われているのは企業や大手ポータルサイトなど、限定されています。 では、Ajaxはそれほど敷居の高いものなのでしょうか。質の高い開発集団や、高額な開発環境、またはサーバーなどのインフラストラクチャが必要となるのでしょうか。確かに、Googleと同じレベルのものを作ろうと考えれば、相応の費用と技術が要求されます。しかし、Ajaxという技術要素だけを見れば、けっして大企業に独
Ajaxの高度な使用例、Yahoo! pipes Ajax うきうき Watch 第18回 ─ ＠IT
Yahoo! pipes 話題のサービスです。検索エンジンやRSSフィードなど、さまざまなソースのデータを足し合わせ、フィルタリングし、望みの情報だけを抽出したフィードを作り出すことができます。シンプルな分かりやすさと操作性の良さが特徴です。 Yahoo! pipesは、サーバ側で実行されRSSフィードを出力するサービスで、Ajaxとは直接関係がありません。にもかかわらず、今回のトップで紹介した理由は、パイプのデザインツールが非常によくできているからです。 画面左側のパレットから、必要な機能を選んで配置します。場所は自由にドラッグして決めることができます。そして、パーツ間を線でつなぐと、自動的に滑らかな線で結び付けられます。パーツの場所を移動しても線は追従します。さらに、個々のパーツ内部は入力フィールドになっていて、編集できます。これはAjaxの高度な使用例として見る価値があるでしょう。
小粋なDHTMLとAJAXのスクリプトが36種類！『mixiAjax.com』 | S i M P L E * S i M P L E
小粋なDHTMLとAJAXのスクリプトが36種類！『miniAjax.com』 February 27, 2007 3:39 PM written by Gen Taguchi これは覚えておくとちょっと便利そう。 miniAjaxではちょっと小粋なインターフェースをつくるためのDTMLやAjaxを紹介しています。 » MiniAjax.com / A showroom of nice looking simple downloadable DHTML and AJAX scripts 提供されているのは今のところ36種類。 タブでのナビゲーションを実現したり、インラインでの編集を可能にしたり、☆での評価ができたり、先進的なウェブでよく見るインターフェースばかりですね。 ただ、このサイトがすべて準備したわけではなくて、それぞれ他のサイトへのリンクになっています。 おっと、リンク集かよ・・・
AJAXでやってしまう間違い:Geekなぺーじ
「Ajax Mistakes」という面白い記事がありました。 AJAXを使ってWebアプリを作る時に陥りがちな間違いを列挙していました。 以下、要約してみました。 かなり削っているので、詳細は原文をご覧下さい。 AJAXを使うためにAJAXを使う AJAXはカッコイイ技術です。 しかし、AJAXはツールでしかありません。 AJAXはオモチャではありません。 実験的にAJAXを使うために、不必要なところにAJAXを無理矢理使っている場合が多いです。 戻るボタンの動作を妨げる 戻るボタンはWebインターフェースで重要な役割を果たしていますが、JavaScriptとの相性は良くありません。 戻るボタンの機能を維持できない場合があることは、JavaScriptのみで構成されているページをお勧めしない理由の一つです。 ただ、使い勝手の良いサイトというものは、そもそも戻るボタンに依存しなくてもユーザが
[ThinkIT] 第1回：Prototype.jsを使う準備 (1/2)
筆者がPrototype.jsに初めて出会ったのは、2005年9月ごろだったと思います。この頃、オブジェクト指向JavaScriptはまだまだ黎明期で、オブジェクト指向の書き方もさまざまな我流が存在していたことを覚えています。 もちろん、筆者も我流のオブジェクト指向で書いていました。しかし、すべてのエンジニアが我流の書き方をしていては、JavaScriptのオブジェクト指向は普及しません。 そんな時にさまざまなブログで取り上げられ始めたのがPrototype.jsでした。Prototype.jsにはクラスを定義するという機能があり、すべてのエンジニアが同じ方法でクラスを定義できるのです。それは、大きなインパクトでした。しかし、その当時Prototype.jsにはまとまったドキュメントが無く、目利きのJavaScripterたちはこぞってソースを読んでいました。 そして、そのことが図らずとも
Ajaxなページで「戻るボタン」を機能させる方法:phpspot開発日誌
JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Sucke... 次の記事 ≫：花火アニメーションをJavaScriptで実装「Fireworks.js」 Ajax Back Button Hack Ajaxなページで「戻るボタン」を機能させる方法。 Ajaxなページでは、ブラウザの「戻るボタン」を押すと、通常は、前に開いていたページに戻ってしまいます。 Ajaxでページを１，２，３と開いていって、２に戻りたいのに、前に開いていたページに戻るのは利用者としては不本意な動作です。 そこで、IFRAMEを使った、Ajaxでの「戻るボタン」実装ハック方法の紹介。 Ajaxで画面を切り替えた際に、IFRAMEのsrcも切り替えることで戻るボタンを動作させることが出来ます。 例えば、javascriptで次のようにIFRAMEのsrcを切り替えます。 <ifram
ブロック要素を動的にドラッグ＆ドロップでリサイズするサンプル「Custom Reading Containers」:phpspot開発日誌
ブロック要素を動的にドラッグ＆ドロップでリサイズするサンプル「Custom Reading Containers」 2007年02月20日- Devlounge | Custom Reading Containers For those who have been following Devlounge for a while, you'll know that I wrote a script called Custom Reading Width. ブロック要素を動的にドラッグ＆ドロップでリサイズするサンプル「Custom Reading Containers」。 サンプルを参考にして、次のように、ブロック要素を１フレームのように、ドラッグ＆ドロップでリサイズできるようなページを実装できます。 使い方によってはユーザビリティ向上に繋がるはずですね。 リサイズしたサイズをAjaxにてサー
Ajaxをブラウザ上で開発できるオープンソース「TIBCO General Interface」：CodeZine
「TIBCO General Interface 3.3 Professional Edition」は、AjaxなどのJavaScript開発をブラウザ上で行えるツールだ。そして開発環境までもがAjaxで動作する。オープンソースなので、同社デベロッパーサイトから無償でダウンロードできる。ライセンスはBSD License。 ダウンロードしたファイルを解凍し、適当なフォルダに配置したあと、ブラウザから「GI_Builder.html」にアクセスすることで起動できる。開発環境はVisual Studio風で、GUIによるコンポーネントの配置もできる。JavaScriptのデバッグもできるため、Ajaxを使わないJavaScriptアプリケーションの開発にも利用することができる。
Adobe Edge: 2007年2月 「Ajax したい！」Web デザイナーのための Spry 集中講座
Spry framework for Ajax（以下、Spry）は、アドビが提唱しているデザイナー向けの JavaScript ライブ ラリです。無償で配布されているこのライブラリを利用することで、サーバサイドで特別なプログラムを用意したり、ユーザの Web ブラウザへ新たなプラグインをインストールすることなく、今話題の Ajax を利用した動的でリッチなインタフェースやコンテンツを HTML の中に作り出すことができます。 “デザイナー向け”というのが Spry の大きな特長であり、他の Ajax ライブラリと比べてもユニークな点です。Spry そのものは JavaScript ライブラリ群ですが、難解な JavaScript のプログラミング知識はそれほど必要ではありません。HTML コーディングのスキルがあれば、XML からのデータを取得し、加工し、ダイナミックな形で Web ページ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
crossdomain.js - Flashと連携してクロスドメインのAjax通信を行うJavaScriptライブラリ: ある SE のつぶやき
http://youmos.com/news/extjs.html
http://www.t-life.jp/webroom/archives/2006/11/post_16.php
ColorJack: Design Tools