Tim Bray: 「URLに#!入れるな」 - karasuyamatenguの日記
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バーに表示するために使われるようになった。 つまり
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 |
20 Excellent Websites for Learning Ajax
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. Ajax (asynchronous JavaScript and XML)
Webデザイナー/開発者が覚えておくとよい２５のテクニック:phpspot開発日誌
25 Code Snippets for Web Designers (Part1) There are loads of handy scripts, bits of html and widgets that you can incorporate into your websites and blogs - here we bring together 25 of the most helpfull in the first part of this series … Webデザイナー/開発者が覚えておくとよい２５のテクニックが紹介されていました。 知っておいてサイトに組み込めば、一歩レベルが上のサイトを構築できるはずです。 CSSを使うものだけでなく、JavaScript や PHP も絡んでくるものもありますが、サンプルを改変することで設置をすることも出来るはずです。 バブルツー
Pipes: Rewire the web
This pipe is designed to use eBay's RSS API to find items within a certain price range. Created by Ed Ho (show me) This pipe is designed to use eBay's RSS API to find items within a certain price range. Created by Ed Ho (show me) About Pipes Pipes is a powerful composition tool to aggregate, manipulate, and mashup content from around the web. Like Unix pipes, simple commands can be combined togeth
PHPからjQuery（JavaScriptライブラリ）を簡単に使うことができる「PQuery」:phpspot開発日誌
PQuery - PHP and JQuery at NGCoders PQuery is a set of helper classes for JQuery JavaScript library. PHPからjQuery（JavaScriptライブラリ）を簡単に使うことができる「PQuery」。 PQueryは、PHPにjQuery用のオブジェクトを提供してくれます。要はPHPからjQueryが扱いやすくなります。 JavaScriptをそこまで知らずとも、PQueryを使うことで、PHPのみでAjax等のJavaScriptが持つ機能を実装できるようです。 PQueryを使ったTODOリストのデモも公開されてます。 JavaScript苦手なPHPプログラマの方は試してみましょう！
【レビュー】カユいところに手がとどく - 軽量・高速「jQuery」 (1) jQueryとは | エンタープライズ | マイコミジャーナル
1 jQueryとは jQueryはJavaScriptで開発されたAjaxライブラリ。The MIT LicenseおよびGNU GENERAL PUBLIC LICENSE Version 2のデュアルライセンスで提供されているオープンソースソフトウェアで、一口でいえばPrototype.jsとよく似たJavaScriptライブラリだ。2006年9月23日(米国時間)に公開された「Ajaxian.com 2006 Survey Results」の調査結果によると、もっとも人気があるAjaxフレームワークは上から順にPrototype、Script.aculo.us、Dojo、DWR。割合は7%ながらも6位にはiQueryがランクインしている。 jQueryはPrototype.jsに触発されて開発がはじまったライブラリで、Prototype.jsと類似した表記方法を採用しつつ、整理され
Perl Tips | AJAX で、動的にテーブルを作る方法（中・上級）
先のエントリー AJAX で、動的にテーブルを作る方法（初級） では、感じをつかむために、ベタにテーブルを作成していたため、重複するロジック／コードが多かった。ここではそれをフレームワークっぽくした。こういう軽量なコードを理解した上で、ひな型として自分で持っておくと見通しがよくてよいと思う。 この JavaScript ではできるだけ Java のアプレットにならった構造やメソッド名に近づけた。つまり、 基本メソッドは、 createXMLHttp …xmlhttp オブジェクトを作成する。 get …サーバと HTTP 通信する。 repaint …サーバから来た XML データを使って画面を書き換える。 create …最初の1回だけ画面を作る。 init …この JavaScript の呼び出しもとの HTML から呼ばれる。 setTemplate …サーバから得られた XML デ
ウノウラボ Unoh Labs: Web2.0エンジニアのためのJavaScriptリファレンス集
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
【ハウツー】Yahoo! UI LibraryでさくっとAjax! (1) Yahoo! UI Libraryを使ってユーザビリティアップ! (MYCOMジャーナル)
「マルチプラットフォーム」「利用する際に必要なものは、デフォルトでインストールされているWebブラウザとネットワークに接続できる環境のみ」といったような利便性の高さから、見ない日はないと言っても過言ではないほど浸透したWebアプリケーション。今日もいたるところで、さまざまな業務を円滑にすすめるためにWebアプリケーションが利用されている。 Webアプリケーションはハイパーリンクやフォームなど、Webブラウザの基本機能を用いて作成されている。Webブラウザ単体でできることは限られているため、ローカルアプリケーションと比較するとユーザビリティにが低くなりやすい。このため、デベロッパはWebブラウザ上で動作するJavaScriptやFlashをもちいて、そのユーザビリティを高めてきた。 ここではJavaScriptコードを記述するデベロッパの負担を軽減かつユーザビリティを簡単に高めることができる
各言語用Ajax関連ライブラリ＆Ajaxフレームワークのコンプリートリスト:phpspot開発日誌
Software Development in the Real World: The Complete List of Ajax Tools Ajax has really taken off over the last two years. Ajax is really just the combination of Asynchronous JavaScript and XML. 各言語用Ajax関連ライブラリ＆Ajaxフレームワークのコンプリートリスト。 PHP, Perl, .NET, ColdFusion, Flash, Java用の他、Ajaxフレームワークのリストが公開されていました。 AJAX ライブラリ Yahoo Ajax Libraries - ご存知Yahoo UI Library Google Ajax Search Yahoo Maps Ajax API -
ALPSLAB scroll:Hammer
ハンマーを遠くに投げ飛ばすことによって地図を移動します。 マウスドラッグでハンマーをハンマー投げのように回し、行きたい方向に向かってハンマー(マウス)を離して、飛ばします。 ハンマーはハンマーを放したときの速度を維持して飛んで行きます。 スクロール地図の常識から外れた操作感。回して回して投げまくろう！ ※要Flash Player 8以降 うまくやるコツ ドラッグを始めたらすぐにマウスを離さずに、じっとハンマーの動きを観察しよう。ハンマーをうまく振り回せるようになったらトップスピードに乗ったところでマウスを離してみよう。上級者になれば日本縦断も夢じゃないカモ（左上のパワー指数に注目！！!） さらにうまくやるコツ もっとディープにHammerを楽しみたい人はHammer 裏FAQへ。 フルスクリーンモード 右下の「FullView」ボタンをクリックすると、フルスクリーンモー
phpから使えるajaxフレームワーク集:phpspot開発日誌
Ajax Digest // Thorough review of AJAX frameworks for PHP phpから使えるajaxフレームワーク集。 JavaScript を一切書かずにPHPでAjaxアプリを実現したい場合に便利です。 AJASON - PHP5で動作。Firefox1.06, IE6で動作テスト済み AjaxAC - IE6, Firefoxで動作テスト済み Ajax Agent - IE6+, Firefox+で動作テスト済み Cajax - DutchPIPE - PHP5+SimpleXML.Firefox, IE6/7で動作テスト済み HTSWaf HTML_AJAX - Pearのライブラリ。Firefox1.0+, IE5.5+, Safari 2+, Opera 8.5+で動作テスト済み JPSpan My-BIC - php4/5対応。Fire
Ajax IME ブックマークレット
Ajax IME ブックマークレットを作ってみました．右クリックしてブックマークに登録してみてください． Ajax IME ブックマークにアクセスするだけで現在表示しているページにある textarea と inputbox が Ajax IME 経由で入力可能になるはずです．成功すれば2秒ほどで textarea の色が変わって Ajax IME 入力状態になります．Alt-O で元に戻ります． たいていはうまくいくようですが，まだまだ完璧ではなくて CSS がらみから入力のカーソル位置が激しくずれたり，javascript のイベントがフックできなくて変化なしといったことが頻発します．気長に修正していくつもりですが，みなさんのフィードバックお待ちしております． Mixi の日記投稿や Movable Type の投稿も若干癖がありますが問題なかったです．海外からの日記更新がかなり楽にな
Highslide JS - JavaScript thumbnail viewer
What is Highslide JS? Highslide JS is an image, media and gallery viewer written in JavaScript. These are some of its advantages: Tip! Use the visual Highslide Editor to set up your Highslide installation without writing code. Quick and elegant looking. No plugins like Flash or Java required. Popup blockers are no problem. The content opens within the active browser window. Single click. After ope
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Ajax と XML: Ajax の最高傑作から学ぶ - Japan
IBM Ajax と XML: Ajax に共通の 5 つのデザイン・パターン - Japan
Yahoo UI Libraryを拡張した超リッチなコンポーネント集:phpspot開発日誌
IBM Ajax をマスターする、第 6 回
IBM XML から JSON を生成し、Ajax で使う - Japan