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を参照するのが良さそうです。
- Proposal: Annotations (alignment with Traceur/AtScript) · Issue #1557 · Microsoft/TypeScript
- Decorators · Issue #2249 · Microsoft/TypeScript
現在は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に興味を持っている人は見てみるといいかもしれません。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
io.js/CHANGELOG.md at v1.5.0 · iojs/io.js
github.com/iojs/io.js/blob/v1.5.0/CHANGELOG.md
io.js 1.5.0リリース。
NW.js v0.12.0 released - Google グループ
groups.google.com/forum/#!msg/nwjs-general/NJA-Up4MFug/1jmBPjzklSUJ
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/
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 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
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/
Brackets 1.2リリース
Announcing Orion 8.0 | Orion News
planetorion.org/news/2015/02/announcing-orion-8-0/
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
Mocha 2.2.0リリース
アーティクル
The Flux Quick Start Guide
www.jackcallister.com/2015/02/26/the-flux-quick-start-guide.html
Fluxアーキテクチャのコンセプトについて登場要素ごとに順を追って解説されてる。
併せて小さなstarter-kitも用意されているので、動かして試すことができる
今話題のReact.jsはどのようなWebアプリケーションに適しているか？ Introduction To React─ Frontrend Conference | HTML5Experts.jp
html5experts.jp/hokaccha/13301/
Reactの概念をわかりやすく解説してる。
どのようなサイクルでレンダリングがおこなわれるかをBackboneなどと比較しながらReactの設計思想について解説されてる。
Comparing Angular 1.x & 2.0
shmck.com/comparing-angular-1-x-2-0/
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
TypeScriptにアノテーションを実装していく方針になったのでAtScript自体はなくなるという話。
Welcome Brad Green and Igor Minar - YouTubeの20:00ぐらいからAtScriptについての話。
Comparison of 4 popular JavaScript MV* frameworks (part 2) - Developer Economics
www.developereconomics.com/comparison-4-popular-javascript-mv-frameworks-part-2/
Ember、AngularJS、Backbone、React比較。
それぞれのデータを可視化して紹介してる。
スライド、動画関係
poteto/emberconf-2015
github.com/poteto/emberconf-2015
EmberConf 2015のスライドや動画、ブログのまとめ
Frontrend Final Conference 2015 - YouTube
www.youtube.com/playlist?list=PLTo9gQMPMgGaVv9e-ZsrzhWvu5BgyWpi-
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
ng-conf 2015の動画とスライドまとめ
サイト、サービス
flexbox in 5 minutes
flexboxについて動かしながら学べるサイト
ソフトウェア、ツール、ライブラリ関係
jeffposnick/sw-precache · GitHub
github.com/jeffposnick/sw-precache
Service Workerでキャッシュするデータを定義したコードを生成してくれるNode.jsモジュール
royriojas/eslint-friendly-formatter
github.com/royriojas/eslint-friendly-formatter
ESLintのLint結果を該当コードの行と合わせて表示できるESLintのformatter
timoxley/chimes
Iterableなオブジェクトに対するArray.forEachやsome、reduce等の関数を提供するライブラリ
