Fork me on GitHub

2016-10-10のJS: JavaScriptとUnicode、Web Components、npm-scripts

Edit on GitHub 編集履歴を見る

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.fromCodePointString#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

ECMAScript proposal

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

JavaScript DOM library ReleaseNote

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

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

webpack React performance

初期表示を早くするために、Routingごとにファイルとして分けて動的にロードする話。
webpackを使っての分割と読み込み、link preloadを使っての先読み、キャッシュについて


JavaScriptライブラリ/プロジェクトのファイルサイズの問題点を見つける方法 - Qiita

qiita.com/azu/items/7b54d614dc816780034a

browser browserify webpack Tools library

Browserifyやwebpackなどでbundleしたファイルのサイズや依存モジュールのサイズなどを確認する方法について


npm-scripts で Web フロントエンド開発を管理する – アカベコマイリ

akabeko.me/blog/2016/10/npm-scripts-web-front-end-development/

npm console

npm run-scriptについて詳しく書かれた記事。
gulpなどのTask Runnerで行う典型的なユースケースをnpm run-scriptでやった場合にどうなるかや、クロスプラットフォームで動くツールについて書かれている。


event.offsetX,Yの罠...どこが原点の座標値なのかを理解する (currentTargetとtarget) - Qiita

qiita.com/yukiB/items/cc533fbbf3bb8372a924

JavaScript DOM

targetとcurrentTargetの違い、offsetX/Y、screenX/Y、getBoundingClientRect()などについて


スライド、動画関係


Proper Error Handling // Speaker Deck

speakerdeck.com/michelebertoli/proper-error-handling

JavaScript React スライド

エラーハンドリング周りについてスライド。
何のためにするのか、手法やReactなどにおけるエラーハンドリングについて


create-react-app-introduction // Speaker Deck

speakerdeck.com/adwd/create-react-app-introduction

React Tools スライド

ReactのStarterKit的なcreate-react-appについての紹介


Web Components 2016 & Polymer v2

1000ch.github.io/slide/webcomponents-2016/

WebComponents library スライド

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

JavaScript browser VR

VRの歴史やWebVR APIについてのスライド。
またWebVR APIを使ったユースケースの紹介


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


はてな教科書 JavaScript 編 · GitBook

hatena.github.io/Hatena-Textbook-JavaScript/

JavaScript ebook

JavaScriptの基本文法やDOM、Node.js、jQueryについてをざっと見ていく内容


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


babel/babel-preset-env: WIP: Autoprefixer for Babel: target specific environments (browser, node, etc)

github.com/babel/babel-preset-env

babel browser node.js

targetでブラウザやNode.jsのバージョンを指定することで、それに対応した最小限の変換を行うbabel preset


DeNADev/wahid: A CreateJS-compatible library for games

github.com/DeNADev/wahid

JavaScript game library

CreateJS互換の(モバイル)ゲーム向けライブラリ


UI-Router

ui-router.github.io/

JavaScript library

AngularとReactに対応したルータライブラリ


Office UI Fabric

dev.office.com/fabric

MS UI React AngularJS

Office 365とかのUIコンポーネントを提供するライブラリ。
Vanilla JS、React、Angular、iOS版がある。


書籍関係


React Components - O'Reilly Media

shop.oreilly.com/product/9781785889288.do

React book

React Componentについての書籍


Manning | Functional Programming in JavaScript

www.manning.com/books/functional-programming-in-javascript

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

関数型プログラミングについての書籍
サンプルコードがES2015ベースで書かれている。


JavaScript : Functional Programming for JavaScript Developers | PACKT Books

www.packtpub.com/web-development/javascript-functional-programming-javascript-developers

JavaScript 関数型プログラミング

JavaScriptでの関数型プログラミングのパターン本


この記事へ修正リクエストをする
JSer.info Slackに参加する