Hatena Blog Tags
はてなブログ トップ
History API
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

History API

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
iOSエンジニアのつぶやき•3年前

履歴スタックについて少し調べた

Webブラウザの履歴スタック？？っとなったので軽くメモ🔰 履歴スタックとは？ ユーザが訪れたページなどをブラウザのウィンドやタブごとに管理するもののことを指します。 また、macなどでは⌘ + 左右矢印などで、ページの前後に移動することができますが、この場合は履歴スタック自体が変更されるのではなく、履歴スタックないの現在位置が変わっているらしいです。 履歴スタックを操作するには？ History APIというものを使って履歴スタックを操作することができるそうです。 https://developer.mozilla.org/ja/docs/Web/API/History_API/Working…

#Web#History API

ネットで話題

もっと見る
107ブックマークAjaxと組み合わせて便利なHistory APIを使おう - PR TIMESデザイナー&エンジニアブログ BREAK TIMESbreaktimes.hatenablog.com
82ブックマーク想定外な規模へと成長し続けるサービスを 支えるサーバ開発・運用の軌跡 ~ DBの縦横分割スケーリング ~ / History of a large-scale Web API service development and operation with vertical and horizontal database partitioning.speakerdeck.com
78ブックマークAndroid4.0にはHTML5 History APIが実装されていない - 愛と勇気と缶ビールzentoo.hatenablog.com
75ブックマークHTML5 History APIで非同期通信時にURLを変更する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作liginc.co.jp
70ブックマークJava SE 8 Lambda & Stream API Overview from Historywww.slideshare.net
64ブックマーク【HTML5】HISTORY API「pushState/popState」を使って画面遷移しなくてもURLを変化させて、戻るボタンの挙動をカスタマイズする | unitopi - ユニトピ -unitopi.com
59ブックマークGoogleジョン・ミューラー、新しいサイトには「#!」のAjaxよりも「HTML5のHistory API/pushState」を推奨www.suzukikenichi.com
50ブックマークルーティング機能を自作して学ぶ History API - 30歳からのプログラミングnumb86-tech.hatenablog.com
43ブックマークHistory API - Scroll restoration  |  Blog  |  Chrome for DevelopersUsing 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 importantly, restored whenever you traverse the history. This often means unsightly jumps as the scroll po...developer.chrome.com

関連ブログ

タオルケット体操•19時間前

NIH症候群の逆襲

僕がプログラマーになった20代前半の時期は、ちょうどRubyやPythonが日本でもキャズムの峠を越え始めたあたりだったようにおもう。 なので最初の数年間は、当初の所属組織がSIerやハードウェア寄りのお堅い環境だったのもあって 「OSSはとにかく最高でバンバン使え」 「（他人が作った）小さいパーツをとにかく組み合わせろ」 「自分で書いたコードは少ないほど良い」 という当初の風潮を無邪気に信用していたようにおもう。 （とはいえ僕がプログラミングを覚えた言語であるPythonは他と比べると比較的堅実で、標準でできることをちょっと楽に書けるだけのライブラリは入れるんじゃねえ！というような文化はあっ…

わいえいとの拡張機能開発日誌？•25日前

悪質な広告ページがあるそうだ　解決編

先日の件について、解決方法がわかりました。 向こうがhistory APIを悪用するのであれば、こちらもhistory APIで対抗します。 回避方法は、「戻るボタン押してもURLに変化なければ強制的に戻る」です。 Tampermonkeyで実現可能なので、以下にソースを載せます。 ーーーーー以下をコピペーーーーー // ==UserScript==// @name No Outbrain// @namespace http://tampermonkey.net/// @version 2024-08-17// @description No Outbrain!// @match http*:…

Lazy Diary @ Hatena Blog•1ヶ月前

ChromeとEdgeの挙動差

ChromeとEdgeって同じエンジンを使ってるけど、挙動の違いってあるの？対応OSとか機能の違いは分かるけど、Webアプリを実装する上で特に気にしないといけない点はあるの？という話。事例が見つかったら追加していく。 History APIに関する挙動の差。 blog.maripo.org 使用できる認証スキームの差（グループポリシーで制御されている模様）。 itc-engineering-blog.netlify.app

理系学生日記•4ヶ月前

SPAで履歴を遷移するときのウィンドウ位置

いわゆるブラウザの「戻る」ボタンをクリックして画面を遷移すると、前画面のウィンドウ位置を保持するのが通常です。例えばとあるサイトに一覧画面があるとして、ブラウザを大きくスクロールして特定のレコードを表示し、そのレコードをクリックします。すると当該のレコードの詳細画面に遷移します。ここで「戻る」ボタンを押すと一覧画面に戻り、特定レコードが表示されているスクロール位置に戻る、という挙動です。 この挙動はSPA（Single Page Application）でも同様に期待されます。SPAでは画面遷移が行われても、ブラウザの履歴を操作することで前画面に戻ることができます。しかし、そううまくいかないの…

独学プログラミングハック•7ヶ月前

メモ：Next.js14.1のshallow routingについて

Next.jsの approuter における、shallow routing について、特に良かった記事と、そこで得られた学びのメモです。 現状NextjsのApp Routerでshallow routingは対応していない pagesではできる: nextjs-ja-translation-docs.vercel.app ちなみに、shallow routingとは、現在表示しているページをリロード、再レンダリングせずにURLのみを変更すること。 これに関しては、以下のイシューでも議論されています github.com これに関して、次の記事に解決策が掲載されていた 「window.hi…

一休.com Developers Blog•9ヶ月前

一休レストランで Next.js App Router から Remix に乗り換えた話

このエントリーは一休.com Advent Calendar 2023の15日目の記事になります。 CTO 室の恩田です。 現在は一休レストランのフロントエンドのリアーキテクトを手がけています。 今日はその中で Next.js App Router から Remix に乗り換えた話をご紹介したいと思います*1。 背景 6日目の記事で香西から紹介させていただきましたが、2023年10月に一休レストランのスマートフォン用レストラン詳細ページをリニューアルしました。 一休レストランの Rust バックエンドが正式リリースされました。https://t.co/7N4VGv5ej9 このページのスマート…

CARTA TECH BLOG•1年前

神ゲー攻略の Core Web Vitals を大幅改善した話: CrUX API による計測基盤と施策

Lighthouse Studio エンジニアの西森です。 今回は弊社が運営しているゲーム攻略サイト「神ゲー攻略」の Core Web Vitals の各指標を 20〜80% 改善した取り組みを紹介します。 Core Web Vitals とは CrUX API を使った Core Web Vitals の計測 Core Web Vitals の改善施策 SPA + SSR から SSR only へのリアーキテクチャ 画像領域の遅延確保 計測とゴール設定 おわりに Core Web Vitals とは Core Web Vitals とは、Google が提唱するページのユーザーエクスペリエ…