[B! URL][Ajax] sometkのブックマーク

sometk id:sometk

URLとAjaxに関するsometkのブックマーク (2)

pjaxできれいなURL＋非同期画面遷移！ | ヘッドウォータースのブログ TechNote
こんにちは。荒井です。 Facebookもtwitterもgoogleも画面遷移のときには、非同期で次のページを読み込むような作りになってますね！これは、ajaxで次のページを読み込むのと同時に﹁History API﹂というHTML5の機能を使って、URLを更新することで実現してます。毎回全部読み直さないから通常の画面遷移よりも早いし、URLが変わるから履歴に残るし、良いことばっかり！！SEO的にも﹁#!﹂を使ったやつより良いよっていうのを何かで読みました！！！これからWebサービスを作るなら、導入したいですね！！！これpjaxを使えば簡単に導入できるんです！！！よし！！！ PJAX!! pjaxとは、GithubのChris Wanstrathって人が作ってるjqueryプラグインです。上で説明した、History APIとajaxを使った非同期の画面遷移を簡単に導入すること
sometk 2014/06/16
画面遷移

1406

Ajax

api

pjax

jQuery

javascript

HTML5

url
リンク
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バーに表示するために使われるようになった。つまり
sometk 2011/02/12
Ajax

javascript

google

html5

HTTP

web

URL

twitter

uri
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx