ネイティブLazy-loadのしきい値をChromeが改良。ビューポートからの距離を短くし、遅延読み込みが適用されやすく
[レベル: 上級] Chrome がネイティブ Lazy-load を適用する際のしきい値を Google は改良しました。 ネイティブ Lazy-load を適用する画像/iframe のビューポートからの距離を従来よりも短くしました。 つまり、ネイティブ Lazy-load がより適用されやすくなります。 3000px から 1250px へ短縮 これまでは、ビューポート（スクリーンに見えている領域）から 3000px 以上離れている画像と iframe がネイティブ Lazy-load の機能により Chrome は遅延読み込みしました。 これからは 1250px になります。 少し乱暴な言い方をすると、以前は、たとえ見えていなくてもページのずっと下にないと画像は遅延読み込みされませんでした。 改良後は、そんなに下になくても遅延読み込みされます。 したがって、より多くの画像（と if
マイクロソフト、Chromium版「Edge」の自動配信を開始
Liam Tung （ZDNET.com） 翻訳校正： 矢倉美登里 吉武稔夫 （ガリレオ） 2020-06-04 13:56 Microsoftは先ごろ、「Windows 10」で従来版「Microsoft Edge」ブラウザーを非推奨にすると発表し、Windows 10ユーザーに対して新しいChromium版Edgeの自動配信を開始した。 Microsoftは、新しいChromium版Edgeからブラウザーの提供方針を変え、この20年にわたってInternet Explorer（IE）をWindowsに搭載してきたように、OSとブラウザーを当時に提供するのを止めた。Chromium版Edgeは、「macOS」「iOS」「Android」「Windows 7」でも利用できる。 1月の新しいEdgeの安定版リリースに先立ってMicrosoftが説明したように、今後は「Windows Upda
IEでのブラウザ確認にまだ意味はあるのか？
IEでのブラウザ確認にまだ意味はあるのでしょうか？ 2020年1月14日にWindows 7のサポートが終了し、翌15日にはChromium ベースのEdgeがリリースされました。そんな2020年の現在でもInternet Explorerでのブラウザ確認はまだ必要なのか、IEの現状とEdgeの登場でどう変わるのか、デベロッパーの目線で解説した記事を紹介します。 Does Browser Testing On Internet Explorer Still Make Sense? by Harshit Paul 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Internet Explorerでの確認に、まだ意味がまだありますか？ なぜInternet Explorerは終焉を迎えたのか EdgeとInternet Explor
Chromiumベースの新しいMicrosoft Edgeについて - dackdive's blog
2020/1/15に新しいMicrosoft Edgeが正式リリースされました。 日本語 今後、これまでのMSEdgeはEdge Legacyと呼ぶようです。 （今回リリースされたChromium版Edgeのことを、以後「新Edge」と記載しています） 移行の流れや今後のアップデートポリシー、主な特徴などをまとめてみます。 なお、ユーザー目線での影響を知る上ではこちらの記事が一番わかりやすかったです。 企業視点で解説するChromium版Edgeブラウザー（前編） - ZDNet Japan 企業視点で解説するChromium版Edgeブラウザー（後編） - ZDNet Japan 3行まとめ 新EdgeはChromiumベース（Chromeと全く同じかは不明） 手動でインストールするか、Home/Proエディションのみ今後Windows Update経由で自動アップデート。インストールす
IEレガシーWeb救済の決定版!? 最新Microsoft Edge「IEモード」の実力検証
「Microsoft Edge」のIEモードによるe-Taxサイトの表示 国税庁のe-TAXサイトでは、互換性チェックが実行され、Windows OSではInternet Explorerでのアクセスが要求される。IEモードを有効にすると、ChromiumベースのMicrosoft Edgeでも、このように互換性チェックをパスできる。 2020年1月16日（日本時間）に正式版の「Chromium版Microsoft Edge（以下Chromium版Edge）」の提供が開始された。Japan Windows Blog「新たな年に新たなブラウザーを」によれば、Windows Updateを介したChromium版Edgeの提供は、2020年4月1日以降になるという。 当面は、以下のMicrosoftのWebページから手動でダウンロードして、インストールする必要がある。提供開始当初は、Chrom
GoogleはChromeでユーザーエージェント文字列を段階的に廃止する方針
by Tati Tata ブラウザがウェブサイトにアクセスする際に送信するユーザーエージェント文字列は、使用しているOSやデバイスのアーキテクチャ、ブラウザの情報などを含んだテキストであり、ウェブサイトの表示形式などに影響します。オープンソースのウェブブラウザエンジンChromiumをベースとしてGoogleが開発するGoogle Chromeが、このユーザーエージェント文字列を段階的に廃止する方針であることが明らかになりました。 Intent to Deprecate and Freeze: The User-Agent string - Google グループ https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/-2JIRNMWJ7s/yHe4tQNLCgAJ Google to phase out user-a
Google Chrome以外の4ブラウザが均衡 - 12月ブラウザシェア
Net Applicationsから2019年12月のデスクトップにおけるブラウザシェアが発表された。2019年12月はGoogle Chromeがシェアを落とし、Firefox、Internet Explorer、Edge、Safariがシェアを増やした。変動幅は小さい。このところ、Firefox、Internet Explorer、Edge、Safariはシェアが近づいており均衡した状況になりつつある。 毎月細かな上下はあるものの、過去1年間の推移を見ると各Webブラウザのシェアはほぼ横ばいといった状況が続いている。Chromeは67%から68%の辺りを上下し、残りのシェアをFirefox、Internet Explorer、Edge、Safariが分け合うといった構造で安定しており、今後も同様の傾向が続く可能性がある。 2019年12月ブラウザシェア/円グラフ - Net Appli
Google Chromeが混在するコンテンツをデフォルトでブロック、バージョン79〜81で段階をへて仕様変更
[レベル: 上級] HTTPS で配信するページでの混在するコンテンツを Google Chrome がデフォルトでブロックするようになります。 ブロックを解除するオプションがユーザーには提供されます。 仕様変更は段階をへて導入されます。 Google Security Blog がアナウンスしました。 現状は iframe と JavaScript のみ完全ブロック HTTPS で配信するページで、画像やスクリプトなどのサブリソースを HTTP で配信すると一般的なブラウザでは警告が出ます。 Chrome も例外ではありません。 いわゆる、「混在するコンテンツ (Mixed Content)」です。 Chrome の場合、現状では、次のサブリソースは HTTPS ページなのに http:// で配信されていても、警告は出ますが読み込まれます。 画像 オーディオ 動画 一方、次のサブリソー
いよいよ？まだまだ？IE11のサポート終了までのカウントダウンが始まる
Web制作において悩みの種の一つが、IE11のサポートです。 main要素に垂直方向のmargin, paddingが効かない、CSS Grid、変数、@supportsなど、IE11が足かせになって使用に躊躇している人も少なくないと思います。 IE11のサポート終了までのカウントダウンが始まりました。 IE11のサポート終了までのカウントダウン IE11は、Windows10にインストールされて出荷されていたため、サポート期間もWindows10のライフサイクルと同じです。 IE11がサポートしていない機能でも、対応策はあります。IE11をサポートするから使用しない、というのはあまり理由にはならないですね。 main要素に垂直方向のmargin, paddingが効かない main要素がinline要素として扱われているため、display: block;を定義する。 CSS Gridの
Google、Chromeで混合コンテンツを完全にブロックする計画 | スラド IT
Googleは3日、Gooogle Chromeで混合コンテンツを完全にブロックする計画を発表した(Chromium Blogの記事、 VentureBeatの記事、 Android Policeの記事、 SlashGearの記事)。 混合コンテンツはHTTPSページのサブリソースがHTTP接続で読み込まれる状況を指し、Chromeを含む現在のブラウザーのほとんどがスクリプトやiframeといった危険性の高い混合コンテンツをブロックする。一方、比較的危険性が低いと考えられる画像や音声、動画については読み込みが許可されるが、偽の画像への差し替えや、トラッキングcookieの挿入といった攻撃を受ける可能性もある。 Chromeでの混合コンテンツ完全ブロック計画は段階的に行われる。まず、12月に安定版がリリースされるChrome 79ではサイト単位で混合コンテンツのブロックを解除可能なオプション
Microsoft製ブラウザーのFlashサポート終了計画が更新、現行版ブラウザーでは2019年中のデフォルト無効化を中止 | スラド IT
headless曰く、 Microsoftは8月30日、Microsoft Edge/Internet ExplorerにおけるFlashサポート終了計画の更新版を発表した（Microsoft Edge Blog、Windows Central、Neowin、SlashGear）。 Microsoftは2017年7月、AdobeがFlashの終息計画を発表したのにともない、Microsoft Edge/Internet Explorerで段階的にFlashのサポートを終了する計画を発表していた。その後MicrosoftはChromiumベースの次期Microsoft Edge開発計画を発表しており、Microsoft製の全ブラウザーをカバーするためにFlashサポート終了計画を更新したようだ。 現行のMicrosoft Edge（EdgeHTML）ではWindows 10 Creators
「Extended Validation 証明書」表示がChromeとFirefoxから消滅へ
Google ChromeやMozilla Firefoxで、URLバーの左端に出ている「Extended Validation 証明書」の表示が取り除かれる予定であることがわかりました。この「EV証明書」は本来、サイトの信頼性の高さを示すための仕組みであり、ユーザーにとって重要な存在となるはずでしたが、あまり役立たなかったようです。 Troy Hunt: Extended Validation Certificates are (Really, Really) Dead https://www.troyhunt.com/extended-validation-certificates-are-really-really-dead/ Upcoming Change to Chrome's Identity Indicators - Google グループ https://groups.go
JavaScriptのモダンなコードとレガシーなコードを適切なブラウザに提供する方法
JavaScriptのモダンなコードとレガシーなコード、適切なコードを適切なブラウザに提供する方法を紹介します。特に、Edge, Safariあたりは注意が必要です。 Modern Script Loading by Jason Miller 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに どうすればよいか オプション 1: 動的にロードする オプション 2: userAgentを利用する オプション 3: 古いブラウザにペナルティを与える オプション 4: 条件付きバンドルを使用する どれを使用すればよいか？ 参考文献 はじめに 適切なコードを適切なブラウザに提供するのは難しい場合があります。この記事でそれを解決するいくつかの方法を紹介します。 モダンなコードをモダンブラウザに提供することはパフォーマンスが向上します
次期「Chrome」、サイトによるシークレットモード検知を回避へ
Googleは、「Chrome」のシークレットモードを使ってウェブサイトを訪問した人を、ウェブサイト側が検知するのに利用できる手法を排除することを決めた。 7月末にリリース予定の「Chrome 76」以降、サイトはFileSystem APIが利用可能かどうかを確認することができなくなる。従来は、FileSystem APIを利用できない場合、サイトは訪問者がシークレットモードを使用していると推測できた。 Googleは、「こうしたシークレットモードの検知手法に対処するため、FileSystem APIの動作は変更される」と説明した。 「Chromeは同様に、シークレットモードを検知する現行または将来のあらゆる手段への対処に取り組む」（Google） Googleは、シークレットモードでの訪問を不本意として通常のブラウザーのタブに切り替えるよう求めるサイト（通常は一定期間の訪問回数を計測す
ウェブサイトが表示されるまでにブラウザはどういった仕事を行っているのか？
ウェブページを表示するためのアプリケーションであるウェブブラウザは、今や多くの人が毎日のように利用する生活に欠かせないツールとなっています。そのブラウザがどのような仕組みで成り立っているのかについての解説がGitHubで公開されています。 GitHub - vasanthk/how-web-works: What happens behind the scenes when we type www.google.com in a browser? https://github.com/vasanthk/how-web-works この解説では例として「アドレスバーにgoogle.comと入力してからGoogleのホームページが表示されるまで」の流れが取り上げられています。 ・目次 ◆google.comの「g」を入力した時 ◆エンターキーを押した時 ◆URLを解読 ◆HSTSリストを確認
Firefox、サードパーティーcookieのデフォルトブロックやFacebookコンテナ強化のアップデート
Firefox、サードパーティーcookieのデフォルトブロックやFacebookコンテナ強化のアップデート Mozilla Foundationは6月4日（現地時間）、Webブラウザ「Firefox」をバージョン67.0.1にアップデートし、プライバシー関連の機能を強化した。 1月に発表した「反トラッキングポリシー」の下、ユーザーが管理できないトラッキングのブロックや米Facebookが外部Webサイトで展開する「いいね！」やシェアによる情報収集阻止機能を強化する。 新規ユーザーはサードパーティーcookieのブロックがデフォルト（初期設定）で有効に 初めてFirefoxを使うユーザーの場合に、［≡］→［オプション］→［プライバシーとセキュリティ］の「コンテンツブロッキング」の設定がデフォルト（初期設定）で「カスタム」になり、「サードパーティトラッカー」のCookieのブロックが有効にな
Web制作者は要チェック！Chromiumを採用したEdgeがリリースされると、CSSやJavaScriptはどう変わるのか
これから先、フロントエンド開発者に一番大きな影響を与えるのは、Chromiumを採用したEdgeがリリースされることだと思います。 IEへの対応が、、、Edgeへの対応が、、、と思っていた人には、かなりの朗報です。 Chromiumを採用したEdgeがリリースされると、CSSやJavaScriptのどんな機能が使用できるようになり、ワークフロー、ブラウザテスト、そして他のブラウザへの影響など、フロントエンド開発者にとって何を意味するのかを紹介します。 Edge Goes Chromium: What Does it Mean for Front-End Developers? 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Chromiumを採用したEdgeがリリースされます 使うのが楽しみな機能 将来はさらにもっと有望 ブラウ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://getpocket.com/redirect?url=https%3A%2F%2Fwww.lifehacker.jp%2F2019%2F08%2Fthe-best-privacy-and-security-focused-web-browsers.html
次期「Microsoft Edge」の“IE モード”を試してみた／タブのレンダリングエンジンを「Internet Explorer 11」相当の「Trident」に切り替え【やじうまの杜】
TechCrunch | Startup and Technology News
