Frontend Weekly 2024-03-01
MDNによるフロントエンドカリキュラム、JSRなどについて紹介する。
- # Others
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
を含めることで別のエンドポイントにリクエストを飛ばせるパストラバーサルと、 iframe
や window.open
で開いた別タブ間の通信経路である postMessage
の脆弱性について。
注目したいクライアントサイドの脆弱性2選/ Security.Tokyo #3
デザインシステムの役割は機能を提供することではなくキュレーション(収集、選別、整理して共有)すること。デザインシステムはサービスよりもゆっくりと動くべき。
Ship Faster by Building Design Systems Slower | Big Medium
consoleの見た目をカスタマイズして遊ぼう。
CSS Custom Highlight APIと構文解析にのみPrismを使ってシンタックスハイライトを実現する
Syntax Highlighting code snippets with Prism and the Custom Highlight API
にはセキュリティ上の懸念からroleが無い
FirefoxのReader Viewで利用されているHTMLからコンテンツを抜き出すライブラリ。