エンジニアお茶会 2020/08/19 pastak.icon @pastak この発表のゴール 現代のウェブブラウザの目指している方向性について紹介する モダンブラウザで使える最新の面白便利APIを紹介する ちゃんと仕様に入りそうなもの(Googleの力技で…も含む) （前半の各ベンダの話はpastak.icon個人の見解を含みます） 次ではない フロントエンドなんでも相談室 前提知識のコーナー "WebAPI"とは何を指すのか、標準化について ECMAScript Ecma InternationalにてECMA-262という規格番号 ほぼLiving Standardという雰囲気もあるけど、年に1回タグが付く ES2020: ECMAScript® 2020 Language Specification 最新の様子: https://tc39.es/ecma262/ Array、Nu
ヤフーのIE11 サポート終了の進め方
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。第11代黒帯（Webフロントエンド／ヤフー内のスキル任命制度）の伊藤（@koh110）です。 普段はCTO室にあるWebフロント技術室で、全社のフロントエンドに関わる仕事をしています。 最近の仕事のひとつとして、IE11 の非推奨の案内 がありました。 Yahoo! JAPANでは、Internet Explorer 11を推奨ブラウザーとしていましたが、Microsoft社のInternet Explorerサポート終了に伴い、2021年9月7日をもってYahoo! JAPANにおけるInternet Explorer 11でのご利用を非推奨とさせていただきます。 この案内についてTwitterや記事などで触れていた
IE の功績を讃える ~ IE 卒業式に寄せて~ 2022/06/16 #IE卒業式 by Jxck
Internet Explorer 11サポート終了ならびにMicrosoft Edge更新についてのお知らせ - はてなブックマーク開発ブログ
いつもはてなブックマークをご利用いただき、ありがとうございます。 このたび2020年8月13日を持ちまして、Internet Explorer 11（以下IE11）のサポートを終了しました。対象のブラウザをお使いの場合は、今後は正常に動作しない可能性があります。お手数ですがはてなブックマークの推奨ブラウザからのご利用を検討くださいますようお願いいたします。 サポート終了対象のブラウザをご利用の皆様へ IE11ならびに旧バージョンのMicrosoft Edge（以下Edgeレガシ）をご利用の皆様には、恐れ入りますが新しいMicrosoft EdgeやGoogle Chrome、Mozilla Firefoxなど、はてなブックマークの推奨ブラウザでのご利用をお願いいたします。新しいMicrosoft Edgeは、以下の公式サイトからダウンロードすることができます。 www.microsoft.
東京五輪に関係する日本語のファイル名を持つマルウェア(ワイパー)の解析 | 技術者ブログ | 三井物産セキュアディレクション株式会社
東京五輪に関係するファイルを装った以下のファイル名を持つマルウェアが2021年07月20日(火) 15時頃、VirusTotalにアップロードされたことを確認しました。 【至急】東京オリンピック開催に伴うサイバー攻撃等発生に関する被害報告について.exe 早速ですが、本記事では該当検体の解析結果を共有します。 該当のファイルはVirusTotalにフランスからアップロードされており、ジェネリック検出が多いもののすでに複数のアンチウイルス製品によって検知されていることを確認しています。 図１ VirusTotalにアップロードされた不審なファイル 上記のファイルのプロパティには以下の通り何も情報が付与されていません。 図２ プロパティ情報 該当ファイルはアイコンを見る限りPDFのように見えますが、アイコン偽装されており、フォルダの詳細表示で見た場合は以下のように拡張子がEXEであることがわか
PowerShell Core入門 - 基本コマンドの使い方(216) Webページのスクリーンショットを取得する - サイズを指定
前回、Microsoft Edgeのヘッドレスモードおよびスクリーンショットの取得機能を使用することで、Webページのスクリーンショットをコマンドラインから取得できることを示した。今回はこの機能にスクリーンショットのサイズの指定を追加する。スクリーンショットの取得ではサイズが指定できるかどうかはとても大切だ。 前回の成果物 最初に、前回の成果物を確認しておこう。前回はMicrosoft Edgeのヘッドレスモードでスクリーンショットを取得するコマンドを次のようなPowerShellのスクリプト（getss.ps1）にまとめるところまで説明した。次のようなスクリプトができた。 #!/usr/bin/env pwsh #======================================================================== # スクリーンショットを取得す
ことの発端Microsoft 社へメール申請を経て IE 非互換サイトのリストに自社ドメインが追加されたという記事があった。 必要な手続きの詳細は Moving users to Microsoft Edge from Internet Explorer - Microsoft Edge Development | Microsoft Docs にある通りです。11 月 23 日にメールで申請をしましたので、ちょうど 2 週間ほどで Microsoft 社に対応していただけたことになります。 www.mitsue.co.jpIEからEdgeへの転送を開始 | Web品質Blog | ミツエーリンクスWeb品質Blogの2020年12月7日公開の記事、「IEからEdgeへの転送を開始」です。 Moving users to Microsoft Edge from Internet Explo
Windows11でInternet Explorer11を起動する方法 Windows11でIEは終わったもうEdgeしかない。来年の2022年6月16日（日本時間）でサポート終了予定のIE11ですが。すでに、Windows11では、C:\Program Files (x86)\Internet Explorer> というフォルダは残っていてまだバイナリは入っているものの、 iexplore.exe をいくらクリックしても、Edgeが立ち上がるばかり。 もうIEは終わったといいたいのですが、まだIEを終了できない企業や官公庁が残っており、IEがないと詰んでしまう業務もあります。 そんなあなたに悲報! IEをWindows11からで起動するスクリプト
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
IE モードのよくあるご質問
更新履歴: 2021/05/14 新規 2021/05/19 更新 2021/06/15 更新 2021/06/23 更新 2021/06/30 更新 2021/07/02 更新 2021/07/19 更新 2021/07/30 更新 2021/10/01 更新 2021/10/19 更新 2021/10/20 更新 2021/11/22 更新 2021/12/29 更新 2022/06/09 更新 2022/08/04 更新 2023/05/01 更新 みなさんこんにちは。日本マイクロソフトの IE/Edge サポートチームです。 これまでに「IE モード」について以下の２つのブログ記事を公開していますが、今回はよくあるご質問についてまとめたいと思います。 新しいバージョンの Microsoft Edge の “IE モード” について https://jpdsi.github.io/b
「MicrosoftがIE11のサポートを終了」って本当ですか？
ここ数日、「MicrosoftがInternet Explorer 11のサポートを終了」というニュースが話題になっていましたが、誤解されている方も多いようですのでこの記事で解説します。 この記事はWeb制作者の方、およびWeb制作を依頼される方向けに書いています。 追記: IE11のサポートは2022年 6月 15日で終了しました この記事を書いた後、IE11のサポートは2022年 6月 15日で終了し、それ以降はIE11を起動しようとするとGoogle Chromeと同じブラウザーエンジンを使用したEdgeが強制的に起動することが発表されました。 関連ニュースは以下のページをご覧ください。 2021年5月の、これだけは押さえておきたいWeb関連の動き | Stocker.jp / diary IE11がなくなるわけではない このニュースを見て「IE11のセキュリティアップデートが終了す
Unboundでお手軽DNSシンクホール
DoHをブロックしてくれるかもしれない、use-application-dns.net iCloud Private Relayのブロックと、「IPアドレスのトラッキングを制限」による通信の許可 Twitter(twitter.com, x.com, t.co etc.)のIPv6化 TestFlightのプッシュ通知をIPv6化から除外 iOS 18でもDDRは機能しない ソースコードの変更 #見出しにジャンプ git clone https://github.com/NLnetLabs/unbound.git -b release-1.21.0rc1 -o upstream CNAME Scrubbing動作を止める - if(!scrub_message(pkt, prs, &iq->qinfo_out, iq->dp->name, - qstate->env->scratch, q
If you’re a web developer, you may have already heard that some CSS selectors are faster than others. And you’re probably hoping to find a list of the better selectors to use in this article. Well, not quite. But bear with me, I promise that by the end, you’ll have learnt something new about CSS selector performance. A quick look behind the scenes The way you write CSS selectors does play a role i
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経由で自動アップデート。インストールす
Posted Aug 4, 2021 2021-08-04T08:50:00-07:00 by Johnathan Norman IntroductionThe VR team is experimenting with a new feature that challenges some conventional assumptions held by many in the browser community. Our hope is to build something that changes the modern exploit landscape and significantly raises the cost of exploitation for attackers. Mitigations have a long history of being bypassed, s
JSer.info #506 - Moment.jsのウェブサイトにProject Statusが追加されています。 Moment.js | Docs Moment.jsに新しい機能の追加などはしないメンテンスモードであることが書かれています。 互換性保ちつつ新しい機能や仕組みを入れるのは難しい状態であるため、別のライブラリの利用を推奨しています。 代替となるライブラリとしてLuxon、Day.js、js-joda、date-fnsについて紹介されています。 また、Intl APIや現在策定中のTemporalについても書かれています。 このプロジェクトステータスの明示の発端は、Chrome Dev ToolsのLighthouseにmoment.js利用の警告を表示したことに起因しています。 If JavaScript libraries are proving costly, repl
関連キーワード 管理者 | ストレージ | 技術解説 企業の業務に欠かせないWebブラウザ。その使用によってメモリ容量が逼迫（ひっぱく）する場合があるので、業務に悪影響が出ないように注意する必要がある。まず重要なのは、メモリ使用量の測定だ。どうすればいいのか。 コピペですぐに使える 「PowerShell」でメモリ使用量を測定する方法 併せて読みたいお薦め記事 連載：Webブラウザ「メモリ使い過ぎ」防止法 第1回：Webブラウザがメモリを食い過ぎる理由はこれだ RAMの基礎知識を身につけるには いまさら聞けない「マザーボード」「プロセッサ」「RAM」「HDD」とは？ 「DRAM」と「MRAM」の決定的な違いとは？ Webブラウザのメモリ使用量を測定するのは、簡単ではない。Webブラウザの複数のタブはそれぞれ個別のプロセス（プログラム）にひも付いており、プロセスごとにメモリ使用量が異なるから
Posted Jun 2, 2021 2021-06-02T07:00:00-07:00 by Abdulrahman Alqabandi IntroductionWhen it comes to an application’s user interface (UI), one may care for the aesthetics, design consistency, simplicity, and clarity to ensure a good UI. However, an application like a browser where untrusted content is loaded, parsed, and given APIs to invoke all sorts of UIs then a new layer of concern appears: Desi
New year, new browser – The new Microsoft Edge is out of preview and now available for download
A little over a year ago, we announced our intention to rebuild Microsoft Edge on the Chromium open source project with the goals of delivering better compatibility for everyone, less fragmentation for web developers, and a partnership with the Chromium community to improve the Chromium engine itself. At Ignite, we unveiled our new vision for the web and search, our colorful new icon, and how Micr
Bringing the browser developer tools to Visual Studio Code
Why embed developer tools in an editor? Visual Studio Code has a lot of features that make our lives as developers easier, but rightfully sticks to what it does best – being a light-weight programming environment. When we build products for the web, though, programming them is often not enough. A big part of our workflow consists of tweaking the look and feel of our products. This is where the dev
2020/6/16追記：この手順はEdgeの正式リリース版でも使えました。 Chromium版Edge(Dev版）でIEモードを有効にするための手順を残しておきます。 少し前のDev版では、「その他のツール」メニューからIEモードを開くことができましたが、今現在はこのメニューは削除されてしまいました(Edgeフラグを設定しても復活しません）。開発チームの見解では、メニューにIEモードを付けていたのはデバッグ用に付けていただけで、正式にはエンタープライズモードに従ってIEモードに切り替えるのが正しい運用のようです。 “IE モード”のメニューが消失…… ～次期「Microsoft Edge」の最新開発版で - 窓の杜 IEモードの使用方法は公式のドキュメントで詳しく解説されています。 https://docs.microsoft.com/ja-jp/deployedge/edge-ie-mo
This morning, we released Microsoft Edge Beta version 79, which is the final Beta before the new Microsoft Edge is generally available, also known as the “Release Candidate.” On January 15th, we expect to release the “Stable” channel, at which point Microsoft Edge will be generally available to download on Windows and macOS. The new Microsoft Edge is built on the Chromium engine, providing best in
Debug z-index stacking content with 3D View in the Microsoft Edge DevTools
We are thrilled to announce the next iteration of 3D View in the Microsoft Edge DevTools, with a new feature to help debug z-index stacking context. The general 3D View shows a representation of the DOM (Document Object Model) depth using color and stacking, and the z-Index view helps you isolate the different stacking contexts of your page. 3D view is enabled by default in the Canary branch – to
Playwright を使用してMicrosoft Edgeで自動化とテストを行う - Microsoft Edge Developer documentation
Playwright ライブラリは、1 つの API を介してブラウザー間の自動化を提供します。 Playwright は、Chromium 、Firefox、WebKit を 1 つの API で自動化するためのNode.jsライブラリです。 Playwright は、常緑、対応、信頼性、高速のクロスブラウザー Web オートメーションを可能にするために構築されています。 Microsoft Edge はオープンソースのChromium Web プラットフォーム上に構築されているため、Playwright は Microsoft Edge を自動化することもできます。 Playwright は既定で ヘッドレス ブラウザー を起動します。 ヘッドレス ブラウザーでは UI が表示されないため、代わりにコマンド ラインを使用する必要があります。 また、完全 (ヘッドレスではない) Micr
The future of Internet Explorer on Windows 10 is in Microsoft Edge
Update: The retired, out-of-support Internet Explorer 11 desktop application has been permanently disabled through a Microsoft Edge update on certain versions of Windows 10. For more information, see Internet Explorer 11 desktop app retirement FAQ. For our readers in Japan and Korea, please use these links: 한국어 블로그와 FAQ는, 여기를 참조하세요. 本ブログの日本語版はこちらです。 Over the last year, you may have noticed our mov
Posted Nov 10, 2020 2020-11-10T10:00:00-08:00 by Jun Kokatsu Back in 2018, Chrome enabled Site Isolation by default, which mitigates attacks such as UXSS and Spectre. At the time, I was actively participating in the Chrome Vulnerability Reward Program, and I was able to find 10+ bugs in Site Isolation, resulting in $32k rewards. In this blog post series, I will explain how Site Isolation and relat
JSer.info #612 - Deno 1.26がリリースされました。 Deno 1.26 Release Notes Cache APIのサポート、新しいパーミッションとして--allow-sysフラグが追加されています。 また、node_modulesディレクトリを扱う--node-modules-dirフラグの追加し、Node.jsとの互換モードであった--compatフラグを削除しています。 compat modeはnpm:識別子によって置き換えられた形になります。 またNode.jsコアモジュールへの互換性の改善、Deno.serve() APIなどパフォーマンス改善、TypeScrtipt 4.8へのアップデートなども含まれています。 HTTPクライアントライブラリのaxios v1.0.0がリリースされました。 Release v1.0.0 · axios/axios 複
Internet Explorer 11 desktop app retirement FAQ
Update: The retired, out-of-support Internet Explorer 11 desktop application has been permanently disabled through a Microsoft Edge update on certain versions of Windows 10. Based on customer feedback, organizations will maintain control over when to remove IE11 UI elements from their devices. Over the coming months a small subset of exceptional scenarios where IE11 is still accessible will be red
Version 1.93 is now available! Read about the new features and fixes from August. February 2020 (version 1.43) Update 1.43.1: The update addresses these issues. Update 1.43.2: The update addresses these issues. Downloads: Windows: x64 | Mac: Intel | Linux: deb rpm tarball snap Welcome to the February 2020 release of Visual Studio Code. There are a number of updates in this version that we hope you
Debug memory leaks with the Microsoft Edge Detached Elements tool
Memory leaks occur when the JavaScript code of an application retains more and more objects in memory that it doesn’t need any longer instead of releasing them for the browser to garbage collect (GC). For long-running apps, small memory leaks of only a few kilobytes can add up to noticeably degrade performance over time. Web developers who use the React framework know that React maintains a virtua
We talk a lot about Progressive Web Apps (PWA) in the context of mobile devices, but they have an enormous potential on desktop operating systems that’s only beginning to materialize. Recently, with many new web capabilities in the Chromium browser engine and UX changes in Microsoft Edge and on Windows, installed desktop web apps are really starting to look and feel like native apps. One remaining
本文書ではブラウザを利用したテスト自動化ツールを利用した経験がない人、これから Playwright を使ってみたいという人を対象に Playwright の基本的な操作方法について説明を行っています。Vue と React のプロジェクトでの Playwright の利用方法についても後半に説明しています。 Playwrightとは Playwright は WEB アプリケーションのテストを自動化するオープンソースのテストツールです。Playwright ではユーザが実際にブラウザを利用して WEB アプリケーションの操作を行う代わりにプログラムを通してブウラザ(Chromium、Firefox、WebKit)を動かすことで WEB アプリケーションのテストを行います。ツールを利用しない場合は機能を追加/更新する度に開発者がブラウザでページを開き動作確認を行う必要があります。Playw
ChromeのSpeechRecognitionで使って、音声ファイルの自動文字起こしをするアプリを書いた SpeechRecognition APIを使って、wavやmp3などの音声ファイルを再生しながら文字起こしをするウェブアプリを書きました。音声ファイルをざっくりと文字に起こして、内容をざっくりと把握して聞きたい位置にジャンプする目的で作りました。 「Chromeの」としているのは、現時点(2020-12-31)ではSpeechRecognitionを実装しているのがChrome系のブラウザのみだからです。 SpeechRecognition APIを使って音声ファイルの文字起こしをするアプリを書いた。https://t.co/GSI1gOvLVE *Chrome + BlackHoleが必要 かなり無理矢理な方法でInputとOutputにBlackholeを設定して、loopba
JSer.info #578 - Babel 7.17.0がリリースされました。 7.17.0 Released: RegExp 'v' mode and ... 🥁 decorators! · Babel Decorators Proposalを最新のものへ対応する"version": "2021-12"オプションの追加、Stage 2の正規表現リテラルのvフラグと\qシーケンスのサポートされています。 また、Stage 2のPipe OperatorにtopicTokenとして^^と@@を選択できるオプションの追加、@babel/registerに実験的なworkerの実装を追加などが含まれています。 Chrome 99 betaがリリースされました。 Chromium Blog: Chrome 99: CSS Cascade Layers, a New Picker for Inp
JSer.info #541 - Windows 10においてのInternet Explorer(IE)の単体のアプリとしてサポートが2022年6月15日で終了されることがアナウンスされました。 The future of Internet Explorer on Windows 10 is in Microsoft Edge | Windows Experience Blog Internet Explorer は Microsoft Edge へ – Windows 10 の Internet Explorer 11 デスクトップアプリは 2022 年 6 月 15 日にサポート終了 - Windows Blog for Japan 「Internet Explorer 11 デスクトップ アプリケーションのサポート終了」の発表に関連する FAQ - Windows Blog for
Redirection from Internet Explorer to Microsoft Edge for compatibility with modern web sites
Many modern websites have designs that are incompatible with Internet Explorer. Whenever an Internet Explorer user visits an incompatible public site, they get a message that tells them the site is incompatible with their browser, and they need to manually switch to a different browser. The need to manually switch to a different browser changes starting with Microsoft Edge Stable version 87. When
JSer.info #530 - Gatsby v3がリリースされました。 Gatsby v3 Incremental Builds in OSS, new Gatsby Image, and more | Gatsby Gatsby v3.0 (March 2021 #1) ローカルでは実際にアクセスされたページだけをビルドすることで、全体を再構築せずにビルドする挙動がデフォルトとなっています。これによって必要なページだけをビルドするため、開発時のビルド待ち時間を少なくしています。 破壊的変更としてNode.js 12未満のサポート終了、React 17/webpack 5/ESLint 7へアップデート、globalのgraphqlではなくimportして使うように変更、APIの変更などが含まれています。 マイグレーション方法については、次のドキュメントに丁寧な解説が書かれています。
VSCode 拡張機能 ChatGPT - Genie AI を使用するための下準備。モデル選択や日本語化等（Windows版 gpt-4対応) - Qiita
VSCode 拡張機能 ChatGPT - Genie AI を使用するための下準備。モデル選択や日本語化等（Windows版 gpt-4対応)拡張機能VSCodeChatGPTsetting.json 現在の AIを一言で説明すると・・・ フミコ・フミオさんはTwitterを使っています: 「ほぼ全員がご高齢者の会社上層部からの「対話型AI とは何かその功罪について簡潔に分かりやすく出来たら一言で説明しろ」という難題にヤケクソで「ドラえもんです」と答えたら「便利だけど取扱注意ということだな」とほぼ正解な認識をしてくれたので藤子・F・不二雄先生は偉大すぎる。」 / Twitter 下準備 VSCode 上で ChatGPT を便利に使うためのツールの下準備をします。 これは過去に削除された拡張機能の代替ツールであり、その削除された拡張機能の機能をほぼ全部受け継いでいます。 主な機能 コード
JSer.info #597 - エンタープライズやWindows Serverなどの特定のOSを除いて、Internet Explorer 11のサポートが2022年6月15日で終了されました。 Internet Explorer 11 has retired and is officially out of support—what you need to know | Windows Experience Blog サポート終了となったOSでIEのアプリケーションを開くと、MSEdgeにリダイレクトされるようになっていきます。 また、MSEdgeのIEモード(下位互換モード)は、2029 年までサポートされる予定となっています。 ライフサイクルに関する FAQ - Internet Explorer および Microsoft Edge | Microsoft Docs Vue 2系
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
面白Web API 100連発 - pastak-pub
IE Graduation (IE の功績を讃える)
IEからEdgeへの強制転送設定を個人サイトに適応してもらった話
Windows11でInternet Explorer11を起動する方法 - Qiita
ブラウザ/セキュリティ/プライバシー周りの一次情報に近い二次情報の情報源をまとめたもの
The truth about CSS selector performance
Chromiumベースの新しいMicrosoft Edgeについて - dackdive's blog
Super Duper Secure Mode
2020-09-21のJS: Moment.jsのステータス、PostCSS 8.0.0、Vue 3.0.0、DOMの順序と表示順序の一致
Webブラウザのメモリ使用量を「PowerShell」で測定する簡単な方法
UI Security - Thinking Outside the Viewport
Edge(Chromium版)で特定のURLをIEモードで開く - Qiita
Getting your sites ready for the new Microsoft Edge
Deep Dive into Site Isolation (Part 1)
2022-10-05のJS: Deno 1.26、axios v1.0.0、Optimize long tasks
Visual Studio Code February 2020
Closing a 30 pixel gap between native and web
入門者でも安心、Playwrightで驚くほど簡単にブラウザテストを行う | アールエフェクト
https://edge.microsoft.com/neededge/v1
ChromeのSpeechRecognitionで使って、音声ファイルの自動文字起こしをするアプリを書いた
2022-02-09のJS: Babel 7.17.0、Chrome 99 beta、Fetch API in Node.js
2021-05-25のJS: IEの単体アプリとしてのサポート終了、WebContainers、User-Agent Client Hints
2021-03-09のJS: Gatsby 3、Electron 12、ブラウザのライフサイクルの変化
2022-06-21のJS: Internet Explorer 11のサポート終了、Vue 2.7 Beta、社内のReactコンポーネントのメンテナンス