js13kGames：コードゴルフ型ゲーム開発大会
この記事は “js13kGames: Code golf for game devs” の抄訳です。 13KB。KB なんて最近では雀の涙ほどのデータ量ですが、ゲームの歴史を遡れば先駆者たちはとんでもない制約の中でゲームを作ってきたということに気づくはずです。 一例を挙げると、皆に愛されたアタリ 2600 の RAM は、ほんの 128 バイトしかなく、カセットをさしても 4 KB 増えるだけでした。ことわざにもある通り、制約は創造の母です。そんなゲームのコンペティション、js13kGames の季節がやってきました。これは zip 圧縮して 13,312 バイト以内であることを条件に、ゲームの創造性を競う大会です。 HTML5 ゲーム開発者向けの大会 js13kGames は HTML5 でゲームを作る開発者のための大会で、2012 年より毎年開催されています。作成するゲームのファイルサ
GitHub - regl-project/regl: 👑 Functional WebGL
regl simplifies WebGL programming by removing as much shared state as it can get away with. To do this, it replaces the WebGL API with two fundamental abstractions, resources and commands: A resource is a handle to a GPU resident object, like a texture, FBO or buffer. A command is a complete representation of the WebGL state required to perform some draw call. To define a command you specify a mix
Why "use strict" improves performance 10x in this example?
Following the question Extending String.prototype performance I am really intrigued, because just adding "use strict" to a String.prototype method improved performance 10 times. The explanation by bergi is short and does not explain it to me. Why there is such a dramatic difference between two almost identical methods, that only differ in "use strict" at the top? Can you explain in more detail and
Danger of using async/await in ES7
Update: the text below is only applicable for babel code running under older Node.js versions (v6.x and prior). Starting with Node.js v7.x, unhandled promise rejections are now automatically shown in console. In future versions of Node.js unhandled promise rejections will cause code execution to exit with non-zero exit code. This is a mini-post explaining a small (not so) hidden danger of using as
decaffeinate — CoffeeScript in, JSNext out.
{ pow, sqrt } = Math sq = (x) => pow(x, 2 ) # Represents a 2D point. class Point constructor : ( @ x, @ y) -> distanceTo : ({x, y}) -> xd = sq(x - @ x) yd = sq(y - @ y) sqrt(xd + yd) var { pow, sqrt } = Math ; var sq = (x) => pow(x, 2 ); // Represents a 2D point. class Point { constructor (x, y) { this .x = x, this .y = y; } distanceTo ({x, y}) { var xd = sq(x - this .x); var yd = sq(y - this .y);
ログ出力ライブラリ node-bunyan - まるまるこふこふ
この記事はNode.js Advent Calendar その2 の５日目の記事です。 express のアプリケーションログ express でアプリケーションログを出力したい。 express-generator などで express アプリを作ると、最初から morgan が 使われていますが、これはアクセスログを保存するもので、 アプリケーションログを出力するものではありません。 有名ドコロを探ってみたところ、log4js と bunyan があるみたいなので、 bunyan 使います。 バニヤンと読むみたいです。ぶーにゃんって読んでました。ぶーにゃんかわいいよぶーにゃん。 インストール npm install bunyan インストールしましょう。インストールすると bunyan コマンドという ログをいい感じに見やすくするツールもついてきます。これは後述します。 Introd
Why is `(0,obj.prop)()` not a method call?
This blog post explores references, a mechanism used by the ECMAScript language specification to explain the difference between the following two expressions: obj.prop() (0, obj.prop)() Method calls versus function calls # Consider the following object: var obj = { getThis: function () { "use strict"; return this; }, }; If you call obj.getThis, you have a method call (this points to the object in
RxJSを勉強した1 - babie, you're my home
Reactive Programming With Rxjs: Untangle Your Asynchronous Javascript Code 作者: Sergi Mansilla出版社/メーカー: Pragmatic Bookshelf発売日: 2015/12/25メディア: ペーパーバックこの商品を含むブログを見る Reactive Programming with RxJSの電子書籍版を買って勉強しています。目的は気になっているJavaScriptフレームワークCycle.jsを理解するためです。この本の最終章にもCycle.jsのさわりが書いてあるっぽいので楽しみにしています。ただ、Rx/Cycle.jsはとある優秀なエンジニアが採用しながらもプロジェクトが頓挫しておりダメなアレかもしれません。ただ、Rxがどこまで使えるかどうかわかりませんが、ストリームの扱いは今後の糧になっ
isMounted is an Antipattern – React Blog
This blog site has been archived. Go to react.dev/blog to see the recent posts. As we move closer to officially deprecating isMounted, it’s worth understanding why the function is an antipattern, and how to write code without the isMounted function. The primary use case for isMounted() is to avoid calling setState() after a component has unmounted, because calling setState() after a component has
schemizeのnode.js版作った - Qiita
shcemizeという、JSONからJSON Schemaを生成する便利なGemがある。 schemizeを使うためだけにGemfileを書くのが嫌だったので、node-schemizeを作った。 // とりあえずグローバルにインストール $ npm install -g schemize // デフォルト $ echo '{ "key": "value" }' | schemize {"type":"object","properties":{"key":{"type":"string"}}} // プリチー $ echo '{ "key": "value" }' | schemize --pretty { "type": "object", "properties": { "key": { "type": "string" } } } // プリチーはインデント数と"tab"が指定可能
Using ES6 with gulp — Mark Goodyear — Front-end developer and designer
Nov 2nd, 2015 As of node 4, we're now able to use ES2015 without the need for Babel. However modules are not currently supported so you'll need to use `require()` still. Checkout the node docs for more info on what's supported. If you'd like module support and to utilise Babel, read on. Post updated to use Babel 6. With gulp 3.9, we are now able to use ES6 (or ES2015 as it's now named) in our gulp
gulp-iconfont
Create SVG/TTF/EOT/WOFF/WOFF2 fonts from several SVG icons with Gulp. You can test this library with the frontend generator. Warning: While this plugin may still be useful for fonts generation or old browser support, you should consider using SVG icons directly. Indeed, when i created gulp-iconfont and all its related modules, using SVG icons was just not realistic for a wide browser suppport but
JavaScript Developer Survey Results
The end of year is drawing close and the JavaScript Developer Survey has now ended. The survey received an unimagined amount of replies and I’m excited to share the results with you! There were over 5000 responses, 5350 to be exact, and I can’t wait to share the details. Before that I want to thank everyone who chipped in. This is a great time to be a part of the JavaScript community, and I’m trul
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript Annotated – January 2016 | The WebStorm Blog
codeplanet.io
http://eventualbuddha.github.io/decaffeinate/repl/
Why doesn't instanceof work on instances of Error subclasses under babel-node?
GitHub - tj/frontend-boilerplate: webpack-react-redux-babel-autoprefixer-hmr-postcss-css-modules-rucksack-boilerplate (unmaintained, I don't use it anymore)
@babel/preset-es2015 · Babel
fetch-plus/README.md at master · RickWong/fetch-plus
