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.of
やArray.from
、Object.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を使って開発者ツールを動かし機能を学べるような作りになっていて、細かい機能についても画像豊富に紹介しているため一度見てみると何か発見があるかもしれません。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Release 1.0.0 - 2015.07.22 · zloirock/core-js · GitHub
github.com/zloirock/core-js/releases/tag/v1.0.0
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 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のnightly buildが公開された。
npm install -g typescript@next
でインストールできるようになっている。
Release v0.9.0 · airportyh/testem
github.com/airportyh/testem/releases/tag/v0.9.0
Test Runnerツールのtestem 0.9.0リリース
アーティクル
Bringing automated testing to Microsoft Edge through WebDriver | Microsoft Edge Dev Blog
MSEdgeがWebDriverをサポート。
MicrosoftWebDriver serverが公開された。
channikhabra/yarr
クライアントのみで動くRSSリーダーを題材としたJavaScriptアプリのチュートリアル。
Babel、dexie、jQuery、Rx、virtual-domで作られている。
また、どういう手順で作成するのかというのをGit tagでバージョン毎に見られるようにして、それぞれのバージョン毎に解説が書かれている。
jdalton/polyfill-guide
github.com/jdalton/polyfill-guide
polyfillの書き方のガイド
Building Plugins for React Apps
React Componentの独立性を保つにはどうするかという話
Store同士に複雑な依存があると大変なので中央で管理するOmniStoreという概念の導入、Componentがただのデータであることを利用したDIする仕組み、Componentの独立性を確保するパターンについて等
スライド、動画関係
ECMAScript 6 Features - ALPROSYS
www.alprosys.com/es6/es6_features_ol.html
ES6の新しい構文についてES3、5ではどのように書くことができたのかを比較しながら見られるチートシート的なスライド
Chrome Tech Talk Night #8 レポート | 株式会社サイバーエージェント
www.cyberagent.co.jp/techinfo_detail/id=10782
Chrome Tech Talk Night #8の動画とスライドまとめ
▶ TXJS 2015 Livestream - YouTube
www.youtube.com/watch?v=6lEbk7xdlsQ
TXJS 2015の動画
サイト、サービス、ドキュメント
ECMAScript 6 Tutorial
ccoenraets.github.io/es6-tutorial/index.html
ES6について学ぶチュートリアルサイト。
それぞれの機能毎に学ぶ形式になってる。
ソフトウェア、ツール、ライブラリ関係
schteppe/p2.js
2D物理エンジンライブラリ
JavaScript engine for Internet of Things
samsung.github.io/jerryscript/
サムスンの組み込み向けJavaScriptエンジン。ファイルサイズが小さめでIoT向け。iotjsというNode.js的なフレームワークも作ってる。
- JerryScript : V8
- iotjs : Node.js
のような関係
s-a/iron-node
Node.js向けのJavaScriptデバッガ。
Chrome開発者ツールを使ってNode.jsのコードをデバッグ出来るツール
horsey
テキスト入力時に候補データからサジェストするUIライブラリ
書籍関係
Introduction | Down and Dirty with Chrome Developer Tools
blittle.github.io/chrome-dev-tools/
Chrome開発者ツールのそれぞれの機能について解説してる電子書籍。
実際に動かして確認できるサンプルやGIFでの分かりやすい解説をされてる