By clicking 'Accept All', you agree to the use of all types of cookies to enhance site navigation. For more information, please visit our cookie policy.
![Browser Testing On The Most Reliable Platform | BrowserStack](https://cdn-ak-scissors.b.st-hatena.com/image/square/21fd473bce157d1dfc912dc0e9675da7578390c1/height=288;version=1;width=512/https%3A%2F%2Fwww.browserstack.com%2Fimages%2Flayout%2Fbrowserstack-logo-600x315.png)
この記事は BASE Advent Calendar 2021 の 5 日目の記事です。 基盤チームの右京です。 最近ひょんなことから browserslist の設定を見返したのですが「babel や autoprefixer で必要になったので導入した」以上はあまり触れられていなかったため、この機会にいちから見直してみようと思いました。 browserslist? https://github.com/browserslist/browserslist 簡単に言えば、クエリを書くとそれに該当するブラウザをリストで取得できます。babel(preset-env) や autoprefixer はここから取得出来るリストを利用して、必要な変換内容を決定しています。単純にバージョン指定でのクエリが記述できるだけではなく、利用統計に基づく絞り込みも可能となっています。例えば、0.2% 以上のシ
Firefox は1ヶ月ちょっとくらいの周期でアップデートが提供されます。Chrome および Edge は 4週間程度でアップデートが提供されます。いずれも、通常は自動で更新されていきます。 Safari は決まったリリースサイクルはないように見えますが、最近は毎年10月頃に Mac OS や iOS などOSのアップデートがリリースされており、それに合わせてメジャーバージョンアップデートが出るようです。 WebClass の対応状況はブログで報告しています。 Firefox Release calendar https://wiki.mozilla.org/Release_Management/Calendar Release note 一般利用者向けのリリースノートと、開発者向けのリリースノートとが公開されます。 Release note (例として Firefox 74) http
昨年くらいから多くのプロダクトでIE11のサポート終了が盛んになり、今年はIE11自体がサポートを来年終了することを発表したり、Google検索のIEサポート終了があったり、1つ大きな時代の節目のようなものを感じる1年でした。 IEは最盛期は95%近くのシェアを占めていたそうですが、2021/10時点のデータではIEのシェアはPCで4%程度とやはりだいぶシェアも落ちてきた印象もあるし、そもそも昨今はスマホブラウザの流入が多いプロダクトなんかではIE対応自体ほとんどやってなかったという方も多いのかもしれません。 僕は昔IE7までは対応したことがあり、当時の感覚で言うとIE11って相当バグや特殊な仕様が少ない方だったイメージだったのですが、下記のIEサポートを終了すると使える機能一覧を見るとやはり数年の進化の差は大きくすでにだいぶ取り残されてる状態だったのだなと思います。 一方、「Safari
先週、サンフランシスコで開催された「Chrome Dev Summit 2018」から、Web制作者が特に注目しておきたいハイライトを紹介します。 ナビゲーションの新しい遷移方法、Squooshの開発秘話、新しいPageSpeed API、ChromeでもLazyloadをサポートなど、これからの制作に役立つものばかりです。 Highlights from Chrome Dev Summit 2018 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ナビゲーション遷移(Navigation transitions) Squoosh -15kbのJavaScriptアプリ PageSpeedとLighthouse APIによる統一されたパフォーマンス分析 ChromeでもLazyloadをネイティブにサポート ナビゲーション遷移(
これは、Googleが「.new」というトップレベルドメイン(gTLD)を持っているので実現できた。同社はインターネットドメイン管理団体ICANNが2011年6月に自由化する方針を発表した後、「.docs」や「.apps」など多数のgTLDを申請した。.newは2014年に取得している。 Googleのツイートによると、今のところ新規ページを開けるのはGoogleドキュメントとGoogle Sitesの新規ページのみだが、「mail.new」でGmail新規メール作成が、「contacts.new」で新規連絡先追加が可能になるかもしれない。 関連記事 「Chrome 70」でChromeへのログイン必須を解除へ フィードバックを受けて修正 Googleが「Chrome 69」でGoogleサービスへのログインとChromeへのログインを連携させたことに対する批判が高まったことを受け、同社は
FirefoxやGoogle ChromeなどのWebブラウザは、既にTLS 1.3のドラフト版に対応しており、Mozillaは10月にリリースされる「Firefox 63」で、今回公開された正式版に対応予定。 米Mozilla Foundationは8月13日、インターネット通信暗号化規格の最新バージョンとなる「TLS 1.3」が正式リリースされたことを受け、Webブラウザ「Firefox」での対応状況を説明した。 TLS(Transport Layer Security)は、インターネットを介したクライアントとサーバ間の通信の傍受や改ざんを防ぐためのHTTPS接続に使われているプロトコルで、標準化団体のIETF(Internet Engineering Task Force)が8月10日、バージョン1.3の正式版リリースを発表していた。 Mozillaによると、TLS 1.3では1.2
指定したページが一般的なブラウザやデバイスでどのように表示されるか、1クリックで確認できるChromeの機能拡張を紹介します。 WindowsからSafari, iOSの確認、macOSからIE, Edge, Androidの確認もできます。 Multi-browser Screenshots Multi-browser Screenshotsで対応しているブラウザ・デバイスは、下記の通り。 ※2018年5月現在 それぞれ、WindowsからでもmacOSからでも利用できます。 Edge 15.0(Windows 10) IE 11.0(Windows 10) Chrome 50.0(Windows 10) Firefox 45.0(Windows 10) Safari 9.1(OS X El Capitan) IE 10.0(Windows 7) IE 9.0(Windows 7) IE
Amazonが、ファイルサイズがたったの2MBクラスというAndroid向け超軽量ブラウザアプリ「Internet」をリリースしていたことが判明しました。このアプリは通信帯域が限定される地域向けに提供されるものとのことで、記事作成時点ではインド国内のユーザーが利用できるようになっています。 Internet: fast, lite, and private - Google Play のアプリ https://play.google.com/store/apps/details?id=com.amazon.cloud9.garuda Amazon launches a ‘lite’ Android web browser app in India | TechCrunch https://techcrunch.com/2018/04/17/amazon-launches-a-lite-an
Chromeのデベロッパーツールは、Web制作に欠かせないといっても過言ではありません。DOMインスペクター、スタイルパネル、JavaScriptコンソールなど基本的な機能だけでも便利ですが、さらに便利になる機能も数多くあります。 デベロッパーツールを使って、Webページやアプリの制作・デバッグのワークフローが大きく改善される実用的で便利な機能とテクニックを紹介します。 Mastering Chrome Developer Tools: Next Level Front-End Development Techniques 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ダークテーマ 02. 要素をすばやく選択できる選択モード 03. グローバル変数として格納 04. アニメーション用のツール 05. 要素の疑似状態をシ
サイトを閲覧している方の端末のブラウザのキャッシュの有効時間を設定します。この時間はブラウザ側のキャッシュが利用され、サーバーにはアクセスされません。 逆に言えば、ページが更新された場合に反映されないことがあります。ブラウザの再読み込みボタンを押したり、ブラウザの管理画面からキャッシュを削除しなければ変更後のページに切り替わらない可能性があります。 クライアントのキャッシュ有効時間は、管理画面では コンフィグ>機能設定のページにあります、「クライアントのキャッシュ有効時間」という項目にあたります。秒単位で入力してください。 キャッシュバスティング キャッシュが原因でJavaScriptやCSSが本番環境で変更したはずの内容が反映されないという問題が起こることがあります。この問題を解決するのがご紹介しているキャッシュバスティングという機能になります。キャッシュバスティングが適用される対象は、
Webサイトを制作する時は多くのユーザーに見てもらうため、できるだけ多くのブラウザに対応することが理想ですが、古いブラウザの対応は工数がかかる場合が多いです。事前にブラウザのシェアを調べ、費用対効果を考えて、適切に対応ブラウザを決定していくのが望ましいでしょう。 今回は、デスクトップブラウザ、モバイル用ブラウザ、OSのシェアを調べるときに役に立つサイトを紹介します。 豊富な情報量のStatCounter ブラウザのシェアを調べるときに一番お勧めなのがStatCounter Global Statsです。有名なサイトで、以下のようなものを調べることができます。 * ブラウザのシェア * ブラウザバージョン別のシェア * OSのシェア * 解像度別のシェア また、以下の様なオプションが指定可能で、より詳細な情報を得ることができます。 * デスクトップ、タブレット、モバイルのプラットフォーム *
IMPORTANT NOTICE: After 14 years of service and being used as a primary source in tens of thousands of articles and publications, we are retiring NetMarketShare in its current form. October, 2020 is the last month of data. All billing for existing accounts has been stopped. All outstanding balances are being refunded. Why? An upcoming change in browsers (https://github.com/WICG/ua-client-hints) wi
Net Applicationsから2016年11月のデスクトップブラウザシェアが発表された。11月はChromeとFirefoxがシェアを増やし、Microsoft Internet Explorer、Microsoft Edge、Safariがシェアを減らした。Chromeのシェアは55%を突破し、引き続き増加する傾向を見せている。 MicrosoftはデフォルトのブラウザをMicrosoft Internet ExplorerからMicrosoft Edgeへ変更し、ユーザーに移行を促しているが、想定通りに進んでいない様子が見える。Microsoft Internet Explorerのユーザーの減少幅がMicrosoft Edgeのユーザー増加に結びついておらず、代わりにChromeやFirefoxへユーザーが流れている。
第5回JSオジサン登壇の際のスライドです。 タイトルのような酒も泪も出てこない、いたってまでめに Windows 10 に搭載されるブラウザについての資料です。 え、だったらタイトルを変えろ? ...ですよね。
By tonynetone 一昔前までは「ウェブブラウザといえばInternet Explorer」というくらいに多くのPCでInternet Explorerが使用されていましたが、Firefox登場でその牙城は崩れ、その後、Google Chromeの登場によって勢力図は大きく塗り替えられました。そのウェブブラウザ戦国時代とも言える激動の期間に市場シェアがどのように変化していったのかが視覚的にわかるグラフを、データを使ってニュースを届けるDadavizのJody Sieradzkiさんが作成・公開しています。 The Most Popular Web Browser In Each Country Over Time http://dadaviz.com/s/browser-popularity-country/ Web browser popularity change over t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く