Tim Bray(GoogleのAndroid応援団長)が「#!」の入ったajax用URLを使用を批判している。 http://www.tbray.org/ongoing/When/201x/2011/02/09/Hash-Blecch new: さらならる「#!」URL批判 例にtwitterのtwitter.com/#!/timbrayを挙げている。 #!の働き サーバ側は#!の前までしか見えない。上の例だとサーバはtwitter.com/のリクエストを受ける #!以降はブラウザの中のジャバスクリプトが解釈する 何故#!を使うのか ajaxのアプリは古いブラウザでは基本的にURLを変更することができない… ただし#(フラグメント)以降はブラウザ内のJavaScriptからでも変更可能 なので、ajaxアプリケーションが自分の状態をURLバーに表示するために使われるようになった。 つまり
Ajaxを使うためにはページ内リンク (hash fragment=URLの#以降) を使うのが一般的*1 hash fragmentはサーバに送信されないから、JavaScript非対応のブラウザだと動作しない 特にサーチエンジンのクローラ等で問題になる*2 そこで Google は、#! が含まれる URL を hash を含まないものに読み替える仕組みを提唱している。例えば「www.example.com/ajax.html#!key=value」のサーチエンジン用URLは「www.example.com/ajax.html?_escaped_fragment_=key=value」になる。 TwitterやFacebookはこの仕様に従うことで、Ajax な UI と SEO を同時に実現している、というわけ。ということを調べたなう。 参照: Getting Started |
タイトルは相当釣りが入っていますが。公式サイトにも「100X LESS CODE THAN RAILS」と謳われているくらい、Webアプリケーションが手軽に構築できるフレームワークと言うことで。 グラフ表示 Gmailから始まったと言ってもいいWebアプリケーションの流れは、オフィススイート、画像編集、アニメーション、ドロー、イラストなど多岐に渡って発展している。セキュリティの問題もあるが、ターミナルレベルやFTPといった操作もWebアプリケーションで行われている。その流れを加速するのがAribaWebだ。 今回紹介するオープンソース・ソフトウェアはAribaWeb、Webアプリケーションフレームワークだ。 AribaWebはなんと（？）Javaで開発されている。この点はエンタープライズ向けWebアプリケーションを開発する上で重要な視点と言えそうだ。そして多彩な機能をもったAjaxアプリケ
「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにページが分割されているのも考えもので、今度は「次のページへ」ボタンをクリックするのが面倒になり、ストレスがたまる。 CogniTom Academic Designが作った「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、本や雑誌をめくるような感覚で、Webページの本文を横にスクロールさせるJavaScriptライブラリだ。 「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、
JavaScript - サーバー間で双方向のRPC通信を行う技術は「Aerial」（エアリアル）という名前になりました*1。アイディアを出していただいた皆様、ありがとうございましたm(_ _)m Aerialは、通信にFlashを使い、JavaScriptとサーバープログラムとの間で双方向のRPC呼び出しを行う技術です。つまり、サーバー側からJavaScriptのメソッドを呼び出したり、逆にJavaScriptからサーバー側のプログラムを呼び出したりします。 サーバーから直接JavaScriptのコードを呼び出したり、逆にJavaScriptからサーバー側のメソッドを呼び出したりできるので、通信の内容を意識する必要がなく、バグの混入を抑えます。RPC成分入り！ ライブラリを開発するときも、HTTPやブラウザ間の実装の違いを意識する必要も無く、ごく普通のTCP接続で通信を行うので、Come
ビジネスの場で最も良く利用されるであろうソフトウェアが表計算ソフトウェアだ。Webアプリケーションがどれだけ発展しようが、その現実は変えられない。乗り換えるとしても、これまでの資産をどう活用するかが問題になりがちだ。 まるでローカルアプリケーション並みの表示 そこで、表計算ソフトウェアの代表であるExcelをそのまま利用してしまうのはどうだろう。 今回紹介するオープンソース・ソフトウェアはZK Spreadsheet、Ajaxを使った表計算アプリケーションだ。 ZK SpreadsheetはまるでExcelのような操作性をもったWebアプリケーションで、簡易的な計算まで行うことができる。公式サイト内ではグラフも表示できているのだが、方法は分からなかった。なお、一部機能については日本語化もされている。 画像表示も可能 最大の特徴はExcelのファイルをそのまま読み込ませることができる点だろう
現在、様々なローカルアプリケーションがWebベースで提供されるようになっている。メール、グループウェア、表計算ソフトウェアとその範囲はどんどん拡大している。オフィス内におけるOSの選択肢も広がっているので、OSに比べると互換性の高いブラウザベースで動作するのは嬉しい限りだ。 メール Webベースと言っても、必ずしもサーバ上で動かなければならない訳ではない。こちらはローカルで動作するWebベースのアプリケーションだ。 今回紹介するオープンソース・ソフトウェアはZimbra Desktop、Ajaxを使ったデスクトップ向けグループウェアだ。 Zimbra DesktopはYahoo! Inc.に買収されたZimbraが提供するソフトウェアで、Outlookに近いソフトウェアだ。メール、アドレス管理、カレンダーと言った機能が提供されている。メールはGmailやYahoo!メール（有料版）、AOL
上を行くかどうかは知りませんが :-p Ajaxはクライアントの都合でサーバーに通信を仕掛けるpull型の通信ができ、Cometはサーバーが好きなタイミングでクライアントへデータを送りつけるpush型の通信ができるわけですが、新たに双方向の通信ができる技術を開発しました。 具体的には、JavaScriptとサーバーの間で双方向のRPCができます。すなわち、サーバーからクライアント側のJavaScriptのメソッドが呼べるし、逆にクライアント側からサーバー側のメソッドを呼ぶこともできます。 サーバー側で call("addMessage", "Hello!") とやると、JavaScript側の function addMessage(msg) { ... } という関数が呼ばれたりします。 この技術を使って、試しにチャットシステムを作ってみました ＞ デモ （ソースコード）*1 リアルタイ
長い文章を書いていると、スペルを良く間違える。言っている言葉と書く言葉が異なるのが英語の厄介なところだ。まとめてチェックするのも良いが、細かくチェックした方が分かりやすい場合も多い。 綴りを調べるのにネットを使っていた人に朗報だ。Ajaxを使うことでその場で即座にチェックできるソフトウェアがある。 今回紹介するオープンソース・ソフトウェアはSpellify、Ajaxを使ったスペルチェッカーだ。 Spellifyは入力された単語をPHPを経由してスペルチェックを行い、候補をリストアップしてくれる。サジェストに近い機能を提供する。 スペルチェックは「Google Toolbar Spell Check API」と呼ばれるWeb APIを利用している。とは言えこれは公式に提供されている物ではないようなのでご注意いただきたい。 テキストボックスはもちろんテキストエリアにも対応している。候補をクリッ
しかし、何が得意で、どんなことがすごいのか？ どんな技術を使っているのか？……などなどについてあなたは説明できますか？ そのあたりを中心に解説をしていこうと思います。 Ajaxを、その誕生からひもとく Ajaxを理解するには、その誕生を知ることが第一歩です。 ■Ajax発祥の地はいずこ？ 「Ajax」発祥の地は、コンサルティング会社を経営するJesse James Garrett氏が、2005年2月18日に投稿した「Ajax: A New Approach to Web Applications」（Ajax Webアプリケーションへの新しいアプローチ）というエントリーです。 このエントリーは話題を呼び、Ajaxという単語がアメリカで使われるようになり、日本にやって来ました。 ■Ajaxの定義 では、Ajaxとは何なのか？ 彼のブログで、以下のようにAjaxを定義しています。 standar
2007/08/20 調査会社の米ポート80ソフトウェアは8月16日（現地時間）、フォーチュン1000企業のWebサイトで利用されているWebサーバやアプリケーションサーバのシェアについての最新の調査結果を発表した。調査によれば、過去1年でマイクロソフトのIIS 6.0のシェアが9.5ポイント上昇して36.5％となり、IIS 5.0の18.10％を逆転。OSSのWebサーバ、Apacheの24.9％をしのぐ普及率となった。IISのバージョン4～7の合計シェアは55％。レポートでは、IIS普及の要因としてASP.NET利用が進んだことを挙げている。 同じくフォーチュン1000企業のWebサイトを対象とした調査で、アプリケーションサーバのシェアはASP/ASP.NETがトップで51.5％のシェアと2年前から7.9ポイントの上昇。J2EE、JSP、WebLogic、WebSphere、TomCa
Webサービスにおけるセキュア通信といえばHTTPS(HTTP over SSL, HTTP over TLS)がデファクトスタンダード。これはSSL/TLSを活用してWebブラウザレベルで暗号化通信を実現し、Webブラウザとサーバ間における通信データをまるごと暗号化するというもの。Ajaxアプリケーションといえど、そこは同じだ。 しかし、HTTPSにするほどではないものの、通信内容の暗号化は実現したいという向きも多い。HTTPSでは認証局から許可を得た鍵を使わないとWebブラウザから警告が出るなど、面倒なことが多いからだ。そんなときには「aSSL」というライブラリを検討してみてほしい。HTTPSほど安全ではないものの、パスワード盗聴対策レベルなら便利に使うことができる。 aSSLとは aSSLはJavaScriptで開発されたセキュア通信のためのAjaxライブラリ。Francesco S
今回はRuby on Rails（以下、Rails）を用いてAjaxアプリケーションを作成します。まずはAjaxについて、簡単におさらいしましょう。 ご存知の通りここ1年余りAjaxは多くのメディアで取り上げられ、注目が集まっています。Ajaxは「Asynchronous JavaScript + XML」の略称で、その名の通りXMLとJavaScriptを用いた非同期通信技術のことです。 Ajaxを用いることでサーバアクセスをバックグラウンド化することができ、シングルページでアプリケーションを作成することができます。「サーバアクセス＝画面全体更新」であった従来のWebシステムに比べて、効率的でユーザビリティの高いシステムを実現する手法として注目されています。 また現在ではXMLの利用や通信の発生がなくても、JavaScriptを用いてリッチなUIを実現していればAjaxと呼ばれるようにな
This repository is private. All pages are served over SSL and all pushing and pulling is done over SSH. No one may fork, clone, or view it unless they are added as a member. Every repository with this icon () is private. This repository is public. Anyone may fork, clone, or view it. Every repository with this icon () is public.
それは何？ prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
