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としてまとめるのに役立ちそうです。
# npmで既存ユーザーのOrgsへの変換手順
— azu (@azu_re) 2017年3月23日
1. 変換したいユーザーで https://t.co/4ntGHilKvU の"Upgrade" ボタンを押す
2. Orgsに紐づく新しいユーザー名を入力(既存無理)
3. Orgsが作れたら、所属させたい人をTeamに追加する pic.twitter.com/Vi0GBCW3ew
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
moment/CHANGELOG.md at 2.18.0 · moment/moment
github.com/moment/moment/blob/2.18.0/CHANGELOG.md
moment 2.18.0リリース・
RFC 2822のパースをサポート、1-24時表示を行うkとkkフォーマットのサポート、CJK time formatの改善など
- moment 2.18.0 changelog
- RFC 2822の日付形式
- [locale] ja, zh-*, ko: Standardize CJK time formats by jasonkb · Pull Request #3608 · moment/moment
Ember.js - Ember 2.12 and 2.13 Beta Released
emberjs.com/blog/2017/03/19/ember-2-12-released.html
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
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.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 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 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
Angular 4リリース。
バージョンを合わせるためにv3を飛ばしてv4へ。
AOTコンパイルによるViewのコード量の削減、TypeScript 2.1/2.2対応、テンプレートのSource Map対応など。
Angular CLIも合わせて1.0.0を公開。
Cyclow
Cycle.jsライクなコンポーネントフレームワーク
アーティクル
mnot’s blog: The State of Browser Caching, Revisited
www.mnot.net/blog/2017/03/16/browser-caching
各ブラウザの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/
小さなReduxを作ってReduxについて学ぶ記事。
ES6 Features - 10 Use Cases for Proxy
dealwithjs.io/es6-features-10-use-cases-for-proxy/
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 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
Async/Awaitのパターンについて
スライド、動画関係
Angular DIスキ // Speaker Deck
speakerdeck.com/kozake/angular-disuki
Angular 2.xのDIの仕組みについてのスライド
サイト、サービス、ドキュメント
The npm Blog — announcing free Orgs
blog.npmjs.org/post/158718200065/announcing-free-orgs
npm orgでfree organizationが作成できるように。
既存ユーザーをorganizationを変換することもできる。
myshov/history-of-javascript: Project "History of JavaScript"
github.com/myshov/history-of-javascript
JavaScriptの歴史を振り返る連載
ソフトウェア、ツール、ライブラリ関係
pubkey/rxdb: Client-Side Database for Browsers, NodeJS, electron, cordova, react-native and every other javascript-runtime
ブラウザ、Node.js、Electron、cordova、react-nativeで動作するクライアントサイドデータベースライブラリ。
JSON Schemaベースで、mongo likeなクエリを利用でき、rxjsと連携することができる。
minireset.css: a tiny modern CSS reset
小さなreset.cssライブラリ
Simple counter: different implementations...
gist.github.com/srdjan/1d10cbd42a2d695f696dee6b47fdc5e0
いろんな言語、フレームワークでのカウンターの実装のコレクション
GoogleChrome/ui-element-samples: A collection of prototyped UI elements
github.com/GoogleChrome/ui-element-samples
いろんな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での関数型プログラミングについての記事シリーズ。
関数型プログラミングに出てくる用語について
