JavaScript／TypeScriptランタイム環境「Deno 1.9」がリリース、パフォーマンス向上に寄与する機能追加など
「Deno 1.9」では、これまでのHTTPサーバであるstd/httpに代わって、新たにネイティブHTTP/2サーバAPIをRust用のライブラリであるhyperを使用して構築し、std/httpと比較してhello-worldスループットを48％向上している。 また、従来のバイナリ形式によるJavaScriptとRust間でのシリアル化に代わって、V8とRustで直接シリアル化するserde_v8によって、スループットとレイテンシの向上を可能にするとともに、高負荷やボトルネックを改善し、最大3倍の高速化を実現した。 そのほか、Blob URLのサポートとfetchの改善、インポートステートメントにおいてレジストリを補完できるLSPの導入、--allow-envおよび--allow-runによる環境変数やサブプロセスの指定、インタラクティブなパーミッションプロンプトの追加、Deno.li
JavaScript / TypeScriptの引数をひと工夫しよう｜Showcase Gig Product Team Blog
こんにちは、2020年10月に入社したばかりの坂口です。現在SET(Software Enginner in Test)として頑張っています💪 SETでは主にE2Eテストの作成/保守を担当しています。弊社のプロダクトはWebアプリケーションが多いため、WebのE2EテストとしてPlaywrightを採用し日々テストの拡充をしています。 日々テストコードを書いている中で少しでも可読性をあげようと引数を工夫してわかりやすくした例を紹介します。 環境・Node.js 15.8.0 ・TypeScript 4.2.3 この記事ではより恩恵が受けられるTypeScriptを使います。 オブジェクト引数引数は通常numberを受け取ったり、stringを受け取ったり、クラスやインターフェースといった型を引数に指定します。 async function setLocation(latitude: nu
最近の ESLint とかの構成2021
みんな好きな構成を好きなように入れれば良いと思ってるけど、自分が最近やってるやつを雑に紹介する。 シンプルなTypeScriptのプロジェクトを想定している。 npm install --save-dev eslint prettier typescript eslint-config-prettier @typescript-eslint/parser @typescript-eslint/eslint-plugin npm-run-all
2021-04-06のJS: TypeScript 4.3 Beta、hls.js v1.0.0(Apple Low-Latency HLS)、Storybook 6.2
JSer.info #534 - TypeScript 4.3 Betaがリリースされました。 Announcing TypeScript 4.3 Beta | TypeScript 今までは、getterとsetterは同じ型であることが強制されていましたが、setterにgetterより幅広い型を指定できるようになっています。また、継承したメソッドをoverrideしていることを意味するoverrideキーワードが追加され、--noImplicitOverrideでチェックできるようになっています。 その他には、Template String Typeの改善、一部不完全だったPrivate Class Elements(fields/methods/accessors)のサポートが改善されています。 Private Class ElementsのサポートはRuntimeの変更も含まれる
JavaScriptランタイム環境「Deno」開発者がDeno Companyを立ち上げ | OSDN Magazine
JavaScriptランタイムエンジン「Deno」の開発者は3月29日、法人組織としてDeno Companyを設立したことを発表した。 DenoはNode.js開発者のRyan Dahl氏とBert Belder氏が開始したプロジェクトで、NodeのアルファベットからDenoと命名した。2020年5月に初の正式版を公開している。最新版は3月に公開したバージョン1.8。 今回、Four Rivers VenturesなどのVCやMozilla Corporationより、シードキャピタルとして490万ドルを調達した。これにより、フルタイムでDeno改善にあたる開発者を雇用し、バグの修正、イシューへの対応、タイムレスリリースの実現などを進めるとしている。拠点地の場所などの詳細はまだ、Webサイトには公開されていない。なお、ライセンスは今後も継続してMIT Licenseの下で公開する。ビジネ
JavaScriptのライブラリを徐々にTypeScriptに移行する
Alminというライブラリは元々JavaScript(+Babel)で書かれていましたが、今年の2月にsrc/下のソースコードはTypeScriptに移行しました。 その時のコミットログは次のPRに残っているため、コミットログを1コづつ見ていけばどのように行われていったが分かると思います。 Convert src/ to TypeScript by saneyuki · Pull Request #68 · almin/almin この時取った方法は大まかに次のような手順でした src/ の TypeScript化 Babel -> JS(js -> js)だったものをTypeScript -> Babel -> JSにビルドスクリプトを変更 TypeScriptはtargetをesnextにすることで単純に型を取り除くだけの変換にする ES2015 -> ES5を実際にやるのは既存のBa
JavaScriptの外部ファイルで簡単に実装できる、映画コンテンツを快適に再生するHTML5動画プレーヤー -Moovie.js
動画、特に映画コンテンツを快適に再生することにフォーカスされたHTML5プレーヤーを実装するスクリプトを紹介します。 実装は非常に簡単でカスタマイズも豊富、字幕は多言語をサポート、動画の再生速度は0.1x-8xまで変更可能、デザインはCSSベースで簡単に変更できます。 Moovie.js デフォルトでも快適、フルカスタマイズも可能 動画の字幕は多言語をサポート 再生速度は0.1x-8xまで変更可能 .vtt, .srtの字幕ファイルをサポート トラックや字幕を動的に追加可能 字幕のカスタマイズ イベント・ショートカットのAPI 依存関係はなし、VanillaJSで構築 すべてのモダンブラウザをサポート レスポンシブに完全対応 MITライセンスで、商用プロジェクトでも無料で利用できます Moovie.jsのデモ デモでは映画コンテンツを再生しながら、Moovie.jsのいろいろな機能を楽しめ
本当に怖い、Babelの更新 - kubell Creator's Note
こんにちはー。突然ですが、聞いてくださいよー。 Babelのバージョンアップしたら「Chatworkのルーム切り替えが重くなった」と社内で言われてしまいました。 みんなの仕事の効率を悪くするわけにもいかないので、戻すしかありません。Babelの更新って、本当に怖いですよねー。 そんなわけで、こんにちは。フロントエンド開発部のひむら(id:eiel)です。 さて、この話自体は少し前のことなのですが、その際に原因を特定する余裕がなく、Babelの更新は後回しになっていました。 ルーム切り替え自体が歴史的経緯もあって、「とーっても」*1難易度が高くなっていて、最悪これを改善すれば更新できるだろうと期待もしてたりもしました。 ところが、うっかり再発させてしまったので、ここで気合をいれて改善することにしました。 今日はその話を記録しておきます。 要約 経緯 原因の特定 試しにIE11をターゲットから
2021年にJavaScriptやNode.jsを勉強し始めたので、読んで良かった資料をまとめる
2021年になってJavaScript、TypeScript、Node.jsの勉強を始めました。 この記事では、読んで良かった本、記事、公式ドキュメントなどをまとめていきます。 ※2021/03時点の情報です。 個人的なリンク集ですが、「これも読むと良いよ」というものがあればぜひ教えてください。 ECMAScript ECMAScriptの仕様は、EcmaのTC39で策定されている Ecma TC39 GitHub organization ep78 TC39 | mozaic.fm Node.jsの各バージョンでのECMAScriptサポート状況 JavaScript Misreading Chat - #86: JavaScript: the first 20 years JavaScript 二十年の歴史についての回 JavaScript チュートリアル | MDN JavaScri
Deno 1.8 Release Notes | Deno
Today we are releasing Deno 1.8.0. This release contains a massive amount of new features and stabilizations: Experimental support for WebGPU API: paving a path towards out-of-the-box GPU accelerated machine learning in Deno Built-in internationalization APIs enabled: all JS Intl APIs are available out of the box Revamped coverage tooling: coverage now supports outputting lcov reports Import maps
Spector.js - Chrome Web Store
Explore and Troubleshoot your WebGL scenes easily. Spector is a tool aim to WebGl developers willing to know what happens on their context. It enables capturing all the available information from a frame. You will be empowered to look at your entire commands list with their associated visual states and context information. You will be able to Explore and Troubleshoot your WebGL and WebGL2 scenes e
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to use ES6 import syntax in Node.js
Natively Format JavaScript Dates and Times
Running other languages with Node and JavaScript
Creating a Smart Navbar With Vanilla JavaScript | CSS-Tricks
React Pivot Table with AG Grid and Cube.js 🔢
関数どれ使う？JavaScript - Qiita
TypeScriptがJavaScript上で構築される方法を学ぶ、新TypeScriptハンドブックが正式版に
Why Frontend Developers Need to be Webpack Experts
version.js
