The new Microsoft Edge is here and now available to download on all supported versions of Windows, macOS, iOS and Android.
何が起きたか IE11 で core-js を使った JavaScript を動かしてるとこに reCAPTCHA のwww.google.com/recaptcha/api.js を組み合わせたらこんなエラーが発生した。
この投稿は、 JavaScript Advent Calendar 18日目の記事です。 更新履歴 こちら をご覧下さい JavaScript の書き方をアップデートする JavaScript Good Parts で書かれているような JS の書き方は、古くなりつつある部分も多いです。 正直なところ、自分はあの本が「今でも」良書だとは思っていません。 初学者に勧めることもしません。まんべんなさと普遍性と客観性から「パーフェクト JavaScript」 を勧めています。 その頃と比べると、 JavaScript をとりまく環境は変わりました JavaScript の進化に合わせて書き方もアップデートしていくべきなので、今回は分かりやすいしきい値として 「IE10 以下を切れるとしたら」 という前提で、列挙してみます。 たとえば XHR2 や File API に依存したサービスをやる場合な
日本では、2016年1月13日でIE8の正式サポートが終了しました。 それでも、まだIE8でもちゃんと閲覧できるサイトを作って欲しいと言われることがあります。 正式なサポートが終了したブラウザを使うリスクや対応工数を考えると、 クライアントには「IE8は対応外です」としっかり説得すべきです。 でも、大人の事情で対応することになった際に、気をつけるべきことをまとめました。 1. IE8は対応外と突っぱねるべし 一番良いIE8対策は、動作確認対応外にすることだと思います。 公式サポートが止まったことで予期せぬ攻撃を受け、そのリスクを誰が負うのかクライアントさんにも説明してください。 ブラウザシェアなどをお見せして、そろそろ推奨環境をアップデートしませんかと説得してみてください。 古いユーザーさんに支えられているサービスは…頑張って対応してください。 2. HTML5とCSS3が使えない ついく
What is Polyfill.io? It's a service which accepts a request for a set of browser features and returns only the polyfills that are needed by the requesting browser. Why do I need it? There are lots of differing browsers and browser versions in use throughout the world, each one has a slightly different set of features to the rest. This can make developing for browsers a difficult task. The latest v
2019-03-28 追記 @babel/polyfill を import しとくだけでいいんじゃないかというマイブームが来ています。 IE で Array.prototype.flatMap() は使えた。詳しくは知らない。 TL;DR index.html に下の 1 行を追加しただけ1 で各種ブラウザ対応終わった。 + <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script> IE 対応 社内で真面目に IE 対応する雰囲気が出てきてしまってどうしようかと思ってたところ noteをNuxt.jsで再構築した話 を思い出したので、とりあえず polyfill.io 入れてみようかってことで入れてみた。 Polyfill.io reads the User-Agent header of ea
投稿日:2019年3月13日 更新日:2021年12月3日 Internet Explorer, PHP 979文字:約2分 ONZE 株式会社 オンズ ONZE https://on-ze.com/archives/7726 とあるJavaScriptのライブラリを実装したところ、IE11でエラーが発生したので、問題解決のために「Polyfill.io」を使うことにしました。 Polyfill.io : https://polyfill.io/ IEのときだけ読み込みたかったので、以下のようなコードを記述。 <!--[if IE]> <script src="https://polyfill.io/v3/polyfill.min.js" crossorigin="anonymous"></script> <![endif]--> コレで問題解決。 ……と思ったのに、ブラウザチェックをして
IE11でのエラー chromeでは正常に動くvue.jsやvue-cliで作ったプロジェクトがIE11では表示されません。画面が真っ白になります。 コンソールで見てみると、'Symbol'が定義されていませんという風に表示されています。 原因 IE11がES2015+に対応していないことが原因です。 巷であがる解決策 によると、@babel/polifillをnpmでインストールし、適切な場所にimport '@babel/polyfill' をすればいいと書いてあります。 それでも動かない…… 上記の事柄を試してもやっぱりエラーが出続けます。npm installで入ったpolyfillを一度消して、index.htmlのhead部分に以下のscriptタグを埋め込みました。(邪道ではあるのですが) <script src="https://cdnjs.cloudflare.com/a
テキストに影を落とすCSS3 のプロパティ text-shadow についてまとめました。 前回紹介させていただいた、ボックスに影を付ける box-shadow プロパティと使い方は似ています。 text-shadow の記述方法 以下、text-shadow の基本的な使い方です。 p { -moz-text-shadow:5px 5px 5px #ccc; -webkit-box-shadow:5px 5px 5px #ccc; box-shadow:5px 5px 5px #ccc; } ※Firefox向け、Safari や Chrome向けのベンダープレフィックスも付けておきます。 text-shadow の値 text-shadow の値は以下のようになります。 1番目
HTML5 から追加された要素 main ですが、レイアウトに導入するには注意が必要です。 IE9 ~ IE11(開発者ツール上は Edge 表記)では、main 要素の display プロパティの規定値は inline です。 したがって、ページ全体の構成を main 要素で指定する場合には、main 要素に display:block を指定する必要があります。 Chrome や FireFox などは、main 要素の display プロパティの規定値は block ですから、重複する指定になりますが、IE のために回避できません。 main 要素に対して margin や padding が効かないときや、float や width が期待したとおりに動作しないときは、 main 要素の display プロパティを確認します。
V8 SpiderMonkey JavaScriptCore Chakra Carakan KJS Other ⬤ Minor difference (1 point) ⬤ Small feature (2 points) ⬤ Medium feature (4 points) ⬤ Large feature (8 points) Compilers/polyfills Desktop browsers Servers/runtimes Mobile Feature name Current browser ES6 Trans- piler Traceur Babel 6 + core-js 2 Babel 7 + core-js 2 Babel 7 + core-js 3 Closure 2020.09 Closure 2021.08 Closure 2021.09 Closure 20
Picturefill A responsive image polyfill. Authors: See Authors.txt License: MIT This project is archived and deprecated! At the time, it helped us transition to responsive image HTML patterns until browsers supported them. Support and fallback strategies are now very good, and this project is no longer needed or recommended. Thanks everyone!` Picturefill has three versions: Version 1 mimics the Pic
前回の記事 HTML5.1 新要素<picture>が便利!!にてpictureタグの使い方について書きましたが、 やっぱり対応してないブラウザがあると実践的ではないなと思いまして、今回の記事ではIE11などの非対応のブラウザにもJSを噛ませて対応させる方法を書いていきたいと思います。 使用するJSを下記のURLよりダウンロードしてください。 picturefill.js ダウンロードしたフォルダから「picturefill.js」もしくは圧縮された「picturefill.min.js」のどちらかを自分のサイトの「js」フォルダなどに格納します。 使い方というほどでもないのですが、ダウンロードしたpicturefill.jsをヘッダ内へ記述します。 例としては下記のような記述になります。 <!DOCTYPE html> <html lang="ja"> <head> <meta char
最近勉強中のPromiseですが、現段階(15/06/03)ではIE11に対応していません。 PromiseをIEに対応させるためには、es6-promiseというNode.jsのライブラリをフロントエンドで読み込む必要があります。 しかしNode.jsのライブラリは、そのままではフロントエンドで使えないので、 webpackでフロントエンド向けにBuildする必要があります。 -webpackは他にも多くの機能がありますが、ここではNode.jsのモジュールをフロントエンドで使うため方法のみにフォーカスします。- webpackを使うための準備 まずは本体のインストール。 $ npm install webpack -g 次に適当なディレクトリを作成します。 $ mkdir webpack-sample && cd webpack-sample 今回使うライブラリ(es6-promise
CSS Browser Selector is a very small javascript which empowers CSS selectors. You can now write code for: browser, browser version, platform, platform version, device, device version. Best part: no more hacks; all compliant code. More info: http://rafael.adm.br/css_browser_selector beta/experimental versions: https://github.com/verbatim/css_browser_selector/ Identifies browsers: Firefox; IE; Opera
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く