Fork me on GitHub

2017-01-11のJS: Node.js v7.4.0とnpm v4、PhantomJS 2.5.0 Beta、クリーンコード

Edit on GitHub 編集履歴を見る

JSer.info #313 - Node v7.4.0がリリースされました。
BufferやEventEmitterのパフォーマンス改善が含まれています。
また、Node.js v7.4.0では、npm v4.0.5が同梱されるようになりました。

npm v4では、prepublishのライフサイクルがprepublishOnlyprepareに分割されています。

また、npm-shrinkwrap.jsonにデフォルトでdevDependenciesが含まれるようになりました。

その他にも非推奨のコマンドを削除したり、挙動が変更/改善されている部分があります。
詳しくはCHANGELOGを参照してください。


ヘッドレスブラウザのPhantomJS 2.5.0 Betaがリリースされました。

依存するQTWebKitがアップデートされたことにより、ES2015の機能がサポートされています。
QTWebKitについての変更は次を参照してください。


ryanmcdermott/clean-code-javascriptでは、Clean Code(日本語)の内容をベースにしたガイドラインが書かれています。

読みやすい、再利用しやすい、リファクタリングしやすいコードについてES2015のコードをベースにサンプルが書かれています。


お知らせ

JSer.info 6周年と300回記念イベントは、今週末の2017/01/15(日) に開催されます。(開場は13:30から)

既に会場の入場に必要な入館IDはconnpassのメッセージ経由でメールが来ていると思うので、ご確認をよろしくお願いします。


ヘッドライン


Introducing Inferno 1.0 – inferno_js – Medium

medium.com/inferno-js/introducing-inferno-1-0-f3da5c4e773b

JavaScript DOM library ReleaseNote

Inferno 1.0リリース。
Infernoがなぜ作られたのか、今後のロードマップについて


Node v7.4.0 (Current) | Node.js

nodejs.org/en/blog/release/v7.4.0/

node.js ReleaseNote

Node.js 7.4.0リリース。
Buffer、EventEmitter.onceのパフォーマンス改善など


[Release] PhantomJS 2.5.0 Beta - Google グループ

groups.google.com/d/topic/phantomjs/AefOuwkgBh0

browser ReleaseNote webkit

PhantomJS 2.5.0βリリース。
QtWebKitがアップデートされES2015のサポート、WebPのサポートなど


Microsoft Edge build 15002 changelog - Microsoft Edge Development

developer.microsoft.com/en-us/microsoft-edge/platform/changelog/desktop/15002/

MSEdge ReleaseNote

Windows 10 build 15002リリース。
MSEdgeでFlashがClick to playに、Web Paymentsの試験的サポート、CSP 2.0、WebVR APIのサポートなど
また別オリジンにおけるsetTimeout/requestAnimationFrameの呼び出し頻度を抑制するなど


アーティクル


ES6 arrow functions in depth

codesi.nz/es6-arrow-functions-in-depth/

JavaScript ECMAScript

Arrow Functionについて細かいところも含めて、解説してる記事。
よくあるthisの動き、暗黙的なreturnについて
また、newできない点、new.targetarguementsを扱えない点についてなど


From Sass to PostCSS by Tyler Gaw

tylergaw.com/articles/sass-to-postcss

Sass CSS PostCSS

SassだったものをPostCSSに置き換えるまでの話。
Sassの構文とPostCSS拡張(cssnext)の比較


ES proposal: import()

www.2ality.com/2017/01/import-operator.html

ECMAScript proposal

現在Stage 3のProposalである、import()について。
dynamic module importsに関する仕様


Yarn vs npm - The State of Node.js Package Managers | @RisingStack

blog.risingstack.com/yarn-vs-npm-node-js-package-managers/

npm yarn

npm v4とYarnについて。
npm v4で追加された機能の解説、Yarnの機能やロックファイルについて


Web animation in 2017 | Nothing new

birtles.wordpress.com/2017/01/10/web-animation-in-2017/

CSS animation firefox

Web Animation関連の仕様ステータスについてのまとめ


Building a custom tag input with Skate.js

hackernoon.com/building-a-custom-tag-input-with-skate-js-fbd4cdf744f

WebComponents library

Web ComponentsフレームワークであるSkate.jsを使ってタグ入力コンポーネントを作る話。
値、スタイルの定義の仕方などについて


Flux を使わずに React コンポーネント間のコミュニケーションを行う8つの方法 - Qiita

qiita.com/kyoshidajp/items/0ddb156d96bb6337f623

React 翻訳

Reactコンポーネント同士で値の受け渡しなどのパターンについて


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


ryanmcdermott/clean-code-javascript: Clean Code concepts adapted for JavaScript

github.com/ryanmcdermott/clean-code-javascript

JavaScript OOP

クリーンコードをJavaScriptで行うガイドライン。
読みやすいコードの書き方やオブジェクト指向プログラミング、SOLID、ES2015以降の機能使って分かりやすく書く話など


縦書きWeb普及委員会

tategaki.github.io/

CSS browser

縦書きCSSについての解説サイト


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


Flow Runtime

codemix.github.io/flow-runtime/

flowtype JavaScript library babel

Flow互換の型チェックを実装したランタイムとBabelプラグイン。
Flowで書いたコードをランタイムチェックすることができる


talyssonoc/structure: A simple schema/attributes library built on top of modern JavaScript

github.com/talyssonoc/structure

JavaScript library

ES2015 classesのモデルに対してスキーマを定義できるライブラリ。
スキーマを元にバリデーションやシリアライズを行える


wheresrhys/fetch-mock: Mock http requests made using fetch (or isomorphic-fetch)

github.com/wheresrhys/fetch-mock

Fetch test HTTP

Fetch APIのモックライブラリ


danculley/real-dom: A ~1K non-virtual DOM non-framework framework for simple apps

github.com/danculley/real-dom

JavaScript library React jsx

JSXで書くこともでき、ReduxライクなStateマシンを扱えるDOMコンポーネントライブラリ。
50行ほどのコードで実装されていてとても小さい。


xvg

xvg.now.sh/

SVG Chrome debug

SVG pathをアウトライン化、アンカーを表示することでSVGをデバッグすることができるChrome拡張


NodeKit

nodekit.io/

node.js webkit Electron

Node.jsをiOS/Android/Windowsなどのアプリで組み込んで使うようのフレームワーク。
JavaScriptのバインディングにJavaScriptCoreやChackraCoreを使う


jlongster/prettier: Prettier is an opinionated JavaScript formatter.

github.com/jlongster/prettier

JavaScript Tools

折り返し桁数ベースのJavaScript整形ツール


書籍関係


O'Reilly Japan - 初めてのJavaScript 第3版

www.oreilly.co.jp/books/9784873117836/

JavaScript book

2017年1月20日発売
Learning JavaScriptの翻訳本。
ES2015+に対応した内容


Front-end Handbook 2017 · GitBook

www.gitbook.com/book/frontendmasters/front-end-handbook-2017/details

JavaScript CSS book

フロントエンドに関する電子書籍の2017年版


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