2023-10-03のJS: Node v20.8.0、Vitest v1.0.0-beta.0、instant.dev(Rails-inspired ORM/Migrations)
JSer.info #663 - Node.js 20.8.0がリリースされました。 Node v20.8.0 (Current) | Node.js streamに関するフラグをビットマップで管理することでメモリ消費量とパフォーマンスが改善されています。 stream: use bitmap in readable state by benjamingr · Pull Request #49745 · nodejs/node vmにimportModuleDynamicallyオプションを追加、主にJestなどで起きていたvmのメモリリークの問題を修正なども含まれています。 Node.jsのアップデートが起因でJestのメモリリークが起きる問題としては、次のIssueがあります。 こちらのIssueは、Node.js 20.8.0ではまだ修正されていません。 [Bug]: Memory
2022-10-05のJS: Deno 1.26、axios v1.0.0、Optimize long tasks
JSer.info #612 - Deno 1.26がリリースされました。 Deno 1.26 Release Notes Cache APIのサポート、新しいパーミッションとして--allow-sysフラグが追加されています。 また、node_modulesディレクトリを扱う--node-modules-dirフラグの追加し、Node.jsとの互換モードであった--compatフラグを削除しています。 compat modeはnpm:識別子によって置き換えられた形になります。 またNode.jsコアモジュールへの互換性の改善、Deno.serve() APIなどパフォーマンス改善、TypeScrtipt 4.8へのアップデートなども含まれています。 HTTPクライアントライブラリのaxios v1.0.0がリリースされました。 Release v1.0.0 · axios/axios 複
2022-03-24のJS: Deno 1.20、Faker v6.0.0、Next.jsのアップデート
JSer.info #584 - Deno 1.20がリリースされました。 Deno 1.20 Release Notes V8とRust間のOpコードの最適化をしてパフォーマンスの改善されています。 リクエストのAccept-Encodingヘッダを見て自動的にHTTP Response Bodyを圧縮するように変更されています。 また、deno benchコマンド、deno taskコマンド、deno.jsonがimportMapオプションをサポートしています。 Deno 1.19でDeno testでのリソースリークを検知する仕組みが実装されていましたが、パフォーマンスが悪化する場面がありました。 そのため、Deno 1.20では、deno testに--trace-opsフラグをつけた時のみデバッグ用の詳細な情報を表示するように変更されています。 破壊的な変更として、Workerと
2021-10-27のJS: Yarn 3.1、Node.js 16.13.0(LTS)、Next.js 12
JSer.info #563 - Yarn 3.1がリリースされました。 Yarn 3.1 🎃👻 Corepack, ESM, pnpm, Optional Packages ... - DEV Community 👩💻👨💻 berry/CHANGELOG.md at master · yarnpkg/berry yarn init -2でNode v16.9.0からサポートされたCorepackのpackageManagerフィールドに対応しています。 また、PnPでのEMSサポート、新しいインストールモードとしてnodeLinker: pnpmのサポートしています。 また、optionalDependenciesで指定したアーキテクチャだけをダウンロードするsupportedArchitecturesの設定を追加しています。いままでのYarnはoptionalDepen
2021-08-17のJS: Next.js 11.1、Rails 7で予定されているimport mapsベースのJSライブラリの利用
Import mapsはChrome系ブラウザのみがサポートしているため、他のブラウザではES Module Shimsを利用する必要があります。(rails/importmap-railsにはshimが同梱されています) Rails 7では、JavaScriptのbuildやbundleをせずにCDNからライブラリを取得できる仕組みをImport mapsを使って実現して、現在のwebpackerをオプションへと変更する予定となっています。 TypeScriptやReactのようなビルドを前提とする仕組みはwebpackerを利用する必要があります。 詳しい動作については次の動画でデモが公開されています。 Alpha preview: Modern JavaScript in Rails 7 without Webpack - YouTube JSer.infoをサポートするには 😘
JSer.info 10周年: JavaScript情報の集め方、書き方、まとめ方
JSer.infoは2011年1月16日に公開したJavaScriptの情報サイトで、2021年1月16日で公開してからちょうど10年です。 JSer.infoでは、10年間で10201サイト紹介し、522コの記事書いてきました。 JSer.infoの紹介したサイト数(累計)。ソース 10年間途切れることなく毎週更新していて、月別の記事数は毎年同じ推移です。 JSer.infoの月別の記事数。ソース この記事では、10年間やってきたJSer.infoの目的を振り返り、 JavaScriptの情報の集め方、書き方、まとめ方について書いていきたいと思います。 ⚠️ すべてを書いているのでものすごく長いです。 この記事やJSer.infoに関する意見や感想などは、次の場所に書いてください。 この記事をTweetする Twitter: #jserinfo GitHub Issue: JSer.in
2020-09-21のJS: Moment.jsのステータス、PostCSS 8.0.0、Vue 3.0.0、DOMの順序と表示順序の一致
JSer.info #506 - Moment.jsのウェブサイトにProject Statusが追加されています。 Moment.js | Docs Moment.jsに新しい機能の追加などはしないメンテンスモードであることが書かれています。 互換性保ちつつ新しい機能や仕組みを入れるのは難しい状態であるため、別のライブラリの利用を推奨しています。 代替となるライブラリとしてLuxon、Day.js、js-joda、date-fnsについて紹介されています。 また、Intl APIや現在策定中のTemporalについても書かれています。 このプロジェクトステータスの明示の発端は、Chrome Dev ToolsのLighthouseにmoment.js利用の警告を表示したことに起因しています。 If JavaScript libraries are proving costly, repl
2020-02-18のJS: Firefox 73、Node.js 12.16.0(13.xからのバックポート)
JSer.info #475 - Firefox 73がリリースされました。 Firefox 73 is upon us - Mozilla Hacks - the Web developer blog Firefox 73.0, See All New Features, Updates and Fixes Firefox 73 for developers - Mozilla | MDN Firefox 73 Site Compatibility | Firefox Site Compatibility Formのvalidationを行ってからsubmitするHTMLFormElement.requestSubmit()をフラグ付きでサポート、CSSのoverscroll-behavior-blockとoverscroll-behavior-inlineをサポート。 開発者ツールのコ
2019-07-30のJS: mithril.js 2、Electron 6、React入門ガイド
JSer.info #446 - シングルページアプリケーション向けのJavaScriptフレームワークであるMithril 2がリリースされました。 Release v2.0.1 · MithrilJS/mithril.js 破壊的変更としてm.redraw()がデフォルトで非同期となり、代わりにm.redraw.sync()が追加されています。 その他にもm.withAttrの削除、m.requestが返すPromiseがサーバエラーの場合にもrejectされないように変更、IE10以下のサポート終了なども含まれています。 また、m.requestがtimeoutやresponseTypeのサポートなどの機能追加も含まれています。 Electron 6.0.0がリリースされました。 Release electron v6.0.0 · electron/electron Stable R
2019-05-21のJS: TypeScript 3.5 RC、Firefox DevTools改善、Accessibility Insights(アクセシビリティテスト)
JSer.info #436 - TypeScript 3.5 RCがリリースされました。 Announcing TypeScript 3.5 RC | TypeScript TypeScript 3.5 Iteration Plan · Issue #30555 · microsoft/TypeScript Breaking Changes · microsoft/TypeScript Wiki 型チェックと--incrementalオプションを使ったビルドのパフォーマンス改善がされています。 また、Omitヘルパー型がlib.d.tsに追加、Union型におけるプロパティチェックの改善なども行われています。 破壊的な変更としてGeneric type parameterのデフォルトが{}からunknownへと変更されています。 3.4までは次のようなコードにおけるTは何もextends
2019-01-01のJS: WebdriverIO v5、Rollup 1.0、Rust + WebAssembly + WebWorker
JSer.info #416 - WebDriverを扱うテストフレームワークであるWebdriverIO v5がリリースされました。 WebdriverIO v5 Released · WebdriverIO webdriverio/CHANGELOG.md at master · webdriverio/webdriverio パッケージ構造やAPI周りの変更が行われています。 基本的なパッケージが@wdioに移動され、同梱されていたCLIが@wdio/cliに移動しています。 API周りではコマンドがselectorを受け取らないようになり、メソッドチェーンではなくasync/awaitベースに変更されています。 // v4ではセレクタを渡せた browser.click('#elem') // v5からはelementを取得してから操作する const elem = $('#ele
2018-08-28のJS: Babel 7、BabelとTypeScript、継続的なパフォーマンス改善と計測
JSer.info #398 - Babel 7が正式にリリースされました。 Babel 7 Released · Babel Node.js 4のサポート終了し、@babelスコープへモジュールを移動、es2015のような年号プリセットを廃止し@babel/preset-envに移行、Stageプリセットを廃止などが行われています。 年号プリセット(babel-preset-es2015) -> 廃止(@babel/preset-envへ移行) Stageプリセット -> 廃止(個別の@babel/plugin-proposal-*プラグインを使う) babel-preset-env -> @babel/preset-envへ移行 またJavaScriptで設定を書けるbabel.config.jsでの設定をサポート、パフォーマンスの改善などが行われています。 マイグレーションはbabe
2018-07-02のJS: Firefox 61、ECMAScript 2018リリース、CSS4はどこにある？
JSer.info #390 - Firefox 61がリリースされました。 Firefox — Notes (61.0) — Mozilla Firefox 61 for developers - Mozilla | MDN Firefox 61 サイト互換性情報 | Firefox サイト互換性情報 TLS 1.3のサポートをデフォルトで有効化、アクセシビリティインスペクタの実装、 PerformanceServerTimingのサポートなどが行われています。 AvastやAVGを使っている場合にTLS 1.3での接続に問題が出るケースもあるようです。 1468892 - SSLERRORRXRECORDTOO_LONG with Avast intercepting TLS 1.3 connections またFetch APIのcredentialsのデフォルト値をomitからsa
2016-05-16のJS: Electron 1.0、ブレークポイントの使い方、Bublé
JSer.info #279 - ChromiumとNode.jsをベースとしたデスクトップアプリ開発環境であるElectron 1.0がリリースされました。 本体は非推奨なメソッドの削除が中心となっています。 合わせて開発者ツールの強化やデモ、テストツールが公開されています。 Devtron electron/electron-api-demos: Explore the Electron APIs Spectron ブレークポイントを使ったJavaScriptデバッグを整理してみた【再入門】 - Qiitaという記事ではChrome開発者ツールでのブレークポイントの使い方について解説されています。 コードに対するブレークポイントからDOM、XHRなど色々なブレーク方法をスクリーンショット共に解説されているので分かりやすいです。 公式サイトも合わせて見るといいかもしれません Chrome
2011-04-23のJS: jQuery1.6、IE10、モダンJavaScriptとは
今週は結構盛りだくさん(更新遅れたのもあるけど) ノンプログラマーのためのjQuery入門はスライドとしてのできが良いので、jQuery興味なくても見ておくといいかもしれない。MVCとかそういうキーワードを見かける機会が増えてきたので、そういう規模のJavaScriptアプリケーションが増えて行ってるので、どういうのが最適なのかをいろいろ試していく段階な気がします。Modern JavaScriptの中でも、そのような話が含まれていて興味深い。 jQuery Conference 2011 Bay Area Videos http://addyosmani.com/blog/jqcon-bayarea-videos-2011/ jQuery Conference 2011の動画 jQuery1.6についても語られていた。 jQuery: » jQuery 1.6 Beta 1 Releas
WebkitベースのJavaScriptコマンドラインツール「PhantomJS」 | JSer.info
don’t code today what you can’t debug tomorrow: PhantomJS: minimalistic headless WebKit-based JavaScript-driven tool http://ariya.blogspot.com/2011/01/phantomjs-minimalistic-headless-webkit.html PhantomJSはJavaScriptファイルを実行できるWebkitベースのコマンドラインツールです。 PhantomJSの面白い所はDOMやCanvasなど他のコマンドラインツールで触れにくい部分もネイティブにアクセスできるため、リッチアプリケーションなどのテストツールとして活用できそうです。 phantomjs somescript.js [argument [argument ...]] という感
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
