ES6 チートシート | POSTD
日々の仕事の中で役に立つES2015（ES6）のティップス、コツ、ベストプラクティス、プログラムの見本をご紹介します。コントリビューション歓迎です！ 目次 var vs. let / const IIFEからブロックベースへ アロー関数 文字列 デストラクチャリング モジュール パラメータ クラス シンボル マップ WeakMaps Promises ジェネレータ Async/Await var vs. let / const var の他に、値を格納する let と const という識別子が新たに追加されました。 var とは異なって、 let と const はクロージャのスコープ内で最初に記述されることはありません。 var の使用例です。 var snack = 'Meow Mix'; function getFood(food) { if (food) { var snack
ES6 Promises in Depth — Pony Foo
Welcome back to ES6 – “Dude, we already had those!” – in Depth series. If you’ve never been around here before, start with A Brief History of ES6 Tooling. Then, make your way through destructuring, template literals, arrow functions, the spread operator and rest parameters, improvements coming to object literals, the new classes sugar on top of prototypes, let, const, and the “Temporal Dead Zone”,
YAPCで『Effective ES6』について発表してきた - teppeis blog
8/21-22に開催されたYAPC::Asia Tokyo 2015で "Effective ES6" というタイトルで発表した。 今回、自分にとっては最初で最後のYAPCだったけど、YAPCの面白さは特定分野に留まらないWeb系エンジニアが一堂に会するところだと感じた。 例えばHTTP/2ってWeb全般に影響がある今後キーになる技術要素だと思うけど、HTTP/2単体のイベントにわざわざ参加したり自分で勉強したりする人は限られる。YAPCで様々なレイヤーのエンジニアがHTTP/2のセッションを聞いてそれについて議論することで、日本のWebエンジニアにおけるHTTP/2のベースラインが上がったような気がする。 ベストトーク3本のうち2本がHTTP/2だったのもそういった要因があるのではと感じた（そしてどちらの発表もその期待以上に素晴らしい内容だった！）。 自分の発表も、Web開発に大きく影響
es6-coding-style/es6-coding-style-en.md at master · gf-web/es6-coding-style · GitHub
ECMAScript6 Style Guide - Frontend Team of GF Securities This style guide is based on standard specifications of JavaScript，only agreed for the ES6 related content Such as variable naming convention, whether to add a semicolon or not, please refer to JavaScript specification Note that the current code compiling tools ( such as Babel, Traceur) is not perfect , some features should be used with caut
Getting started with ECMAScript 6
This blog post helps you to get started with ECMAScript 6 (ES6): It explains how you can interactively try out ES6. It lists ES6 features that are easy to adopt, along with how those features are coded in ES5. Trying out ECMAScript 6 # There are three simple ways to play with ES6: Web browser: use the online Babel REPL, an interactive playground that compiles ES6 to ES5. There is nothing to insta
未来のJavaScript『ECMAScript6』で便利そうなやつまとめてみた - Qiita
そろそろECMAScript6を触っておきたいと思っていたところ、runstantとか言ういい感じのWebエディタが出たのでメモ。よく使いそうなやつをまとめてます。 (ECMAScript6は、ES6, ES.next, Harmonyなんて言われることも多いです) (現在スマホでサンプルのコードが見れないようなので、PCやタブレットで見てください) 便利そう順にサンプル 今までなぜなかった let const -> 環境依存だけどあるにはある デフォルト引数 クラス 継承 2進数とか直接書く すぐに覚えて使いたい アロー記法 アロー記法注意点 keyで演算を使用 メソッドの記述を簡略化 オブジェクトリテラル簡略化 文字列内で変数を展開 覚えたら便利そう for...of 分割代入(デストラクチャリング) 可変長引数 配列を展開して引数に渡す 可変長な変数の展開 -> 若干かぶる イテレー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ECMAScript 6 Features（PDF 版）
[再掲]速習ECMAScript6: 次世代の標準JavaScriptを今すぐマスター！ 学習ノート - Qiita![[再掲]速習ECMAScript6: 次世代の標準JavaScriptを今すぐマスター！ 学習ノート - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/7aa520faa04d43d189c75d1f7d446d76b01e4d8e/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMjc2NjMlMkZwcm9maWxlLWltYWdlcyUyRjE1MDU3OTEwNDc_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9YTNiZDcyZDJmMDI4ZmMwYzY3ZmRhNDI4NjI2OWRkMjE%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D3a9ffc8209b296befdda6de57a6c6b5e%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCJUU1JTg2JThEJUU2JThFJUIyJTVEJUU5JTgwJTlGJUU3JUJGJTkyRUNNQVNjcmlwdDYlM0ElMjAlRTYlQUMlQTElRTQlQjglOTYlRTQlQkIlQTMlRTMlODElQUUlRTYlQTglOTklRTYlQkElOTZKYXZhU2NyaXB0JUUzJTgyJTkyJUU0JUJCJThBJUUzJTgxJTk5JUUzJTgxJTkwJUUzJTgzJTlFJUUzJTgyJUI5JUUzJTgyJUJGJUUzJTgzJUJDJUVGJUJDJTgxJTIwJUU1JUFEJUE2JUU3JUJGJTkyJUUzJTgzJThFJUUzJTgzJUJDJUUzJTgzJTg4JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9OWI0M2VkZDkzYWE5ZjllNjQxZGM4Y2U1NTkxNzdlMWM%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBzdW5kYXljcmFmdHMmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz1kMGJmN2ZhYmUyNjc0ODk5OGFkYjNkYThmMzFkZTEzOQ%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D8c5d7e5e1d6f386fa3c02fcf109b535d)
http://www.alprosys.com/es6/es6_features_ol.html