実践: await using でリソース開放

2024/11/05 25 users npm puppeteer impo deno 実践

実践 いつ使うんだこれと思ってたら使う日が来たシリーズ。 今回、Deno で使ったんですが、 Node.js やブラウザでも Polyfill を入れれば動きます。 finaly で puppeteer を終了したい Deno で puppeteer を扱うために、こういうコードを書いてました。 // original import puppeteer from "npm:puppeteer@23.6.1"; impo... 続きを読む

Polyfill事件まとめ - Qiita

2024/07/04 5 users Qiita Polyfill.io マルウェア ワード ヒット

概要 Polyfill.ioという広く利用されているJavaScriptライブラリにマルウェアを混入される事件が発生しました。このPolyfill.ioは、ウェブサイトが異なるブラウザで正しく動作するための互換性を提供するコードを提供しています。 ちなみに、Qiitaにて「polyfill」というワードで検索してみると執筆時点で1362件もヒット... 続きを読む

JavaScriptライブラリ「Polyfill.io」にマルウェアが混入され10万以上のサイトに影響

2024/06/26 110 users Polyfill.io マルウェア Research 影響

ウェブブラウザのバージョン間の違いを無効化するJavaScriptライブラリ「Polyfill.io」が、2024年2月のプロジェクトオーナー変更後、マルウェアが混入されてサプライチェーン攻撃に利用され、10万以上のサイトに影響が出ています。 Polyfill supply chain attack hits 100K+ sites https://sansec.io/research/polyfill-... 続きを読む

AppleやNetflixなどの大企業も使用するオープンソースライブラリ「core-js」をたった1人で維持する開発者が「もう限界だ」と支援を求める

2023/02/16 31 users Babel オープンソースライブラリ Spotify ウェブ

オープンソースのJavaScriptライブラリである「core-js」は、古いブラウザでもJavaScriptの最新機能を使えるようにするPolyfill(ポリフィル)として強い人気を誇り、オープンソースのJavaScriptトランスコンパイラであるBabelにも組み込まれています。AppleやNetflix、Spotify、Pornhubといった大企業を含む多くのウェブ... 続きを読む

ライブラリ作者におすすめしたいBabelの新機能 babel-plugin-polyfill-corejs3 | Wantedly Engineer Blog

2022/06/27 8 users Babel 別物 本稿 ライブラリ作者 非推奨化

Babelの新しいpolyfill用プラグインであるbabel-polyfillsが2022年4月に脱experimentalを果たしていました。そこで本稿では、Babelにおいてpolyfillがどのように扱われていたかを振り返りながら新しいpolyfill pluginを紹介します。 注意: Babel 7.4で非推奨化された@babel/polyfillとは別物です。 何が問題だったのか? ... 続きを読む

ABEMA Web で Polyfill のコードをモダンブラウザ向けに 99% 削減した話 | CyberAgent Developers Blog

2021/06/14 14 users crypto response reque import 変数

これらを踏まえて polyfill-library を使って Polyfill の出し分けをすることが最適解だと確信しました。 Polyfill の出し分けの実装方法 最初に実装したコードの全体像を見せると次の通りになります。それぞれの変数や関数についての説明は後ほどおこないます。 import crypto from "crypto"; import { Response, Reque... 続きを読む

detailsを使ってHTMLとCSSのみでアコーディオンを実装する | Pulp Note

2021/03/29 10 users details アコーディオン アニメーション CSS 質問

よくある質問でよく利用するアコーディオン機能をHTMLのみで実装する方法です。アニメーションはCSSで実装し、JavaScriptは不要。IEのみ非対応なのですがPolyfillを使って機能させることができます。 続きを読む

polyfill を深堀りする - mizdra's blog

2020/12/05 21 users 深堀 mizdra's blog

この記事ははてなエンジニア Advent Calendar 2020 5日目の記事です。4日目は id:syou6162 さんで、数字のバラ付きを考慮して意思決定する技術でした。 qiita.com developer.hatenastaff.com こんにちは、id:mizdra です。今年新卒としてはてなに入社し、WebアプリケーションエンジニアとしてGigaビューワーというマンガ... 続きを読む

Babel 7.4.0で非推奨になった@babel/polyfillを使わず、core-js@3で環境構築する | nansystem

2019/06/17 45 users Babel Bab 非推奨 インストール 環境

# Babel 7.4.0で非推奨になった@babel/polyfillを使わず、core-js@3で環境構築する @babel/polyfill のページにBabel 7.4.0から非推奨になったと書かれている。 As of Babel 7.4.0, this package has been deprecated この記事ではwebpack4でBabel7.4を使った環境構築の方法を記載する。 # 環境構築 # インストール @bab... 続きを読む

一休.comホテルページのスマホ版からjQuery依存を取り除くためにやったこと - 一休.com Developers Blog

2019/01/17 637 users jQuery依存 fetch jQuery スマホ版 宇都宮

一休.comでWebフロントエンドを開発している宇都宮です。 先日、一休.comホテルページのスマホ版から、jQueryを取り除きました。jQueryを取り除いた経緯、やったこと、結果について書きます。 なぜjQueryを取り除いたのか？ どうやったのか 何をやったのか jQuery.ajax() => fetch に置き換え fetchのpolyfillを採用した... 続きを読む

JSerレポート #2: Node.jsコアモジュールとBundler(webpackなど)によるpolyfillのギャップ - JSer.info

2018/12/25 29 users assert Webpack API bundler node

このレポートは、現在進行形で機能追加や仕様変更が行われているNode.jsコアモジュールとブラウザ向けpolyfillにおける挙動の違い(ギャップ)が広がってきている問題について調べたものです。 ここでは https://nodejs.org/api/ に掲載されているうち assertのようにNode.jsにバンドルされているモジュールのことをNode.j... 続きを読む

クソ酷いウェブサイト

2017/05/31 1508 users アワード クソ野郎 最強 お前 ウェブサイト

これはクソ酷いウェブサイトだ と同時に最強のウェブサイトでもある。 他に何がほしいってんだ、クソ野郎 お前はウェブサイトを作ってその糞サイトを最高だと思ってるんだろう？　お前は13MBのパララックス効果付きのクソ重いページがバカらしいデザイン・アワードを取るとでも思ってるんだろう？ お前は40パウンドあるjQueryファイルと83の polyfill がIE7をまともにさせると思ってるだろう？　お... 続きを読む

Polyfill のあり方と Web の進化と協調するためのガイドライン | blog.jxck.io

2017/02/16 144 users tag created_at API jxck.io 一方

created_at: 2017-02-17 updated_at: 2017-02-17 tags: [ polyfill , TAG , w3c ] Intro W3C の TAG から、主にブラウザ API の Polyfill に関するドキュメントが公開された。 Polyfills and the evolution of the Web Polyfill は便利な一方で、時として標準化の... 続きを読む

JavaScript - Polymerを0.4から1.0に上げてみ（たかったけど挫折し）た - Qiita

2015/06/17 29 users Polymer Qiita プロダクション 疑問 時点

つい先日、Polymerがついに1.0になり、Production readyということになりました。webcomponents.jsというpolyfillが必要って時点で本当に Production readyなのか？という疑問は尽きませんが、それでも一つの里程標となったことでしょう。 さて、約1年半ほど前、0.4の時代のPolymerを社内システムとはいえ、プロダクションに適用してみたものの、... 続きを読む

JavaScript - Babel で IE8 対応する地獄 - Qiita

2015/03/16 52 users Babel Webpack Qiita class 地獄

IE8 対応が必要な JavaScript に Babel (+ webpack) を使っているんだけど、素直に書くと動かないところがあったのでメモ。 とある事情により Polyfill も叶わない環境を想定している。 大体これと同じ内容: Caveats · Babel class を使うためには・・・ class を使ったコードを Babel に変換させると Object.defineProp... 続きを読む

Direct ProxiesでObject.observeの Polyfillはできるのか // Speaker Deck

2014/12/18 15 users Object.observe Speaker Deck

All slide content and descriptions are owned by their creators. 続きを読む

天使やカイザーと呼ばれて » Web ComponentsのWebブラウザ別動作を調べてみた

2014/07/21 66 users カイザー Opera Firefox 天使 Chrome

Web Componentsでは、標準技術として幅広いWebブラウザで利用可能とすべく、Polyfillという名の「未対応Webブラウザ向け実装」が開発され、すでに利用可能です。このPolyfillを使うことで、Chromeだけでなく、Firefox、Opera、そしてIEでもWeb Componentsを動作させることができます。 では、実際どこまでPolyfillでWeb Components... 続きを読む

IE対応のバッド・プラクティス「Polyfill」の危険性 | Webamb | ウェブアンブ

2013/07/16 591 users Webamb クライアントワーク ウェブアンブ IE対応 実装

IE対応のバッド・プラクティス「Polyfill」の危険性 今日は、今話題？のPolyfillがどれだけ微妙なのかという点と、実装格差のあるブラウザ間の、実装における現状のトレンドを書きたいと思います。 Polyfillとは 現在、HTML5やCSS3など新しい技術が一般化し、実際のクライアントワークでも利用されることが増えてきました。しかし、IEの古いバージョンでは、利用されることの多いHTML... 続きを読む