History API を「あらためて」使ってみる - シンプルシンプルデザイン JavaScript
以前、「History API を使ってみる」という記事を書いた。読み返したら非常に分かりにくかったため、History API の使い方をあらためて調べたので、自分なりの解を備忘録として残します。 サンプル：History API を「あらためて」使ってみる ライブラリ そもそも、便利なライブラリがすでにいくつか用意されている。 History.js devote これらは、History API に対応していないブラウザでのケアや、ページ内に「戻る」「進む」ボタンを設置した場合の制御もケアされているようだ（使ったことはないです）。これはすごい。これらを使う。以上。 ではあるが、ここではライブラリを使わずに、もっとライトにシンプルにHistory APIを導入してみる。 ユーザーにやさしい History API を使うメリットは、なんといってもユーザー体験が優れるということ。実際にペー
AjaxでもURLを更新して履歴を作れるHTML5のpushState試してみた
AjaxでもURLを更新して履歴を作れるHTML5のpushState試してみた 高速なWebアプリケーションを作成するにはAjaxがなくてはならないものとなりました。AjaxにはURLが更新されず、そのためブラウザの戻るも使用でません。 このような問題を解決するためにHTML5で追加されたのが「pushState」です。 投稿日2011年06月20日 更新日2011年06月20日 pushStateを使用していないサンプル jQueryのloadメソッドを使用したコンテンツ切り替えの簡単なサンプルです。 page1.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>page1</title> <link rel="stylesheet" href="style.css"> <script
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
