O hirunewani blog

Frontend Weekly 2024-03-01

Created at

MDNによるフロントエンドカリキュラム、JSRなどについて紹介する。

Table of Contents

Others

MDNによるフロントエンドカリキュラム。

MDN Curriculum | MDN Curriculum

JSR。TypeScript Firstなパッケージレジストリ。Denoが提供しているが、NodeやBunでも利用できる。npmの制限に対処することを目的としているが、JavaScriptコミュニティはエコシステムの断片化を懸念しているとのこと。NPMの立場を奪う可能性は低いと思われるが、JSRはESM専用であるため、ESMを促進させるかもしれない。

JSR: What We Know So Far About Deno’s New JavaScript Package Registry - Socket

JSR: First Impressions – David Bushell – Freelance Web Design (UK)

モックを避けてテストの忠実度を上げる - Google Testing Blog

Real implementation > Fake > Mockの順で検討する。テストサイズを増やさずに可能な限り忠実度を高めることを目指す。ここで言うテストは、分類の話

Increase Test Fidelity By Avoiding Mocks

URLに ..%C5 を含めることで別のエンドポイントにリクエストを飛ばせるパストラバーサルと、 iframewindow.open で開いた別タブ間の通信経路である postMessage の脆弱性について。

注目したいクライアントサイドの脆弱性2選/ Security.Tokyo #3

デザインシステムの役割は機能を提供することではなくキュレーション(収集、選別、整理して共有)すること。デザインシステムはサービスよりもゆっくりと動くべき。

Ship Faster by Building Design Systems Slower | Big Medium

consoleの見た目をカスタマイズして遊ぼう。

console.delight

CSS Custom Highlight APIと構文解析にのみPrismを使ってシンタックスハイライトを実現する

Syntax Highlighting code snippets with Prism and the Custom Highlight API

にはセキュリティ上の懸念からroleが無い

にはroleが無い!

FirefoxのReader Viewで利用されているHTMLからコンテンツを抜き出すライブラリ。

https://github.com/mozilla/readability