Fork me on GitHub

2015-03-31のJS: Dart to JS、ES6 Generator、Reactでシングルページアプリケーション作成

Edit on GitHub 編集履歴を見る

JSer.info #221 - DartをChromeに載せることは諦めて、DartをJavaScriptに変換する部分に注力することが発表されました。

またほぼ同時にDart 1.9がリリースされています。

DartはECMA-408として標準化されていますが、Dart 1.9ではDart Programming Language Specification, 2nd Edition(翻訳)で追加定義されたasync/awaitやenumなどのサポートが入っています。

詳しくは以下を見るといいです。


ES6 generators in depthという記事ではES6のGeneratorについて、掘り下げて解説されています。
Iterables and iterators in ECMAScript 6の続編的な記事なので、こちらを先に見ておくと良いです。

Generatorの役割を3種類に分けて紹介していて、それぞれについて例とともに詳しく解説されています。

  1. Iterators (data producers)
  2. Observers (data consumers)
  3. Coroutines (data producers and consumers)

mikechau/react-primer-draftというReactを使ってシングルページアプリケーションを作るチュートリアルが公開されています。

Reactを使ったアプリの作成について丁寧に書かれていて、参考リンクも多く含まれているので一度見てみると良さそうです。
まだ未完成ですがES6についてやルータ、Fluxといったライブラリについても書いていくようです。


ヘッドライン


ESLint 0.18.0 released - ESLint - Pluggable JavaScript linter

eslint.org/blog/2015/03/eslint-0.18.0-released

JavaScript Tools ReleaseNote

ESLint 0.18.0リリース。
JSXの構文についての処理はESLintから完全に削除され、eslint-plugin-reactへ移植された。


Ember.js - Ember.js 1.11.0 and 1.12 Beta Released

emberjs.com/blog/2015/03/27/ember-1-11-0-released.html

JavaScript library ReleaseNote

Ember.js 1.11リリース。
HTMLBarsの構文強化やその構文の解説がされている。


Node v0.12.1 (Stable)

blog.nodejs.org/2015/03/23/node-v0-12-1-stable/

node.js ReleaseNote

Node v0.12.1リリース。
OpenSSLのアップデート


アーティクル


Dart News & Updates: Dart for the Entire Web

news.dartlang.org/2015/03/dart-for-entire-web.html

dart ReleaseNote

DartはDartVMをChromiumに載せることは諦めて、dart2jsに集中するとのこと。
また、Dart 1.9がリリースされている。


A Preview of WinJS 4.0

blogs.windows.com/buildingapps/2015/03/27/a-preview-of-winjs-4-0/

windows JavaScript library ReleaseNote

WinJS 4.0のプレビュー版が公開された


"Project Spartan" in the Windows Technical Preview build 10049 - IEBlog - Site Home - MSDN Blogs

blogs.msdn.com/b/ie/archive/2015/03/30/quot-project-spartan-quot-in-the-windows-technical-preview-build-10049.aspx

windows IE ReleaseNote

Project Spartanが入ったWindows 10のプレビュー版が公開された
UserVoiceでアイデアへの投票を募集している。


Node.js Tools 1.0 for Visual Studio - The Visual Studio Blog - Site Home - MSDN Blogs

blogs.msdn.com/b/visualstudio/archive/2015/03/25/node-js-tools-1-0-for-visual-studio.aspx

node.js IDE ReleaseNote

Node.js Tools 1.0 for Visual Studioリリース。
またリポジトリがGitHubに移行した


ES6 generators in depth

www.2ality.com/2015/03/es6-generators.html

JavaScript ECMAScript

ES6のGeneratorについての詳しい解説。
Generatorとは何か、構成要素、Iterator、Generatorの使い方、CSPなど幅広く書かれてる


mikechau/react-primer-draft

github.com/mikechau/react-primer-draft

React tutorial book

Reactでシングルページアプリケーションを作るチュートリアル的な文章。
React.Componentについて詳しく書かれている


スライド、動画関係


Reusable Component UI Design // Speaker Deck

speakerdeck.com/tyshgc/reusable-component-ui-design

React スライド

再利用できるReact Componentについてのスライド


サイト、サービス


Package Quality

packagequality.com/

npm webservice

npmのパッケージのクオリティチェック。
issueの数やバージョンなどの情報を元に数値化してる


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


Microsoft/IEDiagnosticsAdapter

github.com/Microsoft/IEDiagnosticsAdapter

Chrome IE debug proxy software

Chrome remote debug protocolを使ってIEをデバッグできるプロキシ。
ChromeでIEで見てるサイトをデバッグ出来る


operasoftware/operachromiumdriver

github.com/operasoftware/operachromiumdriver

Opera Chrome webdriver

OperaのWebDriver実装


bloomberg/brisket

github.com/bloomberg/brisket

JavaScript backbone.js library

Bloombergのisomorphic JavaScriptフレームワーク。
Rendrと同じくBackboneをベースとしたサーバサイドレンダリングの仕組みを持つ。


cssnext/cssnext

github.com/cssnext/cssnext

CSS Tools library

CSS4などの仕様をCSS3相当に変換するツールとライブラリ。


書籍関係


Amazon: Front-End Architecture: A Modern Blueprint for Scalable and Sustainable Design Systems: Micah Godbolt

www.amazon.com/dp/1491926783

JavaScript HTML book

2015年10月25日発売
フロントエンドアーキテクチャ。
JavaScriptやツール、CSSなど幅広く扱ってる


この記事へ修正リクエストをする
記事を紹介する