• Vueの再描画されたコンポーネントをハイライトするChrome拡張を作った

    VuedebugToolsarticle

    React DevToolsのように描画された要素をハイライトするVue向けのデバッグ拡張について

  • フロントエンド刷新のために DevTools を作って開発を捗らせる - Cybozu Inside Out | サイボウズエンジニアのブログ

    googledebugJavaScriptlibraryarticle

    Closure Tools向けのDevToolsについて

  • Chromium Blog: User-Agent Reduction Origin Trial and Dates

    Chromearticle

    ChromeのUser-Agent変更のスケジュール。 Chrome 95からOrigin Trialを使ったオプトインで導入、Chrome 100から徐々に削減していき、からChrome 113でUAと関連APIのデータの削減が完了する予定。

  • フロントエンドのテストは皆のためのもの | POSTD

    testingarticle

    Front-End Testing is For Everyoneの翻訳記事。 テストがチェックする範囲とチェックするツールについてまとめたもの。 ユニットテスト、結合テスト、E2Eテスト、アクセシビリティテスト、ビジュアルリグレッションテスト、パフォーマンステストについて書かれている。

  • Introducing Flow Enums. As announced in an earlier post, Flow… | by George Zahariev | Flow | Sep, 2021 | Medium

    flowtypearticle

    FlowTypeに導入された`enum`について

  • Journey with Icons Continues

    JavaScriptReactVuearticle

    Viteでアイコンコンポーネントをオンデマンドでビルドして利用できるunplugin-iconsについて。 アイコンのデータにはIconifyを使い、アイコンコンポーネントをロードした際にVite側でSVGベースのアイコンコンポーネントを作成して返す仕組みについて。

  • TypeScriptハンズオン | 掌田津耶乃 | 工学 | Kindleストア | Amazon

    TypeScriptbook

    ハンズオン形式のTypeScript入門書

  • JavaScript Eventing Deep Dive

    JavaScriptDOMarticle

    Event Capturing/Event Bubbling phaseの動きについての記事。 それぞれphaseにおいてEventの流れを止める`stopPropagation()`、`stopImmediatePropagation()`、`preventDefault()`の動作についての解説。

  • wizardpisces/tiny-sass-compiler: Another sass compiler write from scatch，runnable on both node and browser

    SassJavaScriptToolsCSS

    JavaScriptで書かれたSassコンパイル。 ブラウザとNode.jsで動作する。

  • Migrating Notion's marketing site to Next.js

    ReactNext.jsarticle

    Notion マーケティングサイトをNext.jsへ移行した話。 Reactで書かれたアプリケーションのコードとマーケティングサイトのコードを共有することで組み込みのデモがうごかせるようになった話。 ルーティングでの切り替えとテスト、CSSの対応などについて

  • What’s New With DevTools: Cross-Browser Edition — Smashing Magazine

    browserdebugarticle

    ブラウザごとの開発者ツールの機能紹介記事

  • Release Workbox v6.3.0 · GoogleChrome/workbox

    ServiceWorkerlibraryJavaScriptReleaseNote

    Workbox 6.3.0リリース。 `integrity`属性が指定されているリソースに対するprecachingの修正、IDBの書き込みに`{ durability: 'relaxed' }`を使うように。 BroadcastCacheUpdateに`notifyAllClients`オプションの追加、`Vary:`ヘッダに対するデバッグログを追加など

  • Spook.js

    Chromesecuritypaper

    leaky.page が同じページ内での話だったの対して、ウェブサイト間や拡張機能間まで話を広げたSpectreについての論文。 Chromeはメモリを圧迫するとeTLD+1の範囲でプロセスがまとまる。まとまったプロセス内でV8の癖を使って投機的実行攻撃して別サイトのメモリデータを読み込むという話。

  • Time for a review of Firefox 92 - Mozilla Hacks - the Web developer blog

    FirefoxReleaseNote

    Firefox 92リリース。 CSSの`accent-color`と`size-adjust`をサポート、Stage 4 `Object.hasOwn`のサポートなど。 また、`selectionchange`イベントで`input`や`textarea`内の選択範囲の変更も検知するようになるなど

  • Nightwatch v2.0-alpha is Released | Nightwatch.js Blog

    E2EJavaScriptlibraryReleaseNoteSelenium

    Nightwatch v2.0-alphaリリース。 `selenium-webdriver`を利用するように、WebDriver Actions APIのサポート、Chrome Dev Tools Protocolのサポート。 `.ensure` assertionの追加、`perform()`などでWebDriver objectを直接扱えるように、Async/Awaitの対応改善など

  • Prettier 2.4: new bracketSameLine option and TypeScript 4.4 support! · Prettier

    JavaScriptToolsReleaseNote

    Prettier 2.4リリース。 TypeScript 4.4サポート、`jsxBracketSameLine`オプションを`bracketSameLine`オプションに置き換えなど

  • Ember 3.28 and 4.0 Beta Released

    EmberReleaseNote

    Ember 3.28 and 4.0 Betaリリース。

  • Release 3.0.1 · prisma/prisma

    databaseJavaScriptlibraryReleaseNote

    Prisma 3.0.1リリース。3からSemverにそったリリースとなった。 Referential Actions、Named Constraints、Microsoft SQL/Azure SQL、Node-APIなどがGAとなった。 破壊的な変更として`prisma db seed`の仕組みの変更、`null`をクエリに指定できなくして`JsonNull`/`DbNull`/`AnyNull`のいずれかを使うようにする変更も含まれる。

  • Node v16.9.0 (Current) | Node.js

    node.jsReleaseNote

    Node v16.9.0リリース。 プロジェクトごとにnpm/yarn/pnpmなどのパッケージマネージャを切り替えてインストールできるCorepackのサポート。 V8 9.3へアップデートし`Object.hasOwn`とError Causeをサポート、`stream.compose`の追加など

  • sachinchoolur/replace-jquery: Automatically finds jQuery methods from existing projects and generates vanilla js alternatives.

    JavaScriptjQueryTools

    jQueryに依存したコードから、利用しているjQueryのメソッドの代替コードを生成するツール。 指定したjQueryのメソッドのみを含んだutilityコードを生成できる。

  • JavaScriptのIterator / Generatorの整理

    JavaScriptarticle

    IteratorとGeneratorについての解説記事

  • ss2021 - 日本ソフトウェア科学会 プログラミング論研究会 (JSSST-SIGPPL) (Special Interest Group on Programming and Programming Languages)

    JavaScriptV8blinkslide

    「JavaScript処理系とChromeブラウザの実装技術」についてのスライドまとめ。

  • microsoft/ts-gyb: Generating native code interfaces from TypeScript

    TypeScriptTools

    TypeScriptのinterfaceからmustache templatesを使ってコード生成するツール。 TypeScriptのinterfaceから別の言語のboilerplateを生成する目的のツール。

  • niksy/isomorphic-timers-promises: `timers/promises` for client and server.

    JavaScriptbrowsernode.jslibrarypolyfill

    Node.jsの`timers/promises` polyfillライブラリ

  • bundle - a quick npm package size checker

    JavaScriptcdnToolsbrowser

    ブラウザ上でskypack.devとesbuild-wasmを使ってコードをbundleして、bundle sizeをチェックするツール。

  • Stitches 1.0.0 — Stitches

    CSSJavaScriptlibraryReleaseNote

    CSS-in-JSフレームワークであるStitches 1.0.0リリース。

  • React Cookbook

    Reactbook

    Reactについての書籍。 ルータ、ステート、GraphQL、UI、セキュリティ、テスト、アクセシビリティ、パフォーマンスなどのトピックごとに書かれたクックブック

  • jQuery UI 1.13.0-rc.2 released | jQuery UI Blog

    jQueryUIlibraryReleaseNote

    jQuery UI 1.13.0-rc.2リリース。 5年ぶりとなるリリース。 最近jQueryとの互換性を改善する目的のリリースであるため、非互換な変更は含まない。

  • Release v3.0.0 · node-fetch/node-fetch

    node.jsFetchlibraryReleaseNote

    node-fetch 3.0.0リリース。 ESMのサポート、Node.js 12未満のサポート終了、`timeout`オプションの削除、`highWaterMark`オプションの追加など

  • ECMAScript proposal updates @ 2021-08 | ECMAScript Daily

    ECMAScriptproposalarticlenews

    2021年8月のTC39ミーティングでのECMAScript Proposalの変更まとめ。 Class Static Block、`hasOwn`、`.at()`がそれぞれStage 4となり、ES2022に入ることが決まった。