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 |
MOONGIFT: » 要チェック！Ajax向けIDE「WaveMaker Visual Ajax Studio」:オープンソースを毎日紹介
Prototype.jsやscript.aculo.us、jQueryなどのJavaScriptライブラリがあるお陰で、AjaxやJavaScriptを駆使したWebアプリケーションが容易に作成できるようになっている。が、まだまだGUIアプリケーション並みとはいかないのが現状だ。 サンプルアプリケーションを開いているところ それを打破できるかも知れないソフトウェアを紹介しよう。Webアプリケーション開発者皆さんにおすすめだ。 今回紹介するオープンソース・ソフトウェアはWaveMaker Visual Ajax Studio、Ajax開発向けIDE（統合開発環境）だ。 WaveMaker Visual Ajax StudioはJavaベースのソフトウェアで、Tomcatを使っている。起動後、localhost:8094でサービスが立ち上がる。ブラウザベースで動作するが、これはまさにIDEのW
StoryOfXmlhttp - XMLHTTP の話。
StoryOfXmlhttp - XMLHTTP の話。 目次 この文書について XMLHTTP の話。 追記 2007/1/31 著作権情報 XMLHTTP の話。 この文書について "Story of XMLHTTP" の日本語訳です。 http://www.alexhopmann.com/story-of-xmlhttp/ 添削歓迎: タイポ、訳語不統一、そのほか ... もう Microsoft を辞めるんだ。そう思うと、自分のやったプロジェクトのことを すこし振り返りたい気分になる。 XMLHTTP の歴史なんてのは、聞いてもらっても面白いとおもう。 XMLHTTP は後に大ヒットとなった。 人々がそれに気付いたのは、Google の Google Suggest 機能 で使われているのを目にしてからだろう。 ページのソースコードを調べ、仕組みを探ったわけだ。 実のところ G
freshmeat.netチェック MOONGIFT
オープンソース・ソフトウェアの宝庫ともいえるfreshmeat.netをチェックしている中で見かけた面白そうなソフトウェアを紹介します。実際にインストールして試した訳ではないので、動作無保証です。尚、紹介文も間違っている可能性があります。詳細はリンク先にはご確認下さい。 freshmeat.net: Project details for poker-network サーバ・クライアント型のポーカーゲーム freshmeat.net: Project details for Ampache Webベースの音楽マネージャ。 freshmeat.net: Project details for Vallheru MMORPG with PHP。 freshmeat.net: Project details for Diet Monger Ass Kicker ダイエット管理。 freshmea
javascript [paulownia.jp]
Java等のオブジェクト指向はクラスベースのオブジェクト指向と呼ばれる。一方、JavaScriptはプロトタイプベース、あるいはインスタンスベースオブジェクト指向と呼ばれる。 クラスベースは、まずクラスを定義し、クラスを型とするインスタンスを作成することでプログラミングする。プロトタイプベースによるオブジェクト指向では、クラスの定義は必須ではなく場合によってはクラスという概念自体が存在しない。既存のオブジェクトのクローンとして新しいオブジェクトを作成し、そのオブジェクトに独自の性質を付加してプログラミングする。 JavaScriptのオブジェクトの性質は動的に変更可能。Java等では一度決定したオブジェクトの振る舞いは変更できないが、JavaScriptでは実行中の任意の場所でメソッドの動作を変更したり、新しく追加したり、削除したりすることができる。
NTTデータ子会社が国内トップのJavaScript Webフレームワーク製品をオープンソース化，Seasar財団に寄贈
NTTデータイントラマートは同社のWebアプリケーション・フレームワーク製品「intra-martフレームワーク」の基盤部分をオープンソース化し，NPO法人Seasarファウンデーションに寄贈，無償公開する。同製品はJavaScriptでサーバー側のプログラムも開発できることが特徴。オープンソース化によりユーザーの拡大を狙う。 NTTデータイントラマートはNTTデータの子会社で，intra-martフレームワークの開発，販売などを行っている。intra-martフレームワークは約1700社が導入している。2002年の日経ソリューションビジネスによる調査では，商用Javeフレームワークとしては国内で販売金額1位トップ。2006年のノークリサーチによるSAPのフロントシステム構築ツールシェアでも28.6%で1位となっている。商用フレームワークとしては2000年と早期から販売を開始し，サポートや
ウノウラボ Unoh Labs: Dojoで簡単にクロスドメインAjaxを実現
こんにちわ、hideです。 最近、JavaScriptライブラリのDojoを使い初めて、その便利さに目覚めてしまいました。Ajaxで使用される通常のXMLHttpRequestではセキュリティ上の理由から、現在表示しているページ以外のドメインに対してリクエストを送ることができません。そこで考え出されたのが、JSONP(JSON with padding)という方法です。JavaScriptのインクルードは、同一ドメインでなくても読み込めるという性質を利用しています。 まずは下のボタンを押してみてください。実際にYahoo!から画像検索が実行されます。サーバを介さずにブラウザから直接Yahoo!APIを呼び出しているところがポイントです。 簡単に説明するとこういう仕組みです。次のようにリクエスト時のパラメータとして、callback関数を指定します。 http://example.c
Rubyist Magazine 0016号, 『実践Ajax—Web2.0アプリケーション開発への手引き』 - 角谷HTML化計画(2006-09-21)
■1 Rubyist Magazine 0016号 祝・二周年。あとで書く。 「勤勉な人たちが 1000 人ぐらいなぜか中国やインドから人を集めて作ったシステムは、繊細さが違うんだよ、繊細さが (笑) 」 essaさんのインタビューを見学させてもらいました。眼福。 豪華参加者に圧倒されていたのだけれども、頑張ってちょっとだけ口を挟んでみました。バベル17とかYARVカーゴ・カルトとか言えただけ満足。 ■2 『実践Ajax—Web2.0アプリケーション開発への手引き』 『Pragmatic Ajax』キター!!! 監修が宮川さんというのも頼もしい。さいきんのオライリー・ジャパンは頑張ってるなあ。 『Pragmatic Ajax』の面白さは今回のるびまの「Rubyist Hotlinks」のインタビューイでもあるessaさんによる記事が素晴しいので、そちらを参照のこと。戻るボタン重要!!
ウノウラボ Unoh Labs: 次世代のデータ記述言語（かも！）JAXON
ひらっちです。 Webプログラミングではどのようなデータが送られてきても正常に動作するよう、入力データの検証が欠かせません。一方で、ユーザがフォームに入力したデータを、JavaScriptを使ってその場で検証して表示できれば、ユーザビリティの向上につながります。 この二つの機能は、データの検証についてはほんんど同じ機能です。しかし、多くの場合、サーバサイドではJavaScriptとは違う言語でプログラミングされているので、共通のコードにすることはできませんでした。 今回私が作成したものは、プログラミング言語に依存しないかたちで検証方法を書くためのライブラリです。まだ機能が絞り込まれていなかったり、足りなかったりしますが、一応動く形になりましたので公開します。 この機能を実現するため、最初はJSONを使っていました。しかし、JSONはある程度を超えた複雑な表現をしようとすると、見た目に煩雑に
DojoベースのAjaxスプレッドシート登場 - これぞDojoの実力発揮! (MYCOMジャーナル)
Marius Hanganu氏は25日(ルーマニア時間)、Dojoをベースにして作成したスプレッドシートウィジェットを公開した。公開されたスプレドシートウィジェットはDojo toolkit 0.3.1をベースに構築されており、スプレッドシートに必要となる最低限の機能を提供している。 公開されたスプレッドシートウィジェットにおいて提供されている主な機能は次のとおり。 ToolbarおよびTabContainerウィジェットをベースに作成 キーボードによるセルナビゲーションの実現 カラムと行のリサイズに対応 セル選択、カラム選択、行選択に対応 フォント選択、フォントサイズ、フォントスタイル、フォント前後色設定に対応 シートの追加・削除に対応 関数に対応(数値関数22、文字列関数6) 公開されたウィジェットは開発版という位置づけにあり、いくつかのバグを含んでいる。試験はFirefoxとIEによ
非同期処理をシーケンシャルに扱うために - snippets from shinichitomita’s journal
http://hail2u.net/blog/coding/synchronous-requests-to-jsonp.html forループなら並列リクエストでも工夫次第でできると思うけど、前後的な依存関係が各リクエストにある場合は、やっぱり直列処理をしなければいけない。 2、3段くらいの直列処理ならコールバック関数を連鎖させて書いたり、インラインで無名関数指定したりしても困らないと思うけど、もっと多段階の直列処理をコールバック関数名の指定だけで記述しようとすると、コードを書く人でも頭の中にちゃんとフローのイメージが出来上がってないと厳しいし、コードを読む側はもっとこんがらがることになる。 たとえば del.icio.usからnetwork情報をJSONPで取得(http://del.icio.us/feeds/json/network/stomita) del.icio.usからfan
JSONPに同期リクエスト
コールバック関数を指定する形のJSONPへforループなどで複数回リクエストする場合、コールバック関数の実行される順はforループで回した順と一致するとは限らない(Opera除く)。そのため何番目にリクエストした結果に実行されたコールバック関数なのかといった処理状況をコールバック関数内で知ることが面倒だったりする(不可能というわけではない、多分)。それをあえて同期リクエストにすることでどうにかしてみようとかいう話。 同期リクエストするためには、forループなどでJSONPへのリクエストを一気に処理するのではなく、リクエストをひとつに留めてコールバック関数内で次に進むといった形で実装するが良さそう・・・とアイディアをバソキヤ求めて三千里の人に貰った。 つまり、 var urls = [ 'http://del.icio.us/feeds/json/cho45', 'http://del.ic
Interface elements for jQuery - About Interface
Interface is a collection of rich interface components which utilizes the lightweight JavaScript library jQuery. With this components you can build rich client web applications and interfaces with the same simplicity as writing JavaScript with jQuery. The collection is dual licensed with the MIT license and the GPL, which basically means you can use it for free for both non-commercial and commerci
最速インターフェース研究会 :: SafariのAjaxの文字化けをクライアント側だけで対応するバッドノウハウ
SafariでXMLHttpRequestのresponseTextが文字化けするという話。 http://blog.33rpm.jp/garbled-on-safari.html 最近のバージョンだとcontent-typeがちゃんとしてれば化けなかったような記憶があるけど、まあともかくとして、Safariで文字化けするのはJavaScript側だけで対処することができたりする。 http://kawa.at.webry.info/200511/article_9.html これ読んでほんとかよ、って感じだったんだけど案外役に立った。livedoor Readerで使われてたり。 実際に使われてるコードはこんなの。 if(browser.isKHTML){ ajax.filter.add(function(t){ var esc = escape(t); return(esc.index
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Ajax と XML: Ajax の最高傑作から学ぶ - Japan
Amazon.co.jp: リッチクライアントを加速させるAjax開発環境マスカットの全貌 MASKAT REFERENCE BOOK: 高野一利 (著), 川田洋平 (著), スタジオフロッグス (編集): 本
IBM Developer
Amazon.co.jp: 実践 Ajax ―Web2.0アプリケーション開発への手引き: Justin Gehtland (著), Ben Galbraith (著), Dion Almaer (著), 加藤慶彦 (翻訳), 宮川達彦 (監修), 宮川達彦 (読み手): 本
ZK - Leading Enterprise Java Web Framework
http://blog.33rpm.jp/garbled-on-safari.html