JSer.info #300 - JSer.info 300回目です。
次の記事で、JSer.infoに最近追加した機能や変更点などをまとめてあります。
What every JavaScript developer should know about Unicodeという記事では、JavaScriptとUnicodeに関する網羅的な解説がされています。
Unicodeにおける用語、Character、Code point、Plane、BMP、Code unit、サロゲートペア、Combing marks、エスケープシーケンス、文字列比較、Normalize、lengthの返す値、正規表現についてなど幅広い内容を扱っています。
また、ES2015からString#normalizeメソッドやString.fromCodePointとString#codePointAtの追加、IterableなどAPI的にも色々増えているので一度見てみるといいかもしれません。
Web Components 2016 & Polymer v2というスライドでは、ChromeやSafariなどに実装されているShadow DOM v1、Custom Elements v1について書かれています。
Web Componentsのライブラリとして有名なPolymer v2のロードマップやis属性についてなど最近のWeb Components周りの事情についてまとまっています。
npm-scripts で Web フロントエンド開発を管理する – アカベコマイリという記事では、npm scripts(npm run-scripts)を使ったタスク処理について書かれています。
gulpなどのTask Runnerで行う処理をnpm run-scriptsで行う方法や利用するCLI、クロスプラットフォームに対応したタスクの書き方など幅広く書かれています。
また、npm run-scriptsで問題となる変数の扱いについてもcross-conf-envを使った方法などについても書かれています。
ヘッドライン
ECMAScript proposal updates @ 2016-10 | ECMAScript Daily
ecmascript-daily.github.io/2016/10/02/proposals-updates
2016年10月時点での、ECMAScript Proposalのステータスまとめ。 9月のミーティングで変更されたStageのまとめ
jsdom/Changelog.md at 9.6.0 · tmpvar/jsdom
github.com/tmpvar/jsdom/blob/9.6.0/Changelog.md
jsdom 9.6.0リリース。
HTMLCollectionがiterableに対応など
アーティクル
What every JavaScript developer should know about Unicode
rainsoft.io/what-every-javascript-developer-should-know-about-unicode/
JavaScriptの文字列とUnicodeについて網羅的な解説。
Unicodeにおける用語、Character、Code point、Plane、BMP、Code unit、サロゲートペア、Combing marks、エスケープシーケンス、文字列比較、Normalize、length、正規表現について
Progressive Web Apps with React.js: Part 2 — Page Load Performance – Medium
medium.com/@addyosmani/progressive-web-apps-with-react-js-part-2-page-load-performance-33b932d97cf2
初期表示を早くするために、Routingごとにファイルとして分けて動的にロードする話。
webpackを使っての分割と読み込み、link preloadを使っての先読み、キャッシュについて
JavaScriptライブラリ/プロジェクトのファイルサイズの問題点を見つける方法 - Qiita
qiita.com/azu/items/7b54d614dc816780034a
Browserifyやwebpackなどでbundleしたファイルのサイズや依存モジュールのサイズなどを確認する方法について
npm-scripts で Web フロントエンド開発を管理する – アカベコマイリ
akabeko.me/blog/2016/10/npm-scripts-web-front-end-development/
npm run-scriptについて詳しく書かれた記事。
gulpなどのTask Runnerで行う典型的なユースケースをnpm run-scriptでやった場合にどうなるかや、クロスプラットフォームで動くツールについて書かれている。
event.offsetX,Yの罠...どこが原点の座標値なのかを理解する (currentTargetとtarget) - Qiita
qiita.com/yukiB/items/cc533fbbf3bb8372a924
targetとcurrentTargetの違い、offsetX/Y、screenX/Y、getBoundingClientRect()などについて
スライド、動画関係
Proper Error Handling // Speaker Deck
speakerdeck.com/michelebertoli/proper-error-handling
エラーハンドリング周りについてスライド。
何のためにするのか、手法やReactなどにおけるエラーハンドリングについて
create-react-app-introduction // Speaker Deck
speakerdeck.com/adwd/create-react-app-introduction
ReactのStarterKit的なcreate-react-appについての紹介
Web Components 2016 & Polymer v2
1000ch.github.io/slide/webcomponents-2016/
Web Componentsについてのスライド。
Shadow DOM v1、Custom Elements v1それぞれの変更点。
Polymer v2やis属性についてなど
WebVR - virtual reality in your browsers // Speaker Deck
speakerdeck.com/casarock/webvr-virtual-reality-in-your-browsers
VRの歴史やWebVR APIについてのスライド。
またWebVR APIを使ったユースケースの紹介
サイト、サービス、ドキュメント
はてな教科書 JavaScript 編 · GitBook
hatena.github.io/Hatena-Textbook-JavaScript/
JavaScriptの基本文法やDOM、Node.js、jQueryについてをざっと見ていく内容
- はてなサマーインターン2016を終え、「はてな教科書」をアップデートしました - Hatena Developer Blog
- hatena/Hatena-Textbook-JavaScript: はてな研修用JavaScript教科書
ソフトウェア、ツール、ライブラリ関係
babel/babel-preset-env: WIP: Autoprefixer for Babel: target specific environments (browser, node, etc)
github.com/babel/babel-preset-env
targetでブラウザやNode.jsのバージョンを指定することで、それに対応した最小限の変換を行うbabel preset
DeNADev/wahid: A CreateJS-compatible library for games
CreateJS互換の(モバイル)ゲーム向けライブラリ
UI-Router
AngularとReactに対応したルータライブラリ
Office UI Fabric
Office 365とかのUIコンポーネントを提供するライブラリ。
Vanilla JS、React、Angular、iOS版がある。
書籍関係
React Components - O'Reilly Media
shop.oreilly.com/product/9781785889288.do
React Componentについての書籍
Manning | Functional Programming in JavaScript
www.manning.com/books/functional-programming-in-javascript
関数型プログラミングについての書籍
サンプルコードがES2015ベースで書かれている。
JavaScript : Functional Programming for JavaScript Developers | PACKT Books
www.packtpub.com/web-development/javascript-functional-programming-javascript-developers
JavaScriptでの関数型プログラミングのパターン本
