JSer.info #237 - TypeScript 1.5がリリースされました。
新しい機能についてはWhat's new in TypeScriptでまとめられていますが、ES6周りではmodules、destructuring、spread、for/of、symbols、computed properties、let、constなどがサポートされています。
またTypeScriptとしては--module umdや--module systemでの出力する種類の追加、--inlineSourceMapでインラインSourceMapのサポート、--experimentalDecoratorsのフラグでDecoratorのサポートなどが追加されています。
既存の構文やCompiler APIでの破壊的な変更について以下にまとめられています。
TypeScript 1.5.3 変更点 - Qiitaという記事にも変更点が詳しく書かれているので一緒に見てみるといいと思います。
Bringing componentization to the web: An overview of Web Components | Microsoft Edge Dev Blogという記事ではWeb Componentsによって何が変わるのかについて詳しく書かれています。
Web Componentsがどういう事を解決してくれるのか、既存の類似実装などの歴史、既存の実装では何を解決出来なかったか、今現在のWeb Componentsの状況などについて書かれています。
また、Microsoft Edge and Web Components | Microsoft Edge Dev Blogという記事ではMSEdgeでのWeb Componentsの実装方針について書かれています。
先ほどのMSEdgeの話もそうですが、最近ではブラウザベンダーが色々な情報を発信しています。
公式の情報だけに絞っても、色々な場所に書かれているのでどこを探せばいいのかは結構難しいです。
そういった公式の情報源についてをazu/browser-javascript-resourceにまとめてみました。
変化を作ってる人が集まる場所には情報が集まるので、ブラウザベンダーが発信してる情報だけ見ても、かなり幅広いことが分かると思います。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
V8 JavaScript Engine: V8 4.5 release
v8project.blogspot.com/2015/07/v8-45-release.html
V8 4.5(Chrome 45)リリース。
Arrow Function、Array/TypedArrayのメソッド追加、Object.assign、最適化コンパイラのTurboFan、V8 APIの変更など
ESLint 1.0.0-rc-1 released - ESLint - Pluggable JavaScript linter
eslint.org/blog/2015/07/eslint-1.0.0-rc-1-released
ESLint 1.0.0-rc-1リリース。
--resetがデフォルトになり、ES6の対応改善、新しいルールの追加など
Announcing TypeScript 1.5 - TypeScript - Site Home - MSDN Blogs
blogs.msdn.com/b/typescript/archive/2015/07/20/announcing-typescript-1-5.aspx
TypeScript 1.5リリース。
modulesやdestructuring等ES6の対応改善、tsconfig.jsonによるプロジェクト設定、Decoratorを--experimentalDecoratorsフラグで試験的サポートなど
node-browserify/changelog.markdown at master · substack/node-browserify
github.com/substack/node-browserify/blob/master/changelog.markdown#1100
Browserify 11.0.0リリース。
ブラウザ向けのstreamとして使うreadable-streamをアップデートしStreams3ベースに変更。
ブラウザ向けhttpモジュールをFetch APIをベースとしたstream-httpへ変更しstreamをサポートできるように
アーティクル
Bringing componentization to the web: An overview of Web Components | Microsoft Edge Dev Blog
Web Componentsについての詳しい解説。
何を目的にしているか、関連するコンポーネント実装の歴史。
CSSスタイルのisolation、スタイルのスコープ、Global object isolation、iframeには欠けている部分についてなど
Socket.IO — Socket.IO P2P
socket.io/blog/socket.io-p2p/#
Socket.IOからWebRTCを利用してP2Pでの通信を行えるように
Comprehensive Beginner's Guide To ReactJS - AntJanus
AngularJSユーザ向けのReact入門ガイド
How to Debug JavaScript Remotely With Vorlon.js - Tuts+ Code Tutorial
code.tutsplus.com/tutorials/how-to-debug-javascript-remotely-with-vorlonjs--cms-24343
Vorlon.jsを使ったJavaScriptのリモートデバッグについて
ES6 In Depth: Proxies ✩ Mozilla Hacks – the Web developer blog
hacks.mozilla.org/2015/07/es6-in-depth-proxies-and-reflect/
Proxy APIについての解説。
Proxyで扱える14コのhandler、Proxyの使いどころ、Revocable proxiesについてなど。
"オブジェクトはプロパティのコレクションである"といえるかどうかの話
StrongLoop | An Introduction to JavaScript ES6 Iterators
strongloop.com/strongblog/introduction-to-es6-iterators/
ES6 Iteratorについての解説。
for-ofとfor-inの違い、Symbol.iteratorを使って定義する方法とそれを利用する方法について
azu/browser-javascript-resource
github.com/azu/browser-javascript-resource
IEやFirefoxなどブラウザごとのリリースノートや更新履歴、実装状況、バグレポートの方法などをまとめたもの
知らないと損するSassの組み込み関数徹底解剖 | Yuhiisk
blog.yuhiisk.com/archive/2015/07/14/sass-built-in-functions.html
Sassの関数まとめ
Flux in Depth. Store and Network Communication. – Minko Gechev's blog
blog.mgechev.com/2015/07/18/flux-in-depth-store-network-communication-services
Fluxからネットワークを含めたデータフローについて。
Store -> View、View -> Storeまでの流れ、モデルとStateの分離。
Network -> UI、UI -> Networkのパターンについて
スライド、動画関係
An Introduction to Browser Rendering - YouTube
www.youtube.com/watch?v=n1cKlKM3jYI
ブラウザのレンダリングフローについてのスクリーンキャスト
ソフトウェア、ツール、ライブラリ関係
nikgraf/belle
React Componentとして使えるUI集。
外からJSを経由してコンポーネントに対してスタイルを設定出来るようになっている。
ipselon/react-ui-builder
github.com/ipselon/react-ui-builder
React ComponentをGUIで配置したり、配置したものからReactのコードを吐き出したりして、GUIでコードを編集、プレビューなど出来るツール。
ツール自体がReactとProxyからできていて面白い
書籍関係
DrBoolean/mostly-adequate-guide
github.com/DrBoolean/mostly-adequate-guide
JavaScriptでの関数型プログラミングについての無料の書籍
JavaScript Regular Expressions - O'Reilly Media
shop.oreilly.com/product/9781783282258.do
JavaScriptの正規表現についての書籍
