Fork me on GitHub

2015-06-23のJS: ECMAScript 6公開、SVGガイド、JSConf US 2015

Edit on GitHub 編集履歴を見る

JSer.info #233 - ECMAScript 2015(aka. ES6)がEcma標準として承認されました! :tada:

Standard ECMA-262にPDFとHTMLでES6の仕様書が公開されています。
正式な仕様として公開されたのでこれからブラウザの実装も進んだり、学ぶためのリソースも増えてくると思います。

今だと、WEB+DB PRESS Vol.87で概要を把握して、
http://es6-features.org/で簡単にどんな機能が増えたのかを見て、tower-of-babelで実際に書いてみたり、
もっと深く知りたい場合はExploring ES6を読むなどするのが良い気がします。

以前書いた、Promise本もアップデートしているので、Promiseについてはこっちを見てみるといいかもしれません。


A Practical Guide to SVGs on the webというサイトでは、現在殆どのブラウザでサポートされているSVGについて書かれています。

ファイルサイズの最適化や表示方法、JavaScriptやCSSとの連携方法などについて分かりやすくまとまっています。


JSConf US 2015の動画が一部公開され始めています。

それぞれの動画に字幕もついているので、気になる発表を探してみるといいかもしれません。


JSer.infoをサポートするには

JSer.info Sponsors

JSer.info SponsorsGitHub SponsorsとしてJSer.infoを支援してくれている方々です。


ヘッドライン


ECMAScript 2015 is now an Ecma Standard

esdiscuss.org/topic/ecmascript-2015-is-now-an-ecma-standard

ECMAScript spec ReleaseNote

ECMAScript 2015(ES6)正式リリース。


babel/CHANGELOG.md at master · babel/babel

github.com/babel/babel/blob/master/CHANGELOG.md#560

JavaScript Tools ReleaseNote

Babel 5.6.0リリース。
--watch開始時にパースエラーが起きてもCLIを停止しないように、transformerの一部をpluginとして分離するなど


qooxdoo 5.0 released | qooxdoo News

news.qooxdoo.org/qooxdoo-5-0-released

JavaScript UI library

JavaScriptのRIAフレームワークであるqooxdoo 5.0リリース。
qx.Website widgetsの追加、MSEdgeの対応、Pointer Eventsなどの対応、SVG、Fullscreen APIの対応、WebDriverを使ってテストの導入など


Node v0.12.5 (Stable)

blog.nodejs.org/2015/06/22/node-v0-12-5-stable/

node.js セキュリティ ReleaseNote

Node v0.12.5リリース。


Release JSHint 2.8.0 · jshint/jshint

github.com/jshint/jshint/releases/tag/2.8.0

JavaScript Tools ReleaseNote

JSHint 2.8.0リリース。
moduleでコードをES6 moduleとみなしてチェック出来るように、バグ修正など


Node.js Foundation Advances Community Collaboration, Announces New Members and Ratified Technical Governance | The Linux Foundation

www.linuxfoundation.org/news-media/announcements/2015/06/nodejs-foundation-advances-community-collaboration-announces-new

node.js ReleaseNote

Node.js Foundationについての公式アナウンス。
Node.jsとio.jsのマージやガバナンスモデルについての同意がとれて、Linux FoundationのコラボレーションプロジェクトとしてNode.js Foundationが誕生した。


アーティクル


Brendan Eich » Blog Archive » From ASM.JS to WebAssembly

brendaneich.com/2015/06/from-asm-js-to-webassembly/

WebAssembly asm.js JavaScript

ブラウザ向けのバイナリフォーマットの標準化プロジェクトとしてWebAssemblyが公開された。
サイズやデコードの効率化を目的としたバイナリフォーマットで、第一段階の目標としてはasm.jsのバイナリ版相当の機能を予定している。

JavaScriptを置き換えるものではなく、JavaScriptが苦手な部分を補完できるような立ち位置であることなどがFAQにかかれています。


WebAssembly: a binary format for the web

www.2ality.com/2015/06/web-assembly.html

WebAssembly

WebAssemblyの概要解説


ES6 In Depth: Collections ✩ Mozilla Hacks – the Web developer blog

hacks.mozilla.org/2015/06/es6-in-depth-collections/

ECMAScript JavaScript

SetとMapについて。
それぞれのメソッドの解説、JSと他の言語でのMapの特性の違い、列挙の順序問題、WeakSet、WeakMapが何故必要になるのかについてなど


A Practical Guide to SVGs on the web

svgontheweb.com/

SVG browser

SVGの使い方ガイドライン。
最適化、使い方、表示方法のまとめ、CSSやJavaScriptからの操作方法、レスポンシブ、アニメーションなどSVGについてまとまってる


MIDI,JavaScript - JavaScriptでMIDIファイルを解析してみる 1 - Qiita

qiita.com/PianoScoreJP/items/2f03ae61d91db0334d45

JavaScript audio

JavaScriptでMIDIファイル(SMF)を解析してヘッダ情報やトラックを取り出すチュートリアル


スライド、動画関係


JSConf US 2015 - YouTube

www.youtube.com/playlist?list=PL37ZVnwpeshEkVjFZlLm1krvx0mPYPOoq

JavaScript イベント 動画

JSConf US 2015の動画が公開された。
それぞれの動画の文字起こしをしたGistも公開されている


サイト、サービス、ドキュメント


JavaScript Live

jslive.com/

JavaScript news

RubyFlowみたいなJavaScriptのコミュニティニュースサイト


JavaScript.com

www.javascript.com/

JavaScript tutorial

CodeSchoolによるJavaScript初心者向けの学習リソースの紹介、コミュニティによる記事紹介などをしているサイト


Custom Elements - Explore the world of Web Components

customelements.io/

WebComponents 検索

Bowerかnpmのキーワードにweb-componentsがついてるものを検索出来るサイト


ソフトウェア、ツール、ライブラリ関係


oceanhouse21/dokker

github.com/oceanhouse21/dokker

JavaScript document Tools

JSDocのコメントからlodashのようなドキュメントページ/Markdownを生成してくれるツール


trueadm/t7

github.com/trueadm/t7

JavaScript React VirtualDOM

Template Stringsを使ったテンプレートライブラリ。
結果をReactやその他のvirtual-domライブラリを使ってるもの向けへ出力できる


sighjs/sigh

github.com/sighjs/sigh

JavaScript gulp Tools

JavaScriptビルドツール。
gulp pluginをサポートしていて、デフォルトで並列タスク、インクリメンタルリビルド、Source Mapの対応など他のビルドツールの特徴も持たせてる
http://sighjs.github.io/


eorroe/NodeList-Prototype-Extension

github.com/eorroe/NodeList-Prototype-Extension

DOM library

DOM NodeのCollectionに対して操作出来るライブラリ


この記事へ修正リクエストをする
JSer.info Slackに参加する