こういう変化がはてなブックマークで騒ぎにならないのも時代の流れか… PC検索ではキャッシュは重宝するけどスマホ検索では誰もキャッシュなんて気にしないもんな でもアーカイブ好きにはキャッシュは貴重な情報源なんだよ… いつ削除されたかとかいつ修正されたかとか時系列追えるしな 最近はキャッシュ取得を拒否してるサイトばかりだけど 今は直リンすればキャッシュ見ることができるけどGoogleがこのままキャッシュを残すことすらも辞めたら嫌だな
ウェブブラウザを自動操作する際には、WebDriverやChrome DevTools Protocol (CDP) などのAPIが広く利用されています。 これらのAPIを基盤に構築された様々なブラウザ自動操作フレームワークが、テスト自動化の分野で重要な役割を果たしています。 例えば、SeleniumやPlaywrightといったフレームワークを利用して、テストの自動化に取り組まれている方もいらっしゃると思います。 私もテスト自動化フレームワークの便利さを享受する一方で、フレームワークを介さずにブラウザを自動操作する方法についての興味がわいてきました。 そこで、この記事ではWebDriverやCDPが提供するAPIを直接利用してブラウザを操作する方法を基礎から探求してみることにしました。 これにより、私たちが普段利用しているフレームワークの背後にある原理を理解し、より深い知見を得ることを目
ウェブブラウザー「Firefox」について、ネット銀行「PayPay銀行」は2022年3月25日にサポートを終了した。推奨ブラウザー環境の対象外となり、今後は画面が正しく表示されなくなる可能性がある。 2004年に公開された米国発のFirefoxは、かつてはウィンドウズ搭載パソコン（PC）に標準搭載されていた「Internet Exploer」（IE）に次ぐ有力な選択肢として人気を集めた。現在では、事情が変わってきている。 2010年は国内2位、シェア2割強だった アイルランドの「statcounter」というサービスは、ウェブブラウザーの利用率を集計している。公式サイトによると、世界中の200万以上のサイトへのアクセスを分析しているという。 それによると今から11年ほど前、2010年12月の国内パソコンブラウザーのシェアは、IEが58.6%で1位、そして2位にFirefoxが21.63%
言語設定はウェブブラウザのバージョンによって異なる。 ここでは記事執筆時点の最新版を対象としている。 対象環境は、Windows 11、iOS/iPhone、Android、Edge、Chrome、Safari、Firefox。 Edge ウィンドウ右上の「…」をクリックし、「設定」を選択する。 左メニューから「言語」を選択する。 「言語の追加」ボタンで好みの言語を追加できる。 追加した言語は、各言語の右端にある「…」から上下へ動かして優先順位を変更したり、削除できる。 ただし、OSの初期値として設定されている言語（日本語など）は削除できない。 また、Chromium版以前の旧Edgeは、Windowsの言語設定がそのまま反映される仕様だった。 Google Chrome PC版 ウィンドウ右上の「︙」マークをクリックして「設定」を選択する。 左側のメニューから「言語」を選択する。 「言語
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。Yahoo!ニュース を担当しているエンジニアの喜楽です。 今回は、Yahoo!ニュースが取り組んでいるブラウザバック時の表示最適化手法について紹介します。 なぜブラウザバック時の挙動に注目するのか ユーザーがYahoo!ニュースのページを閲覧し、別のページに遷移する方法は大きく分けて以下の2つが考えられます。 （A） リンクをたどってページを遷移する （B） ブラウザーのナビゲーションボタンまたはスワイプ操作によって遷移する 「戻る」による遷移（ブラウザバック） 「進む」による遷移（ブラウザフォワード） Yahoo!ニュースでは総PVのうち一定程度が(B)のブラウザバックまたはブラウザフォワードによるページ遷移時のも
フロントエンド連載の5記事目です。 HTML5が2021年の1月に廃止されました。 Webエンジニアとしてバリバリ活躍されてる方やエグゼクティブテックリードのような肩書きを持つ方にとっては「何をいまさら」という話題かと思います。 しかしながら、今年も新人さん入ってきてくださったので、プログラミングを学習中にHTML5という文字列に悩まされないように、そもそもHTML5とは何かや、廃止された経緯をまとめてみます。 HTML5とはWebサイトを作るときに必ず書くことになるHTML。Webサイトのコンテンツ、つまり中身や構造を作るために使うマークアップ言語です。 そして、その最近版として10年ほど前に登場したHTML5。当時は Webニュースなどで盛んに特集が組まれていましたが、このHTML5がついこないだ、2021年1月28日に廃止されました。 広義のHTML5 / 狭義のHTML5HTML5
Webの用語を100秒で解説するチャンネルを作りました！ よかったらチェックしてみてください！ はじめに 以前書いた記事「Webページがブラウザに表示されるまでに何が起こるのか？」で ブラウザレンダリングについて詳細に知りたいという意見をいただいたので、調べてまとめてみました。 全体図 レンダリングの大まかな流れです。 HTMLのダウンロード サーバから送られてきたHTMLをダウンロードします。 HTMLの解析 サーバから送られてきたHTMLファイルは、「0」と「1」でできたデータになっています。 ブラウザは、サーバから受け取ったデータをそのままHTMLとして解釈することはできないので、自分で扱うことができる形、つまりDOMに変換する必要があります。この作業を 解析 ( Parse ) と言います。 HTMLをダウンロードしたら、すぐにこの解析作業に入ります。作業は以下のようなステップにな
5. • JavaScript をページに流し込んでブラウザを操作する • 😃実行早め • 😃セットアップ簡単 • 😐マルチブラウザ対応はツールによりけり • Nightmare - https://github.com/segmentio/nightmare • Cypress - https://github.com/cypress-io/cypress • TestCafe - https://github.com/DevExpress/testcafe 6. • Chrome や Firefox の開発者ツールの API を 使ってブラウザを操作する • ☺️ セットアップがほぼ不要ですぐに使え る • ☺️ CI 環境で動かしやすい • 😐 多ブラウザ対応はできない • Puppeteer / Puppeteer for Firefox - https://github.
Web標準のHTTPクライアントfetch()でストリーミングしながらアップロードできるようになる。
速くて軽い「Ancia」 Anciaは、Internet Explorer（IE）をベースとした超高速ウェブブラウザです。 IEのレンダリングエンジンを使用しているため、使い勝手はIEと同じですが、多段タブやマルチプロセス、マウスジェスチャ機能を新たに搭載しています。 Ancia最大の特徴はなんといっても「軽い」ことです。 軽い動作を目指し設計しているという謳い文句の通り、Google ChromeやFirefoxと比べても軽快に動作し、あらゆるブラウザの中でもトップクラスの軽さを実現しています。 また、IEレンダリングエンジン搭載ブラウザはGoogle Chromeなどの台頭により開発が停滞するブラウザが増えていますが、Anciaは現在でも更新が続いており、公式フォーラムでは現在も要望や質問が続いています。 インストール不要（ダウンロードして解凍するだけ）で使用でき、アンインストールも不
更新履歴 [ 全て表示戻す ] 2015.01.29: 一部手順がHomeEditiomでは利用できない旨を追記 2015.01.11: 誤字脱字の修正、登録カテゴリの修正 2014.12.04: 「WebCacheフォルダ」削除に関する安全性のチェックを追記。 はじめに IE11およびIE10のお話です。 IE11/10では、「WebCache」という名前のキャッシュフォルダが新たに加わり、「Temporary Internet Files」フォルダもWindows8.1以降は「INetCache」という名称に変更になっています。 最近になって「ブラウザやOSが不調になった時、[WebCache]フォルダの中身をクリアするとOSの調子が戻る場合があるんじゃない？」てな疑問を持ったので、(特にPCの調子は悪くなっていないけど) テスト＆調査してみました。 「WebCache」フォルダの中身
グループポリシーなどで管理者に制限されユーザーによるInternet Explorerの履歴やキャッシュの削除ができない状況で削除を行うためには削除するコマンドを実行しなければなりませんが、コマンドプロンプトの起動やコマンドの入力が面倒です。 そこで、楽にコマンドが実行できるようにバッチファイルを作ってみたのでメモ。 IE11でしか試していませんが、他のIE7/8/9/10でも使えるはず...。 バッチファイルのソース 以下のソースをメモ帳などのテキストエディタに貼り付け、適当にIETempCleanup.batとか名前を付けて保存して使ってみてください。 @echo off :Home cls echo. echo =================================== echo Internet Explorer 履歴削除ツール echo IE 7/8/9/10/11
Microsoftがウェブブラウザの「Microsoft Edge」で、独自開発のブラウザエンジンである「EdgeHTML」から、オープンソースの「Chromium」互換のプラットフォームに移行することを正式に発表しました。その理由について、Edgeの開発チームに所属していたという人物が、掲示板上で「Googleが意図的にEdgeを蹴落とそうとしていた」と指摘しており国内外で話題になっています。 “I very recently worked on the Edge team, and one of the reasons we decided to end EdgeHTML was because Google kept making changes to its sites…”https://t.co/BQKYNUlXAm— comex (@comex) 2018年12月17日 名前出
Google、Mozilla、マイクロソフトが「WebAuthn」の実装を開始。これによって「FIDO2」の普及が期待され、Webブラウザから指紋認証や顔認証などで簡単にWebサイトへのログインや支払いの承認といった操作が実現されそうだ。 多くのWebアプリケーションは、ユーザーの認証にユーザー名とパスワードの組み合わせを用いています。 しかしユーザー名とパスワードの組合わせを用いる方法にはさまざまな問題が指摘されています。身近なところでは、安全なパスワードを生成することの手間や、安全性を高めるためにパスワードの使い回しを避けようとした結果発生する多数のパスワードを管理することの手間などがあげられます。 そしてこうしたパスワードの不便さが結果としてパスワードの使い回しを引き起こし、いずれかのサイトで万が一パスワードが流出した場合にはそれを基にしたリスト型攻撃が有効になってしまう、などの状況
UIを持たずスクリプトから操作可能なWebブラウザのHeadless Chromeを利用するためのフレームワーク「Puppeteer」がバージョン1.0に到達した。Webアプリケーションの自動テストなどに利用可能だ。 GoogleのWebブラウザ「Chrome」は、ユーザーインターフェイスを持たずコマンドラインやリモートデバッグ機能を通じてWebブラウザを操作できる「Headless Chrome」機能を備えています。この機能は2017年6月にリリースされた「Chrome 59」から実現されたものです。 Headless Chromeを利用すると人間がWebブラウザをマウスやキーボードで操作することなく、プログラムでHeadless Chromeを起動し、特定のWebページを読み込み、画面キャプチャの取得や、指定された場所をクリックし、値を入力し結果を取得する、といった操作を自動的に行わせ
それで、「そんなにいいのかな？」と半信半疑でインストールして、使ってみた瞬間、惚れました。 プログラミングをする人にとって、Sublime Textは、「恋に落ちるエディター」とよく言われていますけど、WEB開発者にとってBliskは「恋に落ちるブラウザ」といっても過言はないのではないかと思います。 以下では、そう思うに至った理由について述べたいと思います。 この記事は、2016年7月9日に書いたものです。2016年11月1日にversion 1.0.125.166が出たことにより、機能の一部が有償プランに加入しないと利用できなくなりました。ですので、無料で利用する場合は、30分で機能制限がかかったりするようになったのでご了承ください。 Blisk（ブリスク）とは Bliskは、WEB制作者がサイトの動作確認をする上で、便利な機能がデフォルトで備わっているWEBブラウザです。 現在は、Wi
1. SPDYブーム到来 おかげさまで、ここ数日 SPDY が私の周りで非常にブームになってきています。 前回案内したSPDY＆WS勉強会は既に200名以上の申し込みがあり、今ではSPDYネタでブログを書くと非常に注目されるうれしい状況です。時代はまさに、 SPDYはハイプサイクルを順調に駆け上がっている 状況だと思います。 図１：2012年のハイプサイクル： 図はガートナー社のプレスリリース http://www.gartner.co.jp/press/html/pr20120906-01.html から引用 SPDYが、まだ黎明期に入ったばかりなのか、それとも既にピーク期に入ったのか、それは歴史が証明してくれるでしょう。 ということで勉強会までSPDY熱が冷めないよう、私もいろんなSPDYネタを出していきたいと思います。 2. GmailがハマったSPDYの落とし穴とは 先日、 Goo
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
