Fork me on GitHub

2015-07-21のJS: TypeScript 1.5、Web Components概要、ブラウザの情報源

Edit on GitHub 編集履歴を見る

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にまとめてみました。

変化を作ってる人が集まる場所には情報が集まるので、ブラウザベンダーが発信してる情報だけ見ても、かなり幅広いことが分かると思います。


ヘッドライン


V8 JavaScript Engine: V8 4.5 release

v8project.blogspot.com/2015/07/v8-45-release.html

JavaScript V8 ReleaseNote

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

JavaScript Tools ReleaseNote

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 ReleaseNote

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 ReleaseNote

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

blogs.windows.com/msedgedev/2015/07/14/bringing-componentization-to-the-web-an-overview-of-web-components/

WebComponents MSEdge browser

Web Componentsについての詳しい解説。
何を目的にしているか、関連するコンポーネント実装の歴史。
CSSスタイルのisolation、スタイルのスコープ、Global object isolation、iframeには欠けている部分についてなど


Socket.IO — Socket.IO P2P

socket.io/blog/socket.io-p2p/#

p2p node.js library

Socket.IOからWebRTCを利用してP2Pでの通信を行えるように


Comprehensive Beginner's Guide To ReactJS - AntJanus

antjanus.com/blog/web-development-tutorials/front-end-development/comprehensive-beginners-guide-to-reactjs/

AngularJS React

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

JavaScript debug tutorial

Vorlon.jsを使ったJavaScriptのリモートデバッグについて


ES6 In Depth: Proxies ✩ Mozilla Hacks – the Web developer blog

hacks.mozilla.org/2015/07/es6-in-depth-proxies-and-reflect/

JavaScript ECMAScript

Proxy APIについての解説。
Proxyで扱える14コのhandler、Proxyの使いどころ、Revocable proxiesについてなど。
"オブジェクトはプロパティのコレクションである"といえるかどうかの話


StrongLoop | An Introduction to JavaScript ES6 Iterators

strongloop.com/strongblog/introduction-to-es6-iterators/

JavaScript ECMAScript

ES6 Iteratorについての解説。
for-ofとfor-inの違い、Symbol.iteratorを使って定義する方法とそれを利用する方法について


azu/browser-javascript-resource

github.com/azu/browser-javascript-resource

browser JavaScript blog まとめ

IEやFirefoxなどブラウザごとのリリースノートや更新履歴、実装状況、バグレポートの方法などをまとめたもの


知らないと損するSassの組み込み関数徹底解剖 | Yuhiisk

blog.yuhiisk.com/archive/2015/07/14/sass-built-in-functions.html

Sass リファレンス

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 JavaScript

Fluxからネットワークを含めたデータフローについて。
Store -> View、View -> Storeまでの流れ、モデルとStateの分離。
Network -> UI、UI -> Networkのパターンについて


スライド、動画関係


An Introduction to Browser Rendering - YouTube

www.youtube.com/watch?v=n1cKlKM3jYI

browser 動画

ブラウザのレンダリングフローについてのスクリーンキャスト


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


nikgraf/belle

github.com/nikgraf/belle/

React UI library

React Componentとして使えるUI集。
外からJSを経由してコンポーネントに対してスタイルを設定出来るようになっている。


ipselon/react-ui-builder

github.com/ipselon/react-ui-builder

React UI Tools

React ComponentをGUIで配置したり、配置したものからReactのコードを吐き出したりして、GUIでコードを編集、プレビューなど出来るツール。
ツール自体がReactとProxyからできていて面白い


書籍関係


DrBoolean/mostly-adequate-guide

github.com/DrBoolean/mostly-adequate-guide

JavaScript 関数型プログラミング

JavaScriptでの関数型プログラミングについての無料の書籍


JavaScript Regular Expressions - O'Reilly Media

shop.oreilly.com/product/9781783282258.do

JavaScript 正規表現 book

JavaScriptの正規表現についての書籍


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