Navigation API による「JS での画面遷移」と SPA の改善 | blog.jxck.io

2022/04/21 226 users SPA jxck.io 画面遷移 ミッシングピース 改善

Intro 従来の History API を改善する Navigation API の仕様策定と実装が進んでいる。 これは、 History API の使いにくかった部分を補うだけではなく、「JS で画面遷移をする」という現状のミッシングピースに取り組み、 SPA が抱える多くの問題だけでなく、 MPA すら改善する可能性のある API だ。 この API の目的と... 続きを読む

react-router 作り方

2021/12/04 15 users react-router history ライブラリ API

history で自分だけの最強のルーターライブラリを作ろう！ react-router は history というライブラリを内部で使用しています。ブラウザの history API の抽象化を提供するのが目的のライブラリです。 react-router v5 の API に useHistory というカスタムフックがあります(v6 から名前が変更されています)が、それはま... 続きを読む

キャンペーン用トラッキングパラメータ付きURLを、HTML5のreplaceStateで美しくスッキリさせてみた | 初代編集長ブログ―安田英久 | Web担当者Forum

2019/01/14 71 users 安田英久 utm_source トラッキングパラメータ 拡散

今日は、キャンペーン用のトラッキングパラメータ（utm_sourceとかutm_mediumとか）付きの汚いURLをスッキリさせるのに、HTML5のHistory APIで提供されているreplaceStateを使う、美しい方法を紹介します。 キャンペーンの効果測定を適切に行い、さらに、ソーシャルを通じた拡散の効果を高め、ユーザーにも優しい、良い... 続きを読む

History API: Scroll Restoration — Google Web Updates

2015/09/02 42 users

Using the History API to manage your URLs is awesome and, as it happens, a crucial feature of good web apps. One of its downsides, however, is that scroll positions are stored and then, more important... 続きを読む

Ajaxと組み合わせて便利なHistory APIを使おう - BREAK TIMES

2014/07/08 111 users Ajax BREAK TIMES エンジニア 山田 ページ遷移

2014-07-08 Ajaxと組み合わせて便利なHistory APIを使おう Javascript HTML5 こんにちは。PR TIMESフロント・エンジニアの山田です。 弊社ではAjaxを使ったサイトやサービスも多く運営しています。 さて、そのAjaxですがページ遷移なしにコンテンツを切り替える場合、当然ながらそのままではブラウザのURLも変わりません。これではユーザーが直接読み込み先にア... 続きを読む

Re: Single Page Application ではない場合 JavaScript コードのエントリポイントはどこにあるべきか？ - Webtech Walker

2014/03/31 68 users エントリポイント ルーティング SPA 方法 自分

Single Page Application ではない場合 JavaScript コードのエントリポイントはどこにあるべきか？ - @kyanny's blog Backbone.Routerは基本的にhistory APIやhashchangeを使ったSPAのためのルーティングをしてくれるものなので、SPAじゃない場合に使うのはあんまりオススメできない。 方法は色々だと思うけど、自分の場合はそ... 続きを読む

HTML5のHistory APIを制御するJSライブラリ「Davis.js」 :: dotHTML5

2011/05/30 18 users JSライブラリ dotHTML5 GitHub MIT 英語

Davis.js - Simple, degradable JavaScript routing using HTML5 pushState. HTML5のHistory APIを、制御するJavaScriptライブラリ「Davis.js」が公開されています。 (英語) ライセンスはMITのようです。 関連リンク： olivernn/davis.js (GitHub) 続きを読む