Google Web Toolkitの正式版、GWT 1.4がリリース
米Googleは、Javaを使ってAjaxアプリケーションを開発するツール「Google Web Toolkit（GWT）1.4」をリリース、このバージョンをもってGWTはβ版から正式版になったと発表した。 同社によると、GWT 1.4でリコンパイルしたアプリケーションは、従来のものより生成されるコードの量が30％程度少なく、動作速度は20％から50％高速化するという。特に起動時間は、新しいブートストラッピング技術と、複数画像を1度のHTTPリクエストに自動的にまとめるイメージバンドルにより、非常に短くなった。例えばGoogleが用意しているメールサンプルにアクセスしてみると、「1度目も早いが、2度目は信じられないくらい早い」（Googleのエンジニアリングマネジャー、ブルース・ジョンソン氏）という。 またローカライズを容易にするNumberFormatとDateTimeFormatの追加
AJAXとCSSで作られたシンプルで見やすいプログレスバー「Ajax Progress Bar」
操作感はAJAXで、画像などはCSSで実装されたわかりやすいプログレスバーです。進捗状況などの表示が簡単にできます。また、クリックする度に10％増やしたり、あるいは減らしたりといったことも可能。いろいろなウェブアプリの開発などに応用できそうです。 詳細は以下から。 WebAppers Simple Ajax Progress Bar with CSS by WebAppers ライセンスはMITライセンスで提供されており、以下から実際に試してみることができます。 Demo http://www.webappers.com/progressBar/ 実際にダウンロードしてみると、prototype.jsを使っており、使用するイメージ画像は2種類。その組み合わせでバーの増減を表現するとは、なかなかいい発想。
第1回 Ajaxとクロスサイトスクリプティング | gihyo.jp
初回はWeb2.0の中核技術ともいえるAjaxを見ていきたいと思います。 Ajaxのセキュリティについて考えていきますが、その前にAjaxについて簡単におさらいしてみましょう。 AjaxとはAsynchronous JavaScript XMLの略であり、一言で言えばJavaScriptとXMLを使って非同期に通信するということです（XML以外の形式が使われることも多くなりました）。通信を非同期にすることで、何か処理をする場合にいちいち待たなくても次の処理に移ることができます。その結果、ユーザを待たせずに多くの処理を行えるようになりました。また、画面全体を再読み込みする必要がなくなったことも、使い勝手の向上した理由です。 Ajaxの動作 それでは簡単なサンプルコードでAjaxの動作を見ていきたいと思います（リスト1）。これらはAjaxの入門サイトや書籍で一番最初に出てくるコードです
過熱するTwitterブームとMicrosoftのマッシュアップ ─ ＠IT
すさまじい勢いで増え続けるTwitterを使ったツールやマッシュアップを使ったまったく新しいサイト。さらに、無料Webオフィスほか5トピックを紹介！（編集部） Twitter ひとことあそび TwitterPod アリッター ニコったー 続々増えるTwitterライクなサービス もごもご 「いま何をしている」を共有するTwitterのブームがさらに過熱しています。この連載は同じ話題を繰り返し取り上げないのが基本ですが、この熱気を伝えるために今回も取り上げます。上記にリンクしたページは、すべてTwitterに関連するか、あるいはTwitterに似たサービスを指向した別サービスに関する話題です。 なぜTwitterに人気があるのかは、私にもよく分かりません。ただ、既存のブログやSNSと違って、気楽に使える……というメリットを指摘する意見は納得できます。 ブログは、ブロガーを「記者」ととらえる新
知っておいて損はないAJAXやCSSを駆使したタブインターフェース18種類 - GIGAZINE
技術的知識が無くてもタブを作れるフリーソフトからかなり派手な効果を伴うタブ作成ライブラリ、Yahoo！やGoogle、Adobeの作ったタブまで、いろいろと応用が利いて独自の特徴があるものをざっくりと18種類ほどピックアップしてみました。 いろいろなページやブログで頻繁に見かけるタブ方式のメニューですが、こうやって並べてみると実は見せ方も使い方も種々様々であることがよくわかります。 まずは知識不要でタブが簡単に作成できる「CSS Tab Designer」。Windows用のフリーソフトで、約60種類ものデザインが用意されています。その中にタブ方式のメニューもたくさん用意されており、ほかにも縦型のメニューやZDNet風メニューなども用意されています。 OverZone Software - CSS Tab Designer 細かいカスタマイズが可能なタブメニュー。画像を使ったサンプルも用意
Apollo参戦でWidget開発者の争奪戦が激化 Ajax うきうき Watch 第18回 ─ ＠IT
Yahoo! JAPAN - WEB API コンテスト 日本のYahoo!が、プログラミングのコンテストを行います。分野は2つ。1つは、ウィジェット部門です。Yahoo!ウィジェットエンジンを使って開発したウィジェットを募集しています。もう1つは、検索・地図情報・そのほかAPI部門です。こちらは、Yahoo! JAPANの提供するAPIを活用したウェブコンテンツ、アプリケーションを募集しています。 この2つのうち、検索・地図情報・そのほかAPI部門はまさにAjaxの世界にジャストミートする部門といえます。Yahoo!のAPIをマッシュアップした便利なサービスのアイデアを思い付いたら、ぜひ応募してみましょう。 さて、問題はウィジェット部門の方です。これは、Webブラウザで実行するものではないため、Ajaxとはあまり関係がないように思えるかもしれません。しかし、JavaScriptで記述する
AjaxベースのWebメール「Scalix」日本語版が発売 － ＠IT
2007/03/12 日本スケーリックスは3月12日、Linux上で動作し、Webベースのメールとグループウェア機能を提供する「Scalixバージョン11日本語版」の販売を開始した。同社Webサイトでダウンロード販売するほか、パートナーを通したライセンス販売やシステム構築を行う。価格は50ライセンスで79万5000円（税別）から。無償で利用できるオープンソースのコミュニティ版も提供する。 Outlookと同等の操作性をAjaxで実現 Scalixは今回のバージョン11からUTF-8に対応し、マルチバイトの言語にも対応。日本語化に当たっては、メニューやメッセージの日本語化だけでなく、全文検索インデックスの作成でも日本語に対応した。 Scalixの前身は、2001年まで米ヒューレット・パッカードが開発、販売していた「HP OpenMail 7」。販売終了に伴いOpenMailのソースコードを米
miya2000の日記 - これからドラッグ＆ドロップを書く人のために
2012/07/22 追記 久しぶりに確認したところ、IE9 では以下で指摘している IE (このときは IE6 でした) の問題(3, 4, 6)がすべて解消されていました。 また、Firefox での問題(5)も Firefox14 で試したらは解消されていました(ただ、All-in-One Sidebar のパネルの上では mousemove イベントが発生しないようでした)。 Chrome20 や Safari5 でも問題無く動作していますから、現在においてドラッグ＆ドロップを実装するには mousedown 時の preventDefault() だけでOKと言えそうです。すばらしいですね！ safari で動かないらしいのでどなたか情報ください！(くやしい!) というかこういうのに勝ち負けはないので実装できてる方は是非トラックバックお願いします。当方既に ipod 中毒ですし
Ajaxでデバッグしよう - ＠IT
Webアプリ開発で、動作確認メッセージが出力できない。そんなときは、Ajaxでブラウザの動作ログをサーバに出力してみよう。 現在、至るところでWebを利用したシステム開発が行われています。デバッグに使用しているテクニックの1つに、古くからの技法として変数や動作したことを示すメッセージ表示などの情報を出力するものがあります。残念ながらWebアプリケーションの開発の現場では、その技さえ使えない場合があります。 最近のWebアプリケーションの開発は、サーバ側のJSPやサーブレットの開発では統合開発環境を利用できるようになり、大幅に開発効率が向上しています。また、開発中の動作確認だけでなく、リリース後はサーバ側で動作するプログラムへメッセージを埋め込んでログとしてファイルに残すこともできます。 これらのログ機能は、IBM社のWebSphere、MS社のInternet Information Se
帯域やデバイス領域をフル活用させる“モバイルAjax” Ajax うきうき Watch 第16回 ─ ＠IT
しかし、最も私が面白いと思ったのは、掲載されているサンプルソースがその場で実行できることでしょう。ソースが掲載されているページを開くだけで、ソースの下に「動作デモ」というセクションがあり、そこに実行結果が表示されています。ここから“スクリプトを編集＆実行”のリンクを選ぶと、ソースを書き換えて即座に再実行ができてしまうのです。「引数が1のときは分かったけど、2ならどうなるの？」といった疑問は即座に解消です。すぐに2に書き換えて実行すればよいからです。 このような動的なフィードバック感は、物事を理解するために強力なツールになると思います。言葉による説明だけで理解できない場合は、実行してみるのが最も確実ですが、その場合には「できるだけ関係ない作業抜きで素早く」行うことができるのが理想です。1行入力するだけで命令を実行させることができたパソコン創成期のBASIC言語も、紛れもなくこの種のフィードバ
[ThinkIT] 第1回：マスカットが変えるAjax開発環境 (1/3)
最近のWebアプリケーションでは、表現力、操作性、配布の容易性といった観点からリッチクライアント（注1）が注目を集めています。その中でも、オープンな技術に基づいているAjax（注2）は高い人気を誇っており、様々なところで話題をよんでいます。 しかし、Ajaxを用いたWebアプリケーションの開発手法はいまだに発展途上であり、商用の開発レベルには到達していないという見方があります。その要因として表1に示すようなことが考えられます。 JavaScriptの生産性の悪さ Ajaxではプログラミング言語としてJavaScriptを利用しますが、JavaScriptを用いて本格的な開発をしようとすると、他のプログラミング言語に比べてその生産性の悪さが課題となります。 ドキュメント不足 最近ではJavaScriptの生産性の悪さをカバーするためのAjaxライブラリが数多く出てきていますが、その多くはドキ
話題のCometを実装、「Lingr」はリアルタイムWebを目指す ― ＠IT
2006/9/23 インフォテリアの米国子会社インフォテリアUSAが公開したチャットサービス「Lingr」が話題を呼んでいる。サーバからの情報をプッシュする新しい技術「Comet」を採用し、従来のチャットサービスと比べて極めて軽快な操作性を実現している。インフォテリアの代表取締役社長 平野洋一郎氏は「LingrはCometを活用した技術的なアプローチ。LingrのようなリアルタイムWebが今後注目されるだろう」と語った。 従来のチャットシステムはクライアントからサーバに対して数秒おきにポーリングを行い、新しいメッセージを取ってきていた。しかし、この仕組みではメッセージ投稿と表示の間にタイムラグが出てリアルタイム性が損なわれる、ネットワークに負荷がかかるなどの問題があった。また、クライアント側の操作性を高める技術として画面表示と非同期でデータをサーバから取得するAjaxがある。だが、Ajax
CNET Japan Blog - 江島健太郎 / Kenn's Clairvoyance：Lingr and Comet - 技術解説編
さて、お待たせしました。いよいよCometとLingrについての技術解説です。 ■Comet解説 さて、まずはCometとは何で、どういう背景によって生まれたのか、についての解説から始めます。 まず前提として、Webアプリケーションにおいては、通信開始のトリガーは常にクライアント側が握っています。つまりURLを入力したりボタンをクリックしたときなどに通信が発生することになるわけですが、このようなアーキテクチャは、サーバ側で発生した変化をリアルタイムにクライアント側に通知することが原理的にできないことを意味します。 チャット・アプリケーションでは、複数のユーザから不定期にメッセージが送信され、それが他の参加者に一斉に配信されなければなりません。しかし、メッセージを受け取ったサーバ側では、それをクライアントに即座にプッシュで通知する方法がないのです。 そのため、一定期間ごとにブラウザがサーバに
CNET Japan Blog - 江島健太郎 - Kenn's Clairvoyance：Lingr（リンガー）をリリースしました
本日の日経産業新聞で一面を飾ったのでお気づきの方もいらっしゃると思いますが、私の米国チームにおける最初の成果となる新サービス「Lingr（リンガー）」をリリースしました。 サービス内容についてはオフィシャルブログの方に書いた通りですが、おそらく英語のままだとほとんど読まれないと思うので、以下に翻訳バージョンを記載します。 Lingrは、一言で言えば「ブラウザ上で動くチャット」です。 ハイライトは以下の通り。 お手軽さ。Lingrでは何もインストールしなくてもブラウザ（Firefox, Safari, IEをサポートしています）だけでサクサクと軽快な操作感でチャットができます。この感覚は実際にさわってみないとわからない！ ホット・タグ。各チャットルームにはタグ（キーワード）をつけることができ、これが常時リアルタイムに集計されているので、「今、どういう話題がアツいか」をタグ・クラウドを通じて知
ITmedia エンタープライズ：ココを理解すれば近道な「Ajaxフレームワーク」 (1/5)
ココを理解すれば近道な「Ajaxフレームワーク」：Web 2.0で変わるWebプログラミングの常識（1/5 ページ） AjaxをWebアプリケーションに取り入れるには、デファクトスタンダードなフレームワークを利用するのがよい。基礎を理解すると、さまざまな応用例が考えられるはずだ。 このオンライン・ムックPlus「Web 2.0で変わるWebプログラミングの常識」、第6回目となる今回は、第5回「そのサービスはAjaxフレームワークで一変できるか？」に続く、フレームワークの実装例について解説していく。冒頭よりコードを挙げた実践的な内容に入っていくため、内容が不明な場合には、最低でも第5回の最初から読んでみるとよい。 このオンライン・ムックPlus「Web 2.0で変わるWebプログラミングの常識」の連載を読むことで、読者はAjaxの実装形態がどのようになっているのか理解することができるはずだ。
ITmedia エンタープライズ：Ajaxを理解する4つのポイント (1/6)
Ajaxはどのように実現されているのだろうか？ こんな疑問に応えるべく、サンプルを挙げてみよう。Ajaxの基本は、単に「JavaScriptでHTTP通信をする」というだけに過ぎないことが分かる。 オンライン・ムックPlus「Web2.0で変わるWebプログラミングの常識」の第1回目では、Ajaxが使われる背景と、どのような場合に適しているかを解説した。 今回はサンプルアプリケーションを取り上げていこう。ポイントは、もっとも基本的な例に限定したことであり、開発者である読者が今すぐにでも既存のWebアプリケーションへ組み込むことができるよう配慮した点だ。 まず最初に、以下の図2に示す2つのテキストボックスに注目してほしい。その「和」と「差」をそれぞれ計算し、結果を埋め込むという処理を挙げてみよう。 「和」と「差」を計算する処理の部分は、サーバ側に用意したPHPプログラムで行うことにする（図3
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
JavaScript かも日記: 【JSON】Remote JSON - JSONP
AJAX格付け! ajaxを中心にweb2.0ソフトの機能と安全性をチェキ!
Ajaxを使用した無料のスケジュール管理システム「My Koyomi」