Fork me on GitHub

2015-03-09のJS: ESLint 0.16.0、AtScript is TypeScript

Edit on GitHub 編集履歴を見る

JSer.info #218 - ESLint 0.16.0がリリースされました。

ESLintが利用するJavaScriptパーサであるespreeでES6の構文のほとんどをパース出来るようになったため、ESLintもほぼES6に対応しました。(ただしルールはES6に対応してない部分もあります)

また、以下のように // のコメントを使ってESLintの設定変更に対応しています。

// disables just semi for this line
doSomething()  //eslint-disable-line semi

1.0.0のリリースが近づいていて、今後は細かい所を修正していくようです。


Angular 2: Built on TypeScript - TypeScript - Site Home - MSDN Blogsという記事では、AngularJS 2.0で導入が予定されていたAtScriptはTypeScriptに統合されると発表されました。

以前からTypeScriptチームとAngularJSチームが協力しているという話はありましたが、AtScriptはなくなりTypeScriptにAtScriptの機能であったアノテーション等が追加されていくようです。

スライド: 2015 ng-conf Keynote (shared) - Google スライド

TypeScriptに入るアノテーション(デコレータ?)については以下のissueを参照するのが良さそうです。

現在はjonathandturner/brainstormingで公開されているプロポーサルをベースに実装しているようです。

AtScriptのデザインではAngularJSでDI等に利用するため実行時にも情報が残る形のものがありましたが、これはRun-time Decoratorsというものが定義されています。

逆にTypeScriptのDesign Goalsとしては実行時のための余分な情報を付加することはないため、Ambient decoratorsという静的に解析するためのものが定義されています。

また、先ほどの動画でEmberの名前が上がっていたのは、Emberの人であるYehuda KatzがTC39ミーティング(ECMAScriptを策定するところ)でDecorators for ES7という提案を行っているためのようです。

他のng-confの動画はAngular — ng-conf 2015 media — AngularJs Meetup — South London — Mediumにまとまっているので、AngularJSに興味を持っている人は見てみるといいかもしれません。


ヘッドライン


io.js/CHANGELOG.md at v1.5.0 · iojs/io.js

github.com/iojs/io.js/blob/v1.5.0/CHANGELOG.md

node.js ReleaseNote

io.js 1.5.0リリース。


NW.js v0.12.0 released - Google グループ

groups.google.com/forum/#!msg/nwjs-general/NJA-Up4MFug/1jmBPjzklSUJ

node-webkit ReleaseNote

NW.js 0.12.0リリース。
webviewタグの追加、chrome.webrequest APIの追加、bg-scriptフィールドの追加、ソースコードを難読化するnwjcツールの追加など


ESLint 0.16.0 released - ESLint

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

JavaScript Tools

ESLint 0.16.0リリース。
Classes、Moduleのサポートが追加されES6のサポート(パース)がひとまず完了。
// コメントでルール設定を無効化できるように


React v0.13 RC2 | React

facebook.github.io/react/blog/2015/03/03/react-v0.13-rc2.html

React ReleaseNote

React v0.13 RC2リリース。
React.cloneElementの追加など


harmony:specification_drafts [ES Wiki]

wiki.ecmascript.org/doku.php?id=harmony:specification_drafts#march_4_2015_rev_35_release_candidate_2

ECMAScript spec ReleaseNote

ES6 RC2(Rev 35)リリース


Brackets Blog - The Free, Open Source Code Editor for the Web

blog.brackets.io/2015/03/02/brackets-1-2-now-available/

JavaScript editor ReleaseNote

Brackets 1.2リリース


Announcing Orion 8.0 | Orion News

planetorion.org/news/2015/02/announcing-orion-8-0/

JavaScript IDE ReleaseNote

WebIDEのOrion 8.0リリース。
JavaScriptのLint、補完、JSDoc、Quickfix、CSSのLintの強化などが入ってる


mocha/HISTORY.md at 2.2.0 · mochajs/mocha

github.com/mochajs/mocha/blob/2.2.0/HISTORY.md

JavaScript testing ReleaseNote

Mocha 2.2.0リリース


アーティクル


The Flux Quick Start Guide

www.jackcallister.com/2015/02/26/the-flux-quick-start-guide.html

Flux JavaScript

Fluxアーキテクチャのコンセプトについて登場要素ごとに順を追って解説されてる。
併せて小さなstarter-kitも用意されているので、動かして試すことができる


今話題のReact.jsはどのようなWebアプリケーションに適しているか? Introduction To React─ Frontrend Conference | HTML5Experts.jp

html5experts.jp/hokaccha/13301/

JavaScript React

Reactの概念をわかりやすく解説してる。
どのようなサイクルでレンダリングがおこなわれるかをBackboneなどと比較しながらReactの設計思想について解説されてる。


Comparing Angular 1.x & 2.0

shmck.com/comparing-angular-1-x-2-0/

AngularJS JavaScript

AngularJSの1.xと2.0でどのような部分が異なるかについて。
変更監視、コンポーネント、スコープ、モジュール、DirectivesとComponents、Router、テンプレート、アノテーション等について


Angular 2: Built on TypeScript - TypeScript - Site Home - MSDN Blogs

blogs.msdn.com/b/typescript/archive/2015/03/05/angular-2-0-built-on-typescript.aspx

AngularJS TypeScript

TypeScriptにアノテーションを実装していく方針になったのでAtScript自体はなくなるという話。

Welcome Brad Green and Igor Minar - YouTubeの20:00ぐらいからAtScriptについての話。


www.developereconomics.com/comparison-4-popular-javascript-mv-frameworks-part-2/

JavaScript library

Ember、AngularJS、Backbone、React比較。
それぞれのデータを可視化して紹介してる。


スライド、動画関係


poteto/emberconf-2015

github.com/poteto/emberconf-2015

JavaScript イベント スライド

EmberConf 2015のスライドや動画、ブログのまとめ


Frontrend Final Conference 2015 - YouTube

www.youtube.com/playlist?list=PLTo9gQMPMgGaVv9e-ZsrzhWvu5BgyWpi-

JavaScript CSS イベント 動画

Frontrend Final Conference 2015の動画が公開された


Angular — ng-conf 2015 media — AngularJs Meetup — South London — Medium

medium.com/angularjs-meetup-south-london/angular-ng-conf-2015-media-25dbe6250154

AngularJS イベント 動画 スライド

ng-conf 2015の動画とスライドまとめ


サイト、サービス


flexbox in 5 minutes

flexboxin5.com/

CSS サンプル

flexboxについて動かしながら学べるサイト


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


jeffposnick/sw-precache · GitHub

github.com/jeffposnick/sw-precache

JavaScript library ServiceWorker

Service Workerでキャッシュするデータを定義したコードを生成してくれるNode.jsモジュール


royriojas/eslint-friendly-formatter

github.com/royriojas/eslint-friendly-formatter

JavaScript Tools

ESLintのLint結果を該当コードの行と合わせて表示できるESLintのformatter


timoxley/chimes

github.com/timoxley/chimes

JavaScript library

Iterableなオブジェクトに対するArray.forEachやsome、reduce等の関数を提供するライブラリ


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