Fork me on GitHub

2015-07-28のJS: Chrome 45β、ES6チュートリアル、Chrome開発者ツール本

Edit on GitHub 編集履歴を見る

JSer.info #238 - Chrome 45 Betaがリリースされました。

Chromium Blog: Chrome 45 Beta: New ES2015 features, service worker improvements, and media controls

Chrome 45ではArrow FunctionやArray.ofArray.fromObject.assign等のES6の実装やService Workerの改善などが行われています。

またSMILやMediaStreamのlabel属性など古い仕様のものがdeprecatedとなったりしています。


ECMAScript 6 Tutorialというサイトでは、名前の通りES6をチュートリアルで機能別に学べるように作られています。

また別のECMAScript 6 Features - ALPROSYSというスライドでは、ES6の機能毎の紹介やES5ではどのように書けるかなどがまとまっているので見てみるといいかもしれません。


Introduction | Down and Dirty with Chrome Developer ToolsというGitBookでできた電子書籍ではChromeの開発者ツールについて書かれています。

実際にChromeを使って開発者ツールを動かし機能を学べるような作りになっていて、細かい機能についても画像豊富に紹介しているため一度見てみると何か発見があるかもしれません。


ヘッドライン


Release 1.0.0 - 2015.07.22 · zloirock/core-js · GitHub

github.com/zloirock/core-js/releases/tag/v1.0.0

JavaScript library

Babelにも同梱されてるES5、ES6、ES.nextのpolyfillであるcore-js 1.0.0リリース。


Chromium Blog: Chrome 45 Beta: New ES2015 features, service worker improvements, and media controls

blog.chromium.org/2015/07/chrome-45-beta-new-es2015-features.html

Chrome ReleaseNote

Chrome 45 Betaリリース。
Arrow FunctionやObject.assignなどのサポート、Subresource Integrityのサポート、SVGアニメーションを行うSMILを非推奨に、Service WorkerからページへpostMessageしたときのメッセージ配送先オブジェクトの変更など


Introducing TypeScript npm nightlies - TypeScript - Site Home - MSDN Blogs

blogs.msdn.com/b/typescript/archive/2015/07/27/introducing-typescript-nightlies.aspx

TypeScript

TypeScriptのnightly buildが公開された。

npm install -g typescript@next

でインストールできるようになっている。


Release v0.9.0 · airportyh/testem

github.com/airportyh/testem/releases/tag/v0.9.0

JavaScript testing library ReleaseNote

Test Runnerツールのtestem 0.9.0リリース


アーティクル


Bringing automated testing to Microsoft Edge through WebDriver | Microsoft Edge Dev Blog

blogs.windows.com/msedgedev/2015/07/23/bringing-automated-testing-to-microsoft-edge-through-webdriver/

MSEdge webdriver

MSEdgeがWebDriverをサポート。
MicrosoftWebDriver serverが公開された。


channikhabra/yarr

github.com/channikhabra/yarr

JavaScript rss tutorial

クライアントのみで動くRSSリーダーを題材としたJavaScriptアプリのチュートリアル。
Babel、dexie、jQuery、Rx、virtual-domで作られている。
また、どういう手順で作成するのかというのをGit tagでバージョン毎に見られるようにして、それぞれのバージョン毎に解説が書かれている。


jdalton/polyfill-guide

github.com/jdalton/polyfill-guide

JavaScript library

polyfillの書き方のガイド


Building Plugins for React Apps

nylas.com/blog/react-plugins

React Flux tutorial

React Componentの独立性を保つにはどうするかという話
Store同士に複雑な依存があると大変なので中央で管理するOmniStoreという概念の導入、Componentがただのデータであることを利用したDIする仕組み、Componentの独立性を確保するパターンについて等


スライド、動画関係


ECMAScript 6 Features - ALPROSYS

www.alprosys.com/es6/es6_features_ol.html

ECMAScript チートシート

ES6の新しい構文についてES3、5ではどのように書くことができたのかを比較しながら見られるチートシート的なスライド


Chrome Tech Talk Night #8 レポート | 株式会社サイバーエージェント

www.cyberagent.co.jp/techinfo_detail/id=10782

Chrome 動画 イベント

Chrome Tech Talk Night #8の動画とスライドまとめ


▶ TXJS 2015 Livestream - YouTube

www.youtube.com/watch?v=6lEbk7xdlsQ

JavaScript イベント

TXJS 2015の動画


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


ECMAScript 6 Tutorial

ccoenraets.github.io/es6-tutorial/index.html

ECMAScript tutorial

ES6について学ぶチュートリアルサイト。
それぞれの機能毎に学ぶ形式になってる。


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


schteppe/p2.js

github.com/schteppe/p2.js

JavaScript library

2D物理エンジンライブラリ


JavaScript engine for Internet of Things

samsung.github.io/jerryscript/

JavaScript

サムスンの組み込み向けJavaScriptエンジン。ファイルサイズが小さめでIoT向け。iotjsというNode.js的なフレームワークも作ってる。

  • JerryScript : V8
  • iotjs : Node.js

のような関係


s-a/iron-node

github.com/s-a/iron-node

JavaScript node.js debug Tools

Node.js向けのJavaScriptデバッガ。
Chrome開発者ツールを使ってNode.jsのコードをデバッグ出来るツール


horsey

bevacqua.github.io/horsey/

JavaScript UI library

テキスト入力時に候補データからサジェストするUIライブラリ


書籍関係


Introduction | Down and Dirty with Chrome Developer Tools

blittle.github.io/chrome-dev-tools/

Chrome debug Tools book

Chrome開発者ツールのそれぞれの機能について解説してる電子書籍。
実際に動かして確認できるサンプルやGIFでの分かりやすい解説をされてる


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