橋本商会 » ES6の勉強をした
Web DB Press vol.87のES6の特集を読みながら、ES6を勉強した。とてもわかりやすかった。 紹介されている機能をちょこちょこと試す細かいスクリプトを色々書いたりメモを取ったりしたのでまとめておく。色々な機能があった。 https://github.com/shokai/es6-study 最近Web MIDI APIを使ってたんだけど、そのインタフェースがES6のPromiseとfor-ofで回す新しいIteratorとTypedArrayで実装されていたので、今後ブラウザに増える新しいAPIがES6前提で作られるなら普段からES6で書くようにしたほうがいいかなと思った。 個人的にはcoffeeの方がES6よりちょっと好き。でもfor-of文がES6で新しく増えたMapやIteratorを使う時に重要なんだけど、coffeeのfor-of文は別の意味があるので、coffe
Articles in “ES6 In Depth” – Mozilla Hacks - the Web developer blog
ES6 In Depth: The Future ES6 In Depth is a series on new features being added to the JavaScript programming language in the 6th Edition of the ECMAScript standard, ES6 for short. Last week’s article on ES6 modules wrapped up a 4-month survey of the major new features in ES6. This post covers over a dozen more new features that […] ES6 In Depth: Modules ES6 In Depth is a series on new features bein
You Don't Know ES Modules
This document summarizes an AWS User Group meeting in Japan hosted by Hiro Fukami of Fluxflex. It includes: 1. A presentation on Fluxflex, an innovative web hosting platform that uses AWS products like EC2, S3, SQS, and Elastic Load Balancing for auto scaling and no server management. 2. Updates on game companies like Zynga, RockYou Asia, and gumi adopting AWS in Japan. 3. An announcement of a dem
AngularJSモダンプラクティス - Qiita
Help us understand the problem. What is going on with this article? こんにちは、@armorik83です。私のAngularJS歴は2年弱で、これまでAngularJSに関する記事はQiitaにたくさん書いてきました。例えば次のような記事です。 AngularJSアンチパターン集 2014.9 ここらでDirective Scopeの@=&をまとめておきたいと思う 2014.9 TypeScriptで書くAngularJSのMVC 2014.2 AngularJS Directiveの処理順を網羅してみた 2014.12 他にもニッチなものやイマイチだったものも含めてけっこうな数となってきました。また、こういった記事の縁で勉強会でも登壇させて頂きました。 モダンAngularJS 2014.12 GDG中国 TypeScr
テストがないJS環境にモダンなテスト環境を導入していく - Qiita
Qiita:Teamに投げた社内ドキュメントだったけど、特に問題ないのでQiitaにも投げる。 前提として browserify-rails とbabelify が導入されている状況を想定してる。 基本方針 新規コードはES2015で書く 本番はbrowserify(-rails)でコンパイルする。 単体テストは node 環境下で走らせる テスト環境下では jsdom で window, document をモックする 単体テストでは ブラウザ特有の挙動はテストしない 裏側の環境(browserifyやspec-helper)は難しくして良いが、利用者からみえる範囲は複雑にしない(npm install; npm testで走る) Universal JavaScript に寄せることでコードのポータビリティを上げる 事前準備 browserify-railsを導入する。 .babelr
Node.js v4がリリースされたらコードの書き方でどこが変わるか？ - なっく日報
追記1：続・Node.js v4がリリースされたらコードの書き方でどこが変わるか？ - なっく日報に続きを書きました。 追記2：Computed propetiesにバグがあることを追記しました。 追記3：Computed propetiesのバグが修正されたので該当箇所を削除しました。 9月には出るということで、ちょっと考えてみました。 iojs v3のES6でshipping featuresなもの（V8においてES6でONにしても大丈夫な機能）で書いてますが、もし違ったらすいません。 iojs.org 変数宣言 基本letとconst。varは使わない。 'use strict'; // strictモードでないとletとconstは使えない const STATIC_VAR = '定数'; let a = 'varは使わない'; for (let i = 0; i < 10; i+
GitHub - esperantojs/esperanto: DEPRECATED: An easier way to convert ES6 modules to AMD and CommonJS
function* 宣言 - JavaScript | MDN
ジェネレーターは処理を抜け出したり、後から復帰したりすることができる関数です。ジェネレーターのコンテキスト（変数の値）は復帰しても保存されます。 JavaScript のジェネレーターは、特にプロミスと組み合わせることで、非同期プログラミングのための非常に強力なツールとなり、コールバック地獄や制御の逆転などのようなコールバックの問題を、完全に解決できるわけではないものの、軽減することができます。しかし、これらの問題は非同期関数を使用すると、さらにシンプルに解決することができます。 ジェネレーター関数を呼び出しても関数はすぐには実行されません。代わりにその関数のジェネレーターオブジェクトが返されます。イテレーターの next() メソッドが呼び出されると、ジェネレーター関数の処理は、イテレーターから返された値を特定する最初の yield 演算子か、ほかのジェネレーター関数に委任する yiel
ES6時代のJavaScript - クックパッド開発者ブログ
こんにちは会員事業部の丸山@h13i32maruです。 最近のWebフロントエンドの変化は非常に激しく、ちょっと目を離した間にどんどん新しいものが出てきますよね。そんな激しい変化の一つとしてES6という次期JavaScriptの仕様があります。このES6は現在策定中で、執筆時点ではDraft Rev31が公開されています。 JavaScriptはECMAScript(ECMA262)という仕様をもとに実装されています。 現在のモダンなWebブラウザはECMAScript 5.1th EditionをもとにしたJavaScript実行エンジンを搭載しています。 そして次のバージョンであるECMAScript 6th Editionが現在策定中で、略称としてES6という名前がよく使われます。 今回は、他の言語にはあってJavaScriptにも欲しいなと思っていた機能や、JavaScriptでよ
ライブラリをES2015(ES6)で書いて公開する所から始めよう
この記事はECMAScript 2015の事始めとして、ライブラリをECMAScript 2015で書いて公開するというところから始めるのがいいのではという内容です。 ECMAScript 2015(ES2015)はES6とも呼ばれていてどちらも同じものを指しますが、この記事ではES2015に統一します。 ECMAScriptのバージョンについては次のページを参照してください。 ECMAScript · JavaScriptの入門書 #jsprimer 2018-12-27: 追記 textlint/textlint-rule-helperのmasterはTypeScriptの実装へ変換されています。 Babelの実装はhttps://github.com/textlint/textlint-rule-helper/tree/2.0.1から参照できます Babel から TypeScrip
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - DrkSephy/es6-cheatsheet: ES2015 [ES6] cheatsheet containing tips, tricks, best practices and code snippets![GitHub - DrkSephy/es6-cheatsheet: ES2015 [ES6] cheatsheet containing tips, tricks, best practices and code snippets](https://cdn-ak-scissors.b.st-hatena.com/image/square/32c8c554febf8733e2eb7ea84d8fdd5a6f924c59/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F6304609c1aca68b166df5ae2bad875bc493eebcc21e9e1366b50405cf44bac75%2FDrkSephy%2Fes6-cheatsheet)
GitHub - yosuke-furukawa/tower-of-babel: Tower of babel is tour of babel