JSer.info #313 - Node v7.4.0がリリースされました。
BufferやEventEmitterのパフォーマンス改善が含まれています。
また、Node.js v7.4.0では、npm v4.0.5が同梱されるようになりました。
npm v4では、prepublishのライフサイクルがprepublishOnlyとprepareに分割されています。
また、npm-shrinkwrap.jsonにデフォルトでdevDependenciesが含まれるようになりました。
- npm shrinkwrapを運用で使うためのコツ - Qiita
- npm v3以下のshrinkwrapの挙動について書かれている
その他にも非推奨のコマンドを削除したり、挙動が変更/改善されている部分があります。
詳しくはCHANGELOGを参照してください。
- npm/CHANGELOG.md at v4.0.5 · npm/npm
- 2016-10-24のJS: npm 4.0.0、Node.js v6.9.0 (LTS)、webpack@2へのマイグレーション - JSer.info
- Yarn vs npm - The State of Node.js Package Managers | @RisingStack
- npm v4の変更についても書かれている
ヘッドレスブラウザの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
Inferno 1.0リリース。
Infernoがなぜ作られたのか、今後のロードマップについて
Node v7.4.0 (Current) | Node.js
nodejs.org/en/blog/release/v7.4.0/
Node.js 7.4.0リリース。
Buffer、EventEmitter.onceのパフォーマンス改善など
[Release] PhantomJS 2.5.0 Beta - Google グループ
groups.google.com/d/topic/phantomjs/AefOuwkgBh0
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/
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/
Arrow Functionについて細かいところも含めて、解説してる記事。
よくあるthisの動き、暗黙的なreturnについて
また、newできない点、new.targetやarguementsを扱えない点についてなど
From Sass to PostCSS by Tyler Gaw
tylergaw.com/articles/sass-to-postcss
SassだったものをPostCSSに置き換えるまでの話。
Sassの構文とPostCSS拡張(cssnext)の比較
ES proposal: import()
www.2ality.com/2017/01/import-operator.html
現在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 v4とYarnについて。
npm v4で追加された機能の解説、Yarnの機能やロックファイルについて
Web animation in 2017 | Nothing new
birtles.wordpress.com/2017/01/10/web-animation-in-2017/
Web Animation関連の仕様ステータスについてのまとめ
Building a custom tag input with Skate.js
hackernoon.com/building-a-custom-tag-input-with-skate-js-fbd4cdf744f
Web ComponentsフレームワークであるSkate.jsを使ってタグ入力コンポーネントを作る話。
値、スタイルの定義の仕方などについて
Flux を使わずに React コンポーネント間のコミュニケーションを行う8つの方法 - Qiita
qiita.com/kyoshidajp/items/0ddb156d96bb6337f623
Reactコンポーネント同士で値の受け渡しなどのパターンについて
サイト、サービス、ドキュメント
ryanmcdermott/clean-code-javascript: Clean Code concepts adapted for JavaScript
github.com/ryanmcdermott/clean-code-javascript
クリーンコードをJavaScriptで行うガイドライン。
読みやすいコードの書き方やオブジェクト指向プログラミング、SOLID、ES2015以降の機能使って分かりやすく書く話など
縦書きWeb普及委員会
縦書きCSSについての解説サイト
ソフトウェア、ツール、ライブラリ関係
Flow Runtime
codemix.github.io/flow-runtime/
Flow互換の型チェックを実装したランタイムとBabelプラグイン。
Flowで書いたコードをランタイムチェックすることができる
talyssonoc/structure: A simple schema/attributes library built on top of modern JavaScript
github.com/talyssonoc/structure
ES2015 classesのモデルに対してスキーマを定義できるライブラリ。
スキーマを元にバリデーションやシリアライズを行える
wheresrhys/fetch-mock: Mock http requests made using fetch (or isomorphic-fetch)
github.com/wheresrhys/fetch-mock
Fetch APIのモックライブラリ
danculley/real-dom: A ~1K non-virtual DOM non-framework framework for simple apps
JSXで書くこともでき、ReduxライクなStateマシンを扱えるDOMコンポーネントライブラリ。
50行ほどのコードで実装されていてとても小さい。
xvg
SVG pathをアウトライン化、アンカーを表示することでSVGをデバッグすることができるChrome拡張
NodeKit
Node.jsをiOS/Android/Windowsなどのアプリで組み込んで使うようのフレームワーク。
JavaScriptのバインディングにJavaScriptCoreやChackraCoreを使う
jlongster/prettier: Prettier is an opinionated JavaScript formatter.
折り返し桁数ベースのJavaScript整形ツール
書籍関係
O'Reilly Japan - 初めてのJavaScript 第3版
www.oreilly.co.jp/books/9784873117836/
2017年1月20日発売
Learning JavaScriptの翻訳本。
ES2015+に対応した内容
Front-end Handbook 2017 · GitBook
www.gitbook.com/book/frontendmasters/front-end-handbook-2017/details
フロントエンドに関する電子書籍の2017年版
