Node Modules at War: Why CommonJS and ES Modules Can’t Get Along
Dan Fabulich is a Principal Engineer at Redfin. (We’re hiring!) In Node 14, there are now two kinds of scripts: there are old-style CommonJS (CJS) scripts and new-style ESM scripts (aka MJS). CJS scripts use require() and module.exports; ESM scripts use import and export. ESM and CJS are completely different animals. Superficially, ESM looks very similar to CJS, but their implementations couldn’t
2020-08-04のJS: Firefox 79、Babel 7.11.0、Speculation in JavaScriptCore
JSer.info #499 - Firefox 79がリリースされました。 Firefox 79: The safe return of shared memory, new tooling, and platform updates - Mozilla Hacks - the Web developer blog Firefox 79 for developers - Mozilla | MDN 非同期処理のスタックトレースのサポート、デバッガの改善が行われています。 target=_blankのリンクに対して暗黙的にrel=noopenerと同じ扱いをするようになりました。 また、crossOriginIsolatedが有効の場合にSharedArrayBufferが利用可能になっています。 詳しくは次の記事で解説されています。 Safely reviving shared memo
プログラム3行ではじめるWebAssembly、軽量静的型付け「Zen言語」
webアプリのサイズ、小さいほど読み込みが早くて快適に！ Zen言語でシンプルな WebAssembly、動かしてみました。(src on GitHub) C言語以上に細部に手が届く、軽量静的型付け言語の「Zen言語」は、WebAssembly出力にも対応。 下記、たった3行、誰にでも分かりやすい足し算するだけのプログラムを「zen build」でコンパイルするだけ、HTML/JavaScriptから呼び出して、利用できます。(src on GitHub) export fn add(a: i32, b: i32) i32 { return a + b; } （プログラム解説） export → 外部から使うよ fn → function 関数だよ add → 関数名はaddにしよう a: i32 → 符号付き整数32bitのパラーメータaが関数addの引数1つ目 b: i32 → 符号付
1997年に登場したMac OS 8をエミュレートできる「macintosh.js」が登場
GitHubが開発したオープンソースのソフトウェアフレームワークである「Electron」を用い、1997年にリリースされたAppleのOS「Mac OS 8」をエミュレートできるようにした「macintosh.js」が公開されています。なお、macintosh.jsを開発したのはSlackでアプリ開発者として働くFelix Riesebergさんです。 GitHub - felixrieseberg/macintosh.js: A virtual Apple Macintosh with System 8, running in Electron. I'm sorry. https://github.com/felixrieseberg/macintosh.js 上記ページの中段にある「Downloads」からインストーラーをダウンロード可能。今回はWindows向けの64ビット版インス
長男がプログラム(でゲーム)を作りたいと言い出したので、Javascriptの書き方..
長男がプログラム(でゲーム)を作りたいと言い出したので、Javascriptの書き方とブラウザでの動作確認を軽く教えた 次男も感化されたようで長男の真似をし始め、今は簡易な動作のHTMLファイルであれば作れるようになっている ある日、二人の空気が険悪だった(大喧嘩したあとの空気だった) まずは長男に事情を訊いてみると、とあるプログラムの方針で対立したとのこと それは「じゃんけんゲーム」だった 画面でグーチョキパーのいずれかを選びボタンを押すと、相手(CPU)の「手」と勝敗が表示されるというものだった 次男はまずCPUの「手」を乱数で決定し、画面に入力された「手」と比較して勝敗(と引き分け)を決める、素直な処理だった 長男はそれに飽きたのか、まずは乱数で「勝ち」「負け」「引き分け」を乱数で最初に決めてしまい、その後で結果に応じたCPUの「手」を決定するというロジックだった 次男はこれが気に入
📊 billboard.js 2.0 is out! 🎉🎊
After the several months of work, proud to announce a long waited major update came out today! For the detailed info, please checkout the v2 changelog: https://github.com/naver/billboard.js/wiki/CHANGELOG-v2 # install the v2 npm install billboard.jsTL;DRMoved the code base to TypeScriptRestructured whole file system & class architectureSmaller build size & run fasterMaintained backward compatibili
eslint-plugin-vue で来たる Vue.js 3 のリリースに備えよう - BASEプロダクトチームブログ
フロントエンドチームの右京です。 Vue.js 3 が八月上旬にリリース予定ということで、BASE でもバージョンアップに向けて少しづつアクションを始めています。 Vue.js 3 では多くの機能が追加され開発の幅が広がりますが、一方で削除や非推奨となる機能も多く頭を悩まされている方もいるのではないでしょうか、BASE もそうです。 この記事では ESLint とその Vue.js 向けプラグインの eslint-plugin-vue を利用した、deprecated となる機能へのアプローチを紹介します。 なぜ eslint-plugin-vue か ESLint には Vue.js の SFC のためのプラグインとして eslint-plugin-vue が開発されていて、BASE でもこれを利用しています。 このプラグインには vue/no-deprecated- で始まるルールがい
Rust for JavaScript Developers - Pattern Matching and Enums
This is the fourth part in a series about introducing the Rust language to JavaScript developers. Here are all the chapters: Tooling Ecosystem Overview Variables and Data Types Functions and Control Flow Pattern Matching and Enums Pattern MatchingTo understand Pattern Matching, let’s start with something familiar in JavaScript - Switch Case. Here’s a simple example that uses switch case in JavaScr
Rust for JavaScript Developers - Functions and Control Flow
This is the third part in a series about introducing the Rust language to JavaScript developers. Here are all the chapters: Tooling Ecosystem Overview Variables and Data Types Functions and Control Flow Pattern Matching and Enums FunctionsRust’s function syntax is pretty much similar to the one in JavaScript. fn main() { let income = 100; let tax = calculate_tax(income); println!("{}", tax); } fn
Selecto.js - Web上でドラッグで選択するUXを実現 MOONGIFT
Webアプリケーションが広く使われるようになり、さもローカルアプリケーションと同じように操作できるようになっています。しかし、デスクトップの操作に近づけば近づくほど、ちょっとした操作性の違いに違和感を感じるようになります。 今回はドラッグして選択する操作をサポートするSelecto.jsを紹介します。この操作、デスクトップでは当たり前なのでWebでもできるようになると便利でしょう。 Selecto.jsの使い方 下にあるタイルが選択された状態です。 マウスでドラッグして選択できます。 キーボードとの組み合わせで複数回の選択もできます。 選択してドラッグ移動といった使い方もできます。 Selecto.jsが使われそうなのはExplorerやFinderといったファイル管理を提供する場合でしょう。同様に複数のファイルやオブジェクトをまとめて選択させたり、それを移動したりするのにSelecto.
ESLint と Prettier の共存設定とその根拠について
注意 この記事は 2020 年 09 月 24 日現在、古い情報となりました。 eslint-plugin-prettier の利用は非推奨であると公式がアナウンスを出しています。 そのことについては Prettier と ESLint の組み合わせの公式推奨が変わった にてまとめましたので、こちらもご覧ください。 また eslint-plugin-prettier は公式推奨ではなくなりましたが、それは Editor などの外部環境の進化によるものでこのプラグイン自体に何か問題が起きたわけではありません。 そして eslint-plugin-prettier を利用した設定方法、特に eslint-plugin-prettier と eslint-config-prettier が何を解決していたかを知らないと、prettier-eslint が何をどう解決したかを理解できないはずなので
Create No-JavaScript friendly sites - Guillermo Garron
June 20, 2020 Introduction The other day one of the post of my other site was posted on reddit, and one of the readers commented that my site was unusable with No Script. Well the whole problem was that I’ve got the wrong configuration of PageSpeed Module, and the site entered in an infinite loop. Anyway, that event made me think that my site’s menu just do not work if one deactivates the JavaScri
Vue.jsやReactなど、JavaScriptライブラリのコードスニペットを利用できるVS Codeの拡張機能 -Snipsnap
サポートしているJavaScriptライブラリの一覧（上記以外にもたくさんあります） Snipsnapは現在のプロジェクトで使用している言語やパッケージに基づいて、ライブラリで使用可能なスニペットをナビゲートし、必要なスニペットを選択します。 Snipsnapのインストール Snipsnapのインストールは、VS Code Marketplaceから。 VS Codeで開いたら、「Install」をクリック Snipsnapの使い方 Snipsnapは、手動でアクティブ化する必要はありません。ワークスペースフォルダにpackage.jsonファイルが含まれ、すぐに使用できます。トリガーが必要な場合は、コマンドパレットのReload Windowを使用します。 設定 利用可能な設定オプションは、スニペットのリクエストから特定のライブラリを除外することだけです。Snipsnapはロックファイル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Windows 95に続き、クロスプラットフォームに対応したElectron製Mac OS 8エミュレータ「macintosh.js」が公開される。
https://ockeghem.pageful.app/post/item/rsDYLUiG3OfWoNd
TechCrunch | Startup and Technology News
Add ESLint Rules to a `react-blessed` Application
6 Top JavaScript UI Frameworks & Libraries for 2020 — SitePoint
Ultra Fast Testing for JavaScript and UI Engineers (Offer)
React 内で JS のクラスインスタンスを用いる - fsubal
