[B! es6][Javascript] y_yukiのブックマーク

Visual Debugging with ES6 and Node.js

We’ve been working with Node.js for several years at Good Eggs and love the JavaScript ecosystem, particularly the advancement of the language itself with ECMAScript 6. While the number of options in the JavaScript ecosystem is still exploding, it does feel like we are starting to narrow in on a great toolset. Today, all our new applications are using ES6 and ReactJS and it feels right. Below I sh

y_yuki 2016/10/31

リンク

春からはじめるモダンJavaScript / ES2015 - Qiita

春ですね！人の配置がリファクタリングされ、コードもリファクタリングの季節です。では僕がここでモダンなJavaScriptとES2015の利点を語る役をやるので、みなさんはチームを説得する役をやってください。 JavaScriptの歴史まず最初にJavaScriptの歴史を踏まえることで、今学ぶべきものとその理由を確認しましょう。なぜ2016年の記事でES2016ではなく、ES2015なのか、と疑問に思った方もいるかもしれません。それは、ES2015がただの年次アップデートではなく、これから始まる毎年のメジャーバージョンアップの起点となるバージョンであり、またES5から飛躍的に仕様が増えたバージョンであるからです。簡単に(雑な)歴史を紹介します。ブレンダン・アイクによってNetScapeに実装/搭載された古の時代〜IE6 (1996~2005) ES3: 一時はシェア7割を誇ったレ

y_yuki 2016/03/17

リンク

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

y_yuki 2016/02/12

リンク

Electron の開発環境を gulp + babel で整える - Qiita

概要 Electronとは、JavaScriptでデスクトップアプリが作れるツールです。詳しくは前回の記事「30分で出来る、JavaScript (Electron) でデスクトップアプリを作って配布するまで」をご覧くだい。これまではElectronを使ったアプリ開発方法について書いてきました。今回はコードをガリガリ書いていく前に、開発環境を整えたいと思います。今回はElectronの開発を ES6 + React でしたいと思いました。そのための開発環境を gulp + babel を使って整えていきます。この辺りは他の記事をかなり参考にしました。既に同じようなことをやっている方がたくさんいらっしゃいますが、個人的なメモも兼ねてまとめます。参考記事 * ぼくのかんがえたさいきょうのElectron 何がしたいかまずは何がしたいか、というところから話します。 JavaScr

y_yuki 2016/02/03

リンク

[意訳]初学者のためのJavaScriptモジュール講座 Part1 - Qiita

このポストは以下の記事を、筆者の許諾を得て意訳したものです。 JavaScript Modules: A Beginner’s Guide 何か誤りがありましたら、ご指摘いただけると幸いです。（以下、意訳）はしがきもしあなたがJavaScriptの初心者だとしたら、以下の言葉は全く意味の分からないものかもしれません。モジュール管理 vs モジュール読み込み Webpack vs Browserify AMD vs CommonJS 等々…。それでもJavaScriptのモジュール周りについて、苦手意識を持たないでください。モジュールに関して理解することは、Webエンジニアにとっては必須科目なのです。このポストでは、カンタンな解説とコードサンプルによって上記のようなバズワードを解説します。このポストがあなたにとってお役に立つものでありますように。注：簡素化のために、このポストは

y_yuki 2016/02/03

リンク

ES2015 (ES6)についてのまとめ - Qiita

##ECMAScriptとは ECMAScriptはJavaScriptの中核仕様を抜き出して標準化したもの開発当初のJavascriptは、ブラウザによる独自の拡張が多く、互換性が低かったため、Ecma Internationalが中心となりECMAScriptが開発された ES2015 (ES6)とは先日策定された、ECMASCriptの6th Editionのことであり、当初はES6と呼ばれているが、正式名称をECMASCript2015(ES2015と呼ばれる)とし、今後は年単位のリリースを予定しているとのこと [公式サイト]http://www.ecma-international.org/ecma-262/6.0/index.html ES2015で可能となる新たなシンタックス let・constキーワードによる変数宣言 class構文関数の引数のデフォルトパラメータ（D

y_yuki 2016/01/18

リンク

覚醒JavaScript -ES6で作るIsomophicアプリケーション-

勉強会にてES6-JavaScript-について話た時の資料です。 JavaScript, ECMAScript6, Generator,Node.js,Isomophicに関して話ました。Read less

y_yuki 2015/12/25

リンク

ES6のconstを使い倒すレシピ2 - Object.freeze編〜 JSおくのほそ道 #035 - Qiita

こんにちは、ほそ道です。前回のconst前提共有編に続いて、今回から「どうやって予期しない値の状態変化を抑止するか」をやっていきます。前回、constで宣言した変数は再代入ができないが、オブジェクトや配列などの子属性/要素が不意に変更されてしまう可能性をはらんでいる、という話をいれました。今回はその対策の一つとして値を一切変更させない(凍結)手段についてやっていきます。 1.前提共有編 3.immutable.js編 4.コレクション一発代入/一発返却編 5.条件分岐一発代入/一発返却編全体の目次はこちら

y_yuki 2015/11/24

リンク

最近のjs非同期処理 PromiseとGeneratorの共存 - Qiita

（2015/10/21追記）記事を書いてから半年経ちましたが、最近はRxの良さを理解したり、ES7のasync/awaitがbabelによって実用的になりつつあったり等、またもやベストプラクティスとはなんだったのか状態です。とはいえ、いまのところPromiseは非同期処理の土台であり続けそうですし、Generatorもasync/awaitへの足がかりとして知っておくことのメリットは大きいかと思いますので、引き続き公開させたままとさせて頂きます。（追記ここまで）数ある非同期処理のプラクティスを試してみて、だいたいこれが良いんじゃないかというパターンが固まったので書きます。効用はコールバック地獄からの脱出と結局非同期どれが良いの感の払拭。ES6寄りです。前提知識 JavaScript Promiseの本 http://azu.github.io/promises-book/ ジェネレ