TwitterやFacebookのURLには、なぜ#!が含まれるのか (SEOとAjaxのおいしい関係) - kazuhoのメモ置き場
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 |
gmailで添付ファイルが自動でアップロードされるしくみ - bits and bytes
gmailでメールを書くとき、添付するファイルを選んでからしばらくすると、いつの間にか添付ファイルがアップロードされています。 添付するファイルを選ぶと、はじめファイル名が表示されていたのが 自動的にアップロードされて、名前とファイルサイズが表示されています！ 実は、あまり名前も聞かなくなった Google Page Creator がリリースされたときにいちばんびっくりしたのはページの右下にこのgmailの自動アップロードとよく似たしくみがあったことでした。で、さっそく解析してマネしてみたことがあります。今回はgmailでその仕組みを見てみます。 ちなみにその Google Page Creator には、ログインすると右下にこんな ファイルをアップロードするのに使う部分があります。 gmailの場合、メールが自動保存されるタイミングでアップロードされているかんじでしたが、こっちのはBr
最速インターフェース研究会 :: 遅延評価を使ってSjaxをAjaxに変換する方法
継続を使ってSjaxをAjaxに簡単に変換する方法 http://d.hatena.ne.jp/llamerada/20070220/1171984586 を見て。こんなのはどうだろう。 ユーザーからの入力や、非同期のHTTPリクエストなんかを、具体化されてないオブジェクトとして捉えて、それらを受け取った関数側が遅延オブジェクトを具体化するためのリクエストを投げて再試行する。ネストが深くならないですむ、同期処理で書く場合との変更点が少ない、あるいは完全に差異を無くすことができる。 alert(args)のコメントを外せば、引数が具体化されていく様子が分かるはず。 Function.prototype.receive_lazy = function(){ var orig = this; return function(){ var thisObj = this; var me = argu
TAKESAKO @ Yet another Cybozu Labs: Web2.0時代のAjax Binary Hacks
※公開用にいくつか手を加えてあります 前フリが長いとのツッコミがありましたので、今回の発表内容を少し要約してみたいと思います。 1. GIF Format Hacks (Server side) まずは、任意のpixelサイズ（幅・高さ）を持った画像ファイルを固定長の35byteで出力する方法 #!/usr/bin/perl use strict; use warnings; sub create_gif { my $size = pack "S2", @_; return "GIF89a$size\xf0\x00\x00\x00\x00\x00\xff\xff\xff," . "\x00\x00\x00\x00\x01\x00\x01\x00\x00\x02\x02L\x01\x00;"; } print "Content-Length: 35\n"; print "Content-Ty
Ajaxload - Ajax loading gif generator
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
AjaxZip 2.0
Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版） AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ
Ajaxの特徴に潜むリスクをサンプルアプリで確認しよう ― ＠IT
第1回 Ajax技術の目に見えない通信内容をのぞいてみようでは、Ajaxの技術背景を解説しました。今回は、「セキュリティ」という観点でAjaxを見ていきたいと思います。 2回目の今回は、非常に幅広く、奥が深い「Ajaxの特徴に潜むセキュリティリスク」を、実際のサンプルアプリケーションの通信や、マウスの動きを動画で見ながら、理解しましょう。スパイウェアやキーロガーへの基本的な対策も解説します。 通常のWebアプリと異なるAjaxの特徴に潜むリスク 「Ajaxのセキュリティ」といきなりいっても、『Ajaxとはいえ、単なるWebブラウザで動作するアプリケーションなのだから、これまでのWebアプリケーションのセキュリティとあまり変わらないのでは？』と予想される方も多いでしょう。確かに、Webアプリケーションとして注意すべきセキュリティのポイントは、Ajaxにおいても共通して当てはまると考えて問題あ
Web 2.0の挑戦者：AJAXを駆使した単一ページのホテル予約サイトPaguna
Pagunaの創設者Joerg Bienert氏がメールでのインタビューに応えてくれた（2006年3月23日送付）。 Pagunaはどのようなサービスを提供するWebアプリケーションですか。 Pagunaは、1ページ上にすべてを実装したAJAXベースのホテル予約システムです。 このプロジェクトを始めたきっかけは何ですか。 AJAXを使用することでどの程度使いやすさを高められるのか試してみたかったのです。 Pagunaの運用や拡張にどのくらいの時間を割いているのですか。また、本業はお持ちですか。 われわれは、AJAXとWeb 2.0に特化したWebコンサルタント企業です。Paguna.comはわれわれが手がけているプロジェクトの1つであり、1人のプログラマが専任で担当しています。 スタッフは何人くらいいるのですか。どのような経歴の方々ですか。 我が社は、私とStefan Kellnerの2人
Ajaxが本当に「使える」領域とは？--UIEvolution中島氏が講演
Web 2.0技術の1つとして注目されるAjax。Googleマップをはじめとして新しいインターネットサービスに数多く利用されるようになっているが、どういったサービスで最も効果的に利用できるのだろうか。6月22日に東京都内で開催されたJavaに関するセミナー「Java World DAY 2006」において、UIEvolution CEOの中島聡氏が講演した。 中島氏はまず、ソフトウェア業界では現在、パッケージからウェブアプリケーションに移行する流れが起きていると指摘した。これは単なる技術革新ではなく、ビジネスモデルの変化を伴う大きな動きであるがゆえに、Microsoftをはじめとした既存のソフトウェア事業者に大きな戸惑いと危機感をもたらしているという。 これまでもAmazonをはじめとして、ウェブアプリケーションを活用したインターネット企業は数多く存在した。しかしこれまでのウェブアプリケ
SUNとリクルートがWEB2.0でマッシュアップコンテストを開催 | fladdict
SUNとリクルートが共同でWEB2.0マッシュアップコンテストを開催。 コンテストの勝者はもれなくマウスが３０個もらえます。おまけで約20万4700ルピー（2006年6月5日為替レート）もついてきます)。 賞金はどうでもいいんですが、提供されるAPIがムッサ面白げ。FlashでやるにしてもAjaxでやるにしても楽しい実験ができそうなメモ。 カーセンサーラボAPIは、カーセンサーラボ（http://www.carsensorlab.net/）がもつ中古車物件情報及び自動車のカタログ情報を、開発者の皆様に提供するAPIです。 じゃらん宿表示APIは、じゃらんnet（http://www.jalan.net/）で検索・予約を行うことができる、日本全国約13,500軒の宿・ホテル情報をXML形式で返すAPIです。 Smatch APIは、Smatch（http://www.smatch.jp/）で
akihiro kamijo: Spry （Ajax フレームワーク）公開
Adobe から Spry という名前の Ajax フレームワークが公開されました。（Adobe Labs/spry） Spry は BSD ライセンスの下でフリーで使用できます。 こちらのページでデモが見られます。（Spry Demos） ダウンロードはこちらから。（Spry Download） Spry の特徴は Web 制作者を主ターゲットにしていることで、CSS を使った HTML ページ作成の知識があれば、特に JavaScript に詳しくなくても使えるよう設計されています。このようにすることで、従来の Web デザインの延長として Ajax を使えるようにしたいというのが目標です。今までの Ajax はどちらかというとプログラマの視点から語られることが多かったですよね。 既に公開されている Flex-Ajax Bridge (FABridge) と組み合わせれば Spry と
Vivek Jishtu live and kickin': Speed up your AJAX based webapps
UPDATE: I guess most people are not getting what this technique does in the first place. It sets the expiry of the JavaScript to years and not days. Once the JavaScript file is downloaded it is never downloaded again, ofcourse unless you force it by removing the file in the cache. If you visit the site often the JavaScript will not be removed from the cache. If you make any changes to the JavaScri
こども(てれび)
適当な感想を言うだけなのもなんなので例を書きます。これを作る。higeponにあやかりたいあやかりたい。 いまさら人に聞けないAjaxと簡単なサンプル - higepon blog ・画面上テキストラベルに見える部分をマウスクリックすると編集可能になる ・文字列を入力し、Enterキーを押すと、テキストがバックグラウンドで更新され、ラベル表示に戻る。 ・画面はリロードされない。 完成品はこれ。 http://childtv.org/prototype/sample.html 使っているのは Prototype 1.3.1 です。 http://prototype.conio.net/dist/prototype-1.3.1.js sample.html <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C/
Ajax時代の、サーバ<->クライアントで協調するMVCフレームワーク：Goodpic
This shop will be powered by Are you the store owner? Log in here
Jemplate登場によるMVCアーキテクチャ進化の可能性 - Accept Things
2005年はAjaxが流行ました。AjaxによってWebアプリケーションの操作性が劇的によくなりました。しかしその一方で、Ajaxの登場によってWebアプリケーションのアーキテクチャに歪みが生じました。サーバーサイドのコードはMVCアーキテクチャによって綺麗に各層で役割分担ができていますが、クライアントサイドにおいてはそうではありません。現在多くのAjaxベースのアプリケーションでは、JavaScriptコードの中にロジックとHTMLコードを混在させるやり方でAjaxを実現しているため(恐らく)、メンテナンス性の低下を招いています。 そこで今回はこの問題を解決する新たな動きが最近見えてきたので紹介します。そして、新たに登場したJemplateによるMVCアーキテクチャの進化の可能性について考えてみます。 GoodPicの金子さんの予想 以前、GoodPicの金子さんが書かれた以下のエントリ
Ajax は難しい? AHAH ならどうだ | 秋元@サイボウズラボ・プログラマー・ブログ
AHAH は Asynchronous HTML and HTTP の略で、Ajax の Javascript と XML の部分を素の HTML に置き換えた、Ajax のかけそばみたいなものだ。 AHAH (アハー、と読むのだろうか)は、Ajax の簡略版と言える。提唱者の主張するその特徴は、 XML スキーマとか考えないことでデザインが高速にできる 現行の HTML を再利用でき、新たにウェブサービスを作る必要が無い すべてのデータはブラウザで見える形でやりとりされ、デバッグやテストが簡単 HTML はページの DOM に直接埋め込める形で返されるので、パーズが不要 HTML なので、デザイナが CSS で直接フォーマットできる。XSTLT でプログラマーが整形するよりいい 処理はサーバ側で行われるので、クライアント側でプログラミングは無い サーバ/クライアント間のデータ転送を、無駄
メモ＆カレンダーWebアプリケーションつくりました。 : blog.nomadscafe.jp
メモ＆カレンダーWebアプリケーションつくりました。 Tagがつけられるメモ帳Webアプリケーションをつくってみました。次のキラーアプリらしいカレンダー機能もついています。 http://femo.nomadscafe.jp/ ↓Helpで使っているスクリーンショット メモのTagとして、2005-12-09と日付をいれるとカレンダーの方に整頓される仕組みです。カレンダーでもTagCloud風にメモ件数の多い日は字が大きく表示されます。 Catalyst + Ajax + TypeKey認証 + Tagging + はてな記法と話題の技術を使い派手に実装しました。TypeKeyのアカウントを持っていればログインだけで使えるのでぜひお試しください。ご意見もくださいませ。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch
Femo (beta)
本： Ajax 実装のための基礎テクニック
