Fork me on GitHub

2015-06-16のJS: Vue.js 0.12、Exploring ES6、2015年のJavaScriptの流れ

Edit on GitHub 編集履歴を見る

JSer.info #232 - MVVMライブラリであるVue.js 0.12がリリースされました

0.12.0では v-componentv-withを廃止したり、Reactのようなpropsで値を渡すony-wayバインディングの導入、Asynchronous Components、Element Directivesの追加など色々変更されています。

0.12.0と0.12.1で破壊的な変更があったりして、まだ色々変化してるようですが、データバインディングで混乱の元になるデータの流れについて整理しているようです。

また、0.12.1ではReactのPropTypesとは書き方が違いますが、同じようにpropsのバリデーションをするProp Validationが導入されています。


数多くのECMAScriptについての記事を書かれているDr. AxelによるExploring ES6: Upgrade to the next version of JavaScriptがリリースされました。

Leanpubで販売されていて、オンライン版は無料で読むことができます。

ES5について書かれたSpeaking JavaScriptもそうですが、
今回リリースされたExploring ES6も豊富なサンプルコードと共にECMAScriptの仕様について解説されていてオススメです


今年も半分が終わったので、2015年前半のJavaScriptを振り返る | Web Scratchという記事でJSer.infoの記事をベースにどういう事があったかを簡単に振り返っています。

変化が早いと言われるJavaScriptですが、そういう流れをJSer.infoで言及した回数などから見ていく感じの内容になってます。

例えば、(日本だと)Reactは2014年の後半から伸びてきて、今はある程度定着した話題になっていますが、Web Components(Polymerも含めた)はイマイチ話題になることが少ないといった話などを書いています。

react-polymer-angular

JSer.infoで紹介したサイトなどのメタデータはjser/stat-jsというライブラリ経由で触れるようになってるので、興味がある人は触ってみると何か発見があるかもしれません(あくまで自分の主観的なデータでしかないので、一般解にはなりませんが…)


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

JSer.info Sponsors

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


ヘッドライン


Vue.js 0.12 released! - vue.js

vuejs.org/2015/06/11/012-release/

JavaScript library ReleaseNote

Vue.js 0.12リリース。
v-componentv-withを廃止、Reactのようなpropsで値を渡すony-wayバインディングの導入、Asynchronous Components、Element Directivesの追加など


Ember.js - Ember.js 1.13.0 and 2.0 Beta Released

emberjs.com/blog/2015/06/12/ember-1-13-0-released.html

JavaScript library ReleaseNote

Ember.js 1.13.0と2.0βリリース。
コンポーネントのライフサイクル追加、Helper APIの追加など


ESLint 0.23.0 released - ESLint - Pluggable JavaScript linter

eslint.org/blog/2015/06/eslint-0.23.0-released

JavaScript Tools

ESLint 0.23.0リリース。
computed property、constに関するルールの追加、バグ修正など


flow/Changelog.md at v0.12.0 · facebook/flow

github.com/facebook/flow/blob/v0.12.0/Changelog.md

JavaScript Tools ReleaseNote

Flow 0.12.0リリース。
for-of、async/await、Structural Subtypingなどのサポート、typeofでの型指定、module.name_mapperオプションの追加など


アーティクル


2015年前半のJavaScriptを振り返る | Web Scratch

efcl.info/2015/06/16/jser-half-year/

JavaScript JSer

JSer.infoの2015年1月から6月までを振り返って、どういう変化があったかについてなど


Deprecating JSTransform and react-tools | React

facebook.github.io/react/blog/2015/06/12/deprecating-jstransform-and-react-tools.html

React JavaScript Tools

ReactではJSTransformとreact-toolsの代わりにBabelを利用するようになった。


StrongLoop | New io.js Features You May Not Be Using

strongloop.com/strongblog/new-io-js-features-you-may-not-be-using/

node.js JavaScript

io.js 2.1までに新しく入った機能についてのまとめ。
ES6、ドキュメントの改善、stream、unhandledRejection、Preload modules、Sync I/Oのデバッグなど


React Contexts and Dependency Injection — Jack Hsu

jaysoo.ca/2015/06/09/react-contexts-and-dependency-injection/

React

ReactとDI。ContextとDecoratorを使った例


Six Steps for Approaching the Next JavaScript -Telerik Developer Network

developer.telerik.com/featured/six-steps-for-approaching-the-next-javascript/

JavaScript ECMAScript

ES6を学ぶアプローチについて。
まずはES3/5についてしっかり理解する、実行環境を用意する、好きな所から学ぶ、モジュールについて知る、学びながら仕様を参照する、プロダクトコードに使ってみる、という6つのステップで学ぶ方法を紹介している。


Unit testing React components without a DOM – simonsmith.io – Portfolio and blog of a London based front-end web developer

simonsmith.io/unit-testing-react-components-without-a-dom/

React DOM testing

React.addons.TestUtils.createRendererを使ったReact Componentのテストについて。


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


Weaver.js

weaver.js.org/

JavaScript library webworker

WebWorkerやプロセスforkなどを使ってブラウザとNode.js環境で動くスレッドを扱うライブラリ


jussi-kalliokoski/trine

github.com/jussi-kalliokoski/trine

JavaScript library

thisに値が来ることを前提としたunderscoreなどのような関数のコレクションライブラリ。
::という構文を定義しているfunction bind syntaxのプロポーサルを元にした使い勝手を重視した作り


Chakram - REST API test framework

dareid.github.io/chakram/

JavaScript API testing library

Mocha上で動くREST APIのテストフレームワーク。
chai-expectを拡張したレスポンスのassert、expect(promise)を使ってスッキリ書けるようにしているのが特徴


nature/pa11y

github.com/nature/pa11y

アクセシビリティ testing Tools

HTML_CodeSnifferをコマンドラインで走らせてアクセシビリティについてチェック出来るツール


書籍関係


O'Reilly Japan - CSS3開発者ガイド 第2版

www.oreilly.co.jp/books/9784873117256/

CSS book

2015年07月03日発売
The Book of CSS3の翻訳本


JavaScript with Promises - O'Reilly Media

shop.oreilly.com/product/0636920032151.do

JavaScript Promises book

Promisesについて扱う100ページほどのO'Reillyの書籍


NW.js Essentials eBook: Alessandro Benoit: Amazon.it: Kindle Store

www.amazon.it/NW-js-Essentials-Alessandro-Benoit-ebook/dp/B00Y9W1H34

node-webkit book

NW.jsについての書籍


Exploring ES6 by Axel Rauschmayer [Leanpub PDF/iPad/Kindle]

leanpub.com/exploring-es6/

JavaScript ECMAScript book

Dr. AxelによるECMAScript 6についての書籍。ES6とは何かという話から、それぞれの機能と仕様について詳しく書かれている。
オンライン版は無料で読むことが出来る


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