Node.jsのアプリケーションデバッグ・改善方法をおさらいする | hiroppy's siteステップ実行 --debugと--debug-brkは Node8 の時点ですでに非推奨なので、使わないでください。 デバッグ方法 コンソール Chrome devtools または、VSCode のような IDE に任せる 今回は、エディタ依存の話は特にしないです。 共通的な手順 基本的には、debugger を止めたい場所に置いていくことになります。 例として、以下のコードで説明していきます。
Reddit - The heart of the internet
This JavaScript code powers a 1,500 user intranet application
IME 変換中にも keydown、keyup イベントが発生するようになりました | Firefox サイト互換性情報
UI Events 仕様 や他のブラウザーの挙動に合わせるため、Firefox は、インプットメソッドエディター (IME) による変換中にも keydown、keyup 両イベントの発生を行うようにしました。IME ヘルパーアプリケーションは、中国、日本、韓国、台湾 (CJKT) の人たちによって文字入力欄に母国語のマルチバイト文字を入力するために使われます。 従来、例えば日本語で「絵」と入力したい場合、以下のようなイベントが発生していました。 keydown { isComposing: false, key: "e", keyCode: 69 } compositionstart { data: "" } compositionupdate { data: "え" } input { isComposing: true } compositionupdate { data: "絵"
30 seconds of code
Discover hundreds of coding articles to level up your skills. Browse articles by collection or check out the top picks and latest content below. New & Popular Articles Git · April 3, 2026 Cherry-pick an unreachable GitHub commit Have you ever needed to cherry pick a GitHub commit that does not belong to any branch on this repository? Here's an easy way to do it. Git · January 28, 2026 A better alt
NaN === NaN が false な理由とutil.isDeepStrictEqual - from scratch
NaN === NaN は false NaN、つまりは Not a Number 同士の同値比較が false になるのは、よく JavaScript とかで罠だと言われていますが、罠でもなんでもないです。 false が返るという仕様です。仕様の経緯を追うとすぐに『 IEEE754 という浮動小数点の標準規格で決められているから』、という理由がヒットします。 では IEEE754 ではなんで NaN == NaN を false にしようという話になったのか、というのを調べてみました。 今回はそういう歴史の話です。 IEEE754 現在のプログラミング言語の処理系の多くが採用している浮動小数点の標準規格です。 この標準規格は以下のことを定義している。 - 基本形式: 二進および十進の浮動小数点数データの集合。有限な数（符号付ゼロと非正規化数を含む）、無限、特殊な「数ではない」値（NaN
Polyfill.io
Filter PolyfillsFilter the polyfills in the "Available Polyfills" list.Available PolyfillsCheck the boxes of the polyfills or polyfill-sets you want to have in your bundle. defaultIncluded PolyfillsArray.fromArray.isArrayArray.ofArray.prototype.everyArray.prototype.fillArray.prototype.filterArray.prototype.forEachArray.prototype.indexOfArray.prototype.lastIndexOfArray.prototype.mapArray.prototype.
Stable AngularJS and Long Term Support
AngularJS is planning one more significant release, version 1.7, and on July 1, 2018 it will enter a 3 year Long Term Support period. UPDATE (2020–07–27): Due to COVID-19 affecting teams migrating from AngularJS, we are extending the LTS by six months (until December 31, 2021). AngularJS Panel at Angular Connect 2015BackgroundAngularJS is an extremely stable framework for building web applications
Automatic visual diffing with Puppeteer – Monica Dinculescu
So testing, right? We should do it. The thing is, testing is hard, and good testing is reaaaaaaally hard, and tbh I’m pretty bad at testing. So I end up not testing my apps, and then I feel guilty about it, but I’ll stop you now: you can’t run guilt on Travis. If this sounds familiar, then this blog post is for you. I did a little song-and-dance that sets up Puppeteer* , takes screenshots of your
GitHub - elsewhencode/project-guidelines: A set of best practices for JavaScript projects
While developing a new project is like rolling on a green field for you, maintaining it is a potential dark twisted nightmare for someone else. Here's a list of guidelines we've found, written and gathered that (we think) works really well with most JavaScript projects here at elsewhen. If you want to share a best practice, or think one of these guidelines should be removed, feel free to share it
Wassim Chegham on Twitter: "understanding async/await in 7 seconds https://t.co/IJOQJ2DR35"
understanding async/await in 7 seconds https://t.co/IJOQJ2DR35
Object.freeze / Object.seal の糖衣構文 - 技術探し
もともとの発端はここから。 Fishrock123/proposal-const-function-arguments: A proposal to introduce constant function argument references.: https://t.co/rMvEtdYrrg— hiroppy😶 (@about_hiroppy) 2017年11月26日 明示的にconstかどうかを示すプロポーザルでまだチャンピオンは取得してない。 気付いたら Brian Terlson(現在のTC39のエディタ) Jordan Harband(AirbnbのTC39の会員) Mikeal Rogers(Node.js Foundationの設立者) Bradley Farias(TC39の会員でESMに一番くわしい人) Benedikt Meurer(V8チームのスゴイ人) Ingv
CKEditor 5: A new era for rich text editing | CKEditor.com
The heart of the new CKEditor Ecosystem is undoubtedly our brand new editor, CKEditor 5. It’s not simply the next major version of one the most popular rich text editors out there. It’s the next chapter on what web text editors are, how they should be used and what possibilities they bring. Be ready to forget everything you knew so far about text editors and open your mind to a whole new experienc
Some ECMAScript Explanations and Stories for Dave
Dave Winer recently blogged about his initial thoughts after dipping his toes into using some modern JavaScript features . He ends by suggesting that I might have some explanations and stories about the features he are using. I’ve given talks that cover some of this and normally I might just respond via some terse tweets. But Dave believes that blog posts should be responded to by blog posts so
Pipeline Operatorがstage-1へ - 技術探し
github.com 先月のTC39のMTGでstage-1になりました。 F#, OCaml, Elixir, Elm, Julia, Hack, LiveScriptなどと似たような機能を提供します。 function doubleSay (str) { return str + ", " + str; } function capitalize (str) { return str[0].toUpperCase() + str.substring(1); } function exclaim (str) { return str + '!'; } let result = exclaim(capitalize(doubleSay("hello"))); // "Hello, hello!" let result = "hello" |> doubleSay // ここの引数が `he
Relicensing React, Jest, Flow, and Immutable.js
Next week, we are going to relicense our open source projects React, Jest, Flow, and Immutable.js under the MIT license. We’re relicensing these projects because React is the foundation of a broad ecosystem of open source software for the web, and we don’t want to hold back forward progress for nontechnical reasons. This decision comes after several weeks of disappointment and uncertainty for our
Announcing CoffeeScript 2
We are pleased to announce CoffeeScript 2! This new release of the CoffeeScript language and compiler aims to bring CoffeeScript into the modern JavaScript era, closing gaps in compatibility with JavaScript while preserving the clean syntax that is CoffeeScript’s hallmark. In a nutshell: The CoffeeScript 2 compiler now translates CoffeeScript code into modern JavaScript syntax. So a CoffeeScript =
What forces layout/reflow. The comprehensive list.
what-forces-layout.md What forces layout / reflow All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck. Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for a
ReactはなぜFiberで書き直されたのか？Reactの課題と将来像を探る
先日行われたFacebookの開発者向けイベント「F8」で、React Fiberの発表が行われていました。 といっても、React関連の新しいプロダクトが発表されたというわけではなく、Reactが一から書き直されたということのようです。 ReactはなぜFiberで書き直されねばならなかったのか？Fiberが解決しようとした課題は何なのか？ その答えを聞くために、React Fiber現状確認というブログエントリで大変詳細にFiberの事を解説されていた小林徹 (Twitter: @koba04)さんに、実際のところを詳しく伺ってきました。 React Fiberとはなんなのか、そしてReactの将来像を探ってみます。 React Fiberとは？ 白石 React Fiberってなんですか？まずは概要を教えてください。 小林 Facebookが先日のF8カンファレンスで発表した、Rea
なぜTypeScript推しなのか - Islands in the byte stream
KibelaのフロントエンドをES2015からTypeScriptに絶賛移行中です。 www.typescriptlang.org で、なぜ flow じゃないくてTSなのかって話です。 flow vs typescriptである理由は、どちらもJSのスーパーセットをうたう静的型付きのaltJSだからです。この時代にあえてaltJSを導入する理由としては静的型があるというのが必須で、かつ学習コストを考えるとJSのスーパーセットであるのが望ましいでしょう。 言語仕様 言語仕様の点から言うと、決定的な差はないと思っています。 メリットもだいたい同じで 生産性: エディタの補完をJSよりも賢くできるので、より少ない脳のワーキングメモリでコードを書ける 堅牢性: コンパイル時に（＝多くのケースではエディタで）typoなどの間違いを検出できるのでバグを減らせる 学習コスト: JSをベースにしており、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - voodootikigod/logo.js: A community logo for JS