Fork me on GitHub

2017-03-27のJS: Angular v4.0.0、CSS Custom Properties、npm Organization

Edit on GitHub 編集履歴を見る

JSer.info #324 - Angular v4.0.0がリリースされました

以前から発表されていたsemverに則ったメジャーバージョンです。
また、Angularは Time-based Release Cycles も採用しているため、半年に一度新しいメジャーバージョンを公開していく予定となっています。

Animationパッケージのコアからの分離、コンパイル後のViewのコード量の削減、TypeScript 2.1/2.2対応、テンプレートのSource Map対応などがふくまれています。
また、Angular CLIも合わせて1.0.0となっています。

次のサイトでは、指定したバージョンからのマイグレーションガイドが参照できます。。


CSS Custom Properties in Microsoft Edge - Microsoft Edge Dev BlogMicrosoft Edge Dev Blogという記事では、MSEdgeがCSS Custom Propertiesにしたため、CSS Custom Propertiesについて解説されています。

CSS Custom Propertyの使い方、@supportを使ったfeature detect、JavaScriptからの操作方法など。
IEを除く主要ブラウザではサポートされているので、一度ネイティブのCSS Custom Propertiesの使い方を見てみると良いかもしれません。


npmのOrganization(npm team)機能がオープンソース向けに無料で利用できるようになりました。
GitHubのOrganizationのように、そのTeamへ人を追加することができます。
これにより複数人で同じScoped Packagesを参照しやすくなりました。

今までも、@azu/helloのような自分のアカウントに紐づくScoped Pacakgesは無料で扱うことができましたが、
今回はOrganizationもPublicな範囲では、無料で利用できるようになっています。

Privateなパッケージは今まで通り$7 / monthからで利用できます。

既存のアカウントをOrganizationへ変換することもできるので、フレームワークのようなものを特定のScoped Packagesとしてまとめるのに役立ちそうです。


ヘッドライン


moment/CHANGELOG.md at 2.18.0 · moment/moment

github.com/moment/moment/blob/2.18.0/CHANGELOG.md

JavaScript library ReleaseNote

moment 2.18.0リリース・
RFC 2822のパースをサポート、1-24時表示を行うkkkフォーマットのサポート、CJK time formatの改善など


Ember.js - Ember 2.12 and 2.13 Beta Released

emberjs.com/blog/2017/03/19/ember-2-12-released.html

JavaScript library ReleaseNote

Ember 2.12と2.13βリリース。
factoryFor APIの追加、Ember.Kが非推奨へになるなど


Release 5.25.0 - Announce - discuss.CodeMirror

discuss.codemirror.net/t/release-5-25-0/1175

JavaScript editor library ReleaseNote

CodeMirror 5.25.0リリース。
最初のコミットから10周年のリリース。
contentEditable周りの修正、lint addonがPromiseをサポートするなど


Announcing Scala.js 0.6.15 - Scala.js

www.scala-js.org/news/2017/03/21/announcing-scalajs-0.6.15/

scala JavaScript ReleaseNote

Scala.js 0.6.15リリース。
@JSExportStaticの追加、@JSExportTopLevelをfieldに対しても利用できるように、Symbolを表現するjs.Symbolなどの追加、
マイグレーションツールとしてscalafixも公開されている。


Chromium Blog: Chrome 58 Beta: IndexedDB 2.0, an improvement to iframe navigation, and immersive full screen for PWAs

blog.chromium.org/2017/03/chrome-58-beta-indexeddb-20_21.html

Chrome ReleaseNote

Chrome 58 Betaリリース。
IndexedDB 2.0、iframe sandboxでallow-top-navigation-by-user-activationをサポート、display: flow-rootのサポートなど


Release Notes for Safari Technology Preview 26 | WebKit

webkit.org/blog/7474/release-notes-for-safari-technology-preview-26/

safari ReleaseNote

Safari Technology Preview Release 26リリース。
WebGPUの試験的サポート、history.scrollRestorationのサポート、CSS stroke-widthプロパティのサポートなど


Angular: Angular 4.0.0 Now Available

angularjs.blogspot.com/2017/03/angular-400-now-available.html

AngularJS ReleaseNote

Angular 4リリース。
バージョンを合わせるためにv3を飛ばしてv4へ。
AOTコンパイルによるViewのコード量の削減、TypeScript 2.1/2.2対応、テンプレートのSource Map対応など。
Angular CLIも合わせて1.0.0を公開。


Cyclow

cyclow.js.org/

JavaScript library DOM

Cycle.jsライクなコンポーネントフレームワーク


アーティクル


mnot’s blog: The State of Browser Caching, Revisited

www.mnot.net/blog/2017/03/16/browser-caching

browser HTTP article

各ブラウザのHTTPリクエスト/レスポンスとキャッシュの実装についての調査。
Status Code別のキャッシュ、Cache-Control header、Vary headerについて


Learn Redux by coding a Mini-Redux – Jakob Lind

blog.jakoblind.no/2017/03/13/learn-redux-by-coding-a-mini-redux/

JavaScript redux tutorial article

小さなReduxを作ってReduxについて学ぶ記事。


ES6 Features - 10 Use Cases for Proxy

dealwithjs.io/es6-features-10-use-cases-for-proxy/

JavaScript proxy article

ES Proxyのユースケース紹介。
デフォルト値、private、enum、observer、cache、in演算子、シングルトン、バリデーションとrevocable proxy、Python likeなSubscriptionなど。
またProxyをした際のパフォーマンスについて


CSS Custom Properties in Microsoft Edge - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog

blogs.windows.com/msedgedev/2017/03/24/css-custom-properties/

MSEdge CSS

MSEdgeがCSS Custom Propertyをサポート。
CSS Custom Propertyの使い方、@supportを使ったfeature detect、JavaScriptからの操作方法について


Common Async/Await Design Patterns in Node.js | www.thecodebarbarian.com

thecodebarbarian.com/common-async-await-design-patterns-in-node.js.html

JavaScript ECMAScript article

Async/Awaitのパターンについて


スライド、動画関係


Angular DIスキ // Speaker Deck

speakerdeck.com/kozake/angular-disuki

AngularJS slide

Angular 2.xのDIの仕組みについてのスライド


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


The npm Blog — announcing free Orgs

blog.npmjs.org/post/158718200065/announcing-free-orgs

npm webservice

npm orgでfree organizationが作成できるように。
既存ユーザーをorganizationを変換することもできる。


myshov/history-of-javascript: Project "History of JavaScript"

github.com/myshov/history-of-javascript

JavaScript 歴史 article

JavaScriptの歴史を振り返る連載


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


pubkey/rxdb: Client-Side Database for Browsers, NodeJS, electron, cordova, react-native and every other javascript-runtime

github.com/pubkey/rxdb

JavaScript library

ブラウザ、Node.js、Electron、cordova、react-nativeで動作するクライアントサイドデータベースライブラリ。
JSON Schemaベースで、mongo likeなクエリを利用でき、rxjsと連携することができる。


minireset.css: a tiny modern CSS reset

jgthms.com/minireset.css/

CSS library

小さなreset.cssライブラリ


Simple counter: different implementations...

gist.github.com/srdjan/1d10cbd42a2d695f696dee6b47fdc5e0

JavaScript library

いろんな言語、フレームワークでのカウンターの実装のコレクション


GoogleChrome/ui-element-samples: A collection of prototyped UI elements

github.com/GoogleChrome/ui-element-samples

UI JavaScript example

いろんなWebPlatform APIを使ったUIのサンプル集


書籍関係


A journey to functional JavaScript: Part 1 – fundamentals – Grzegorz Ziółkowski

gziolo.pl/2017/03/24/refactoring-to-functional-javascript-part-1-fundamentals/

JavaScript 関数型プログラミング article

JavaScriptでの関数型プログラミングについての記事シリーズ。
関数型プログラミングに出てくる用語について


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