第3回 Ajaxシステムはどう設計・開発すればいいの？
Ajaxのシステムを構築する際，やってはいけないことは，「ユーザー・インタフェースを下流工程で大幅に修正することだ」（Web開発を手がけるアークウェブ 最高技術責任者 志田裕樹氏）。クライアント側でJavaScriptのロジックが動作するAjaxでは，クライアント側での実行結果をサーバー側に保存する場合もあり，ユーザー・インタフェースの変更はサーバー側のロジックやデータベースのテーブル構造に影響を及ぼしやすい。上流工程でしっかりと操作性を設計し，下流工程で修正しないようにしたい。 そうした開発プロセスのベースになるのは，「ユーザー中心設計（UCD）」である。徹底して利用者の目線に立ち，使い勝手の要件を洗い出したりテストしたりする。「最近はAjaxで過剰な演出をしているサイトが少なくない。本当に利用者のためになる操作性や演出かどうかを考えないと，サービス提供者や開発者の自己満足になってしまう
第7回 Ajax開発で配慮しておくべきことはあるの？
Ajaxを利用したシステムを構築する際に配慮すべき事項はいくつかあるが（表1），ここではセキュリティ上の懸念について言及しておきたい。 まず，XHRでは，機密データを送る特定のリクエスト/レスポンスだけをSSL（Secure Sockets Layer）で暗号化できない。「同じ画面から送られるXHRは，全部暗号化するか，全部平文にするかのどちらかになる」（NTTデータ 木村氏）。全部暗号化すると処理負荷が重くなるので，ログイン画面はSSLで暗号化しているのに，業務画面は暗号化せずにXHRで送受信しているシステムが散見される。少なくとも，セッション情報などを盗まれない設計を検討すべきだ。暗号強度は低いが「aSSL」などのJavaScript暗号ライブラリの利用を考えたい。 次は，ソースコードが読まれるリスクである。クライアントにダウンロードしたJavaScriptのコードは丸見えなので，その
Google AJAX Feed API - AJAX Tune Bar
AJAX Tune Bar The Tune Bar is a simple to use application of the Google AJAX Feed API that is designed to let you add iTunes RSS Feeds to your pages, sites, and blogs. The tune bar control takes these RSS Feeds and displays hyper-linked album artwork as well as the title, artist, and other related information. The sample tune bars to the right and below demonstrate some of the key features of this
連載: IBM Watson Workspace #鬼わか アプリケーション開発: 第 7 回: IBM Watson Workspace で AI を利用したアプリ連携の実現 #鬼わか 解説（前編）
JSONP が Opera だと非同期処理できない - 2nd life (移転しました)
先日のエントリー、MochiKit で JSONP の利用の AysncJSONP.js を拡張して、リクエスト先が重くて開けなかったり、シンタックスエラーで読み込みに失敗した時用に、タイムアウトのエラー処理を追加しようとしたときに気づきました。 Opera では element.appendChild(script) による、スクリプト要素の動的追加では、追加完了までその場で実行処理が止まっています。そのため、 document.getElementsByTagName('head')[0].appendChild(script); alert('example');という処理の場合、追加するスクリプト要素のソース先のサーバが重くて、結果を返すのに10秒かかかったら alert が実行されるのが10秒後となってしまいます。WinIE や FireFox の場合は、スクリプト要素は非同期で
ページを半透明
Overview The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser[1]. When activated, it will prevent user activity with the page (or part of the page) until it is deactivated. BlockUI adds elements to the DOM to give it both the appearance and behavior of blocking user interaction. Usage is very simple; to block user activity for the page: $.bl
GWTでJavaScriptを書かないAjax開発--第1回：概要とアプリ構築の流れ
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます Google Web Toolkit（図1、以下GWT）は、GoogleがオープンソースのApache License 2.0の下で提供しているAjaxアプリケーション構築ツールだ。2007年8月28日にバージョン1.4がリリースされている(Bruce Johnson氏によるブログエントリ)。最新モジュールは、開発プロジェクトのページ(図2)から、Linux、Mac、Windowsの各プラットフォームに対応したものがダウンロードできる。 実行環境としては、J2SE 1.4.2以降のJDKとWebブラウザが必要となる。そしてWebブラウザはCSSやJavaScriptの実行を有効に設定しておかなくてはならない。
prototype.jsでYouTubeをインクリメンタルサーチ （1/3） ─ ＠IT
prototype.jsでYouTubeをインクリメンタルサーチ：パターンとライブラリで作るAjaxおいしいレシピ（2）（1/3 ページ） 今回のサンプルはYouTubeの新APIを使う 2007年8月28日からGData（Google Data APIs）の仕様に基づいたYouTubeの新しいWeb APIであるGData YouTube APIが利用できるようになりました。これに伴って、以前のYouTube APIではサポートされていなかったJSONP（前回記事参照）による動画の検索ができるようになりましたので、今回のサンプルでは、この新APIを使ってJavaScriptから直接YouTubeの動画を検索させます。 Ajaxデザインパターンは「Live Searchパターン」などを使用 検索方法は、通常の「キーワード」を入力してから「検索ボタン」を押すタイプではなく、一文字一文字入力す
Webアプリに使えるAjaxライブラリ8選！ ― ＠IT
Ajaxライブラリの全体像を把握しよう Ajaxライブラリ（*注1）はすでに数多くのものが出回っていますが、多過ぎて全体像がつかめていないのではないでしょうか。今回は代表的なAjaxライブラリの一部を挙げ、それぞれを比較しながらAjaxライブラリの全体像を把握していきたいと思います。 どうして、Webアプリ開発にAjaxライブラリが必要なのか どのようなプログラミング言語でもライブラリが存在するように、Ajaxにおいてもライブラリが存在します。 初めにAjaxライブラリの必要性について見ていきたいと思いますが、ここではAjax開発ならではのライブラリの必要性を2点取り上げます（ほかの言語のライブラリと共通する必要性はあらためて取り上げません）。 クロスブラウザ対応 Ajaxの利点として、さまざまな環境における一般的なWebブラウザ上で実行できることが挙げられます。しかしWebブラウザの実装
Google，RSS／Atomフィード・マッシュアップ用JavaScript APIを公開
Googleは米国時間4月16日，RSS／Atomフィード・マッシュアップ用のJavaScript API「Google AJAX Feed API」を公開した。Googleソフトウエア技術者のMark Lucovsky氏が同日，同社のAJAX Search APIブログへの投稿で明らかにしたもの。同APIの詳細はGoogleのWebサイトに掲載している。 同APIは，複数のRSS／Atomフィードをマッシュアップ（シンジケート）し，Ajaxアプリケーション内で利用可能とする技術。Googleの管理下にあるサーバーと組み合わせてフィードを処理するため，「JavaScriptコードを数行書くだけでマッシュアップできる」（Lucovsky氏）という。 マッシュアップ可能なフィードの種類は，Atom 1.0／0.3，RSS 2.0／1.0／0.94／0.93／0.92／0.91／0.9。 同AP
外出先でもオンラインでデスクトップを再現，AJAXベースのサービス「ajaxWindows」
Webベースのアプリケーションを手がける米Ajax13は米国時間9月10日，AJAX技術を用いたサービス「ajaxWindows」を発表した。「すべてのデスクトップ・データをオンラインでアップロードし，安全に保存するWebベースのミドルウエア」と同社は説明する。 ajaxWindowsは，米Googleのインターネット・メール・サービス「Gmail」のストレージを利用する。対応Webブラウザは，米Microsoftの「Internet Explorer」と米Mozilla Foundationの「Firefox」。 Gmailアカウントを所有するユーザーは，パソコン上のドキュメント，画像，音楽，連絡先リストなどのデータを，Webブラウザを通じてGmailのストレージに手軽にアップロードし，パソコンのデスクトップをオンライン上に再現できる。これにより，外出先でもインターネット接続可能なパソコ
Web開発者は要注目!! JSONでAjaxアプリ開発 - Protoscript登場 | エンタープライズ | マイコミジャーナル
Yahoo! Ajax Evangelist, Bill Scott氏は6日(米国時間)、Ajaxアプリケーションを開発するための新しいプロトタイプスクリプティング「Protoscript」を発表した。Protoscriptは既存のWebページに対して動作を追加することを目的としたスクリプト。かなりわかりやすい表記で動作を追加できるという特徴がある。 Protoscriptはいちからすべて開発されているのではなく、既存のプロダクトを組み合わせて機能が実現されている。まず、HTMLの要素を特定するためにjQueryが活用されているほか、動作やイベントへの対応にThe Yahoo User Interface LibraryやMooToolsが活用されている。 Webアプリケーションを開発するにあたって、UIを設計してから、そのUIに対して動作を付け足していく方法がある。直感的でわかりやすい方
GWT Project
GWT is used by many products at Google, including Google AdWords and Google Wallet. It's open source, completely free, and used by thousands of enthusiastic developers around the world. GWT is the official open source project for GWT releases 2.5 and onwards. This site houses links to the documentation, source code repository, issues list and information related to GWT roadmap and release. It is i
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
一撃必殺JavaScript日本語リファレンス
Ajax/Javascript/Dhtml examples and demos to download
Zimbra offers Open Source email server software and shared calendar for Linux and the Mac
https://ajaxpatterns.org/RESTful_Service
Main Page - Ajax Patterns
Google Web Toolkit: Towards a better web
Mail App