タグ

ES6に関するtoshi3221のブックマーク (4)

  • JavaScriptにもクラスがやってきた!JavaScriptの新しいclass構文をマスターしよう

    JavaScriptにもクラスがやってきた!JavaScriptの新しいclass構文をマスターしよう 高津戸壮(株式会社ピクセルグリッド) ECMAScript 2015(ECMAScript 6)で新たに追加された待望のclass構文について、その概要をサンプルコードを交えて紹介します。 これまでのJavaScriptにおけるクラス 多くのプログラミング言語はクラスを作れる機能を持っていますが、JavaScriptにその機能は用意されていませんでした。しかし、JavaScriptにはprototypeという柔軟な仕組みが存在しており、このprototypeを利用することで、他の言語で表現されている「クラス」と似たような振る舞いを再現することが可能でした。 それは例えば、こんなふうにです。 /* Cat雛形の作成 */ function Cat(name) { this.setName(

    JavaScriptにもクラスがやってきた!JavaScriptの新しいclass構文をマスターしよう
  • Babelで始める!モダンJavaScript開発

    Babelは最低限の機能をIE8以降で、フル機能をIE10以降でサポートします。 (実際にはIE9以降から使用することを推奨します) 当初Babelは6to5と呼ばれていましたが、ECMAScript7の仕様なども取り込むようになったため、バージョンを想定しないBabelという名前に変更されました。 Babelの特徴 Babelと同じように「トランスパイルすることでJavaScriptのコードを出力する」ツールにはTypeScriptやCoffeeScriptなどがあります。 それらと比較するとBabelは「ECMAScript標準仕様をベースにしている(*)」という特徴があります。 (*) 実際にはJSXもサポートしているため、必ずしもECMAScript標準仕様のみをサポートしているわけではありません。 このため、「いずれ標準実装される仕様を先取りできる」、「Babel自体が廃れても同

    Babelで始める!モダンJavaScript開発
  • ES6を導入したいRailsエンジニアの覚書き - 破いて捨てたノート

    選定候補 CoffeeScript 現状使用している Railsとの相性がよい(デフォルトでサポートされている) ECMAScript 6(以下、ES6) 次期JavaScriptの標準仕様 ES6はいつ勧告されるの? 2015年6月予定 つまり、仕様はまだ固まっていない(が、ほぼほぼ固まっていると言って良いと思われる) ES6の機能 es6featuresで概要を一覧できます 日語版もあった https://github.com/yoheiMune/es6features Mozillaが出している非公式のES6ドラフト仕様書はこちら 「2015 年の JavaScript と babel の話」や「HELLO, ES6 ~これから迎えるJSのミライ~」もわかりやすかった ES6とCoffeeScriptの機能比較 es6featuresに記載される機能のCoffeeScriptでの実

    ES6を導入したいRailsエンジニアの覚書き - 破いて捨てたノート
  • traceur-compiler 入門 - from scratch

    最近ちょっとはまってるtraceur-compilerについて紹介していきます。 前書き 今回、書いてたら非常に長くなってしまって、ちょっとした薄いの記事くらいの文量があります。 その代わり、公式ドキュメント + コードの中を読みこんで書いているので、今のところ多分日では一番詳しい記事かと思います。 すごく長いので章分けしました。興味が有るところだけ読み飛ばしてもらってもいいかと思います。 第一章 traceur-compiler概要 第二章 ES6言語仕様概要 第三章 traceur compilerの使いどころと類似ツール 第一章 traceur-compiler概要 traceur-compilerとは Googleが作っている EcmaScript6 形式で書かれた JavaScript を EcmaScript5 の形式に変換してくれるツールです。"トレーサーコンパイラー"と

    traceur-compiler 入門 - from scratch
  • 1