JSer.info #281 - Publishing Your First Package to npmという記事では、npmにパッケージを公開する流れが紹介されています。
まだnpm publishしたことがない人はチュートリアルを見ながらやってみるといいかもしれません。
グローバルな名前空間を使うのに気が引ける場合はScoped Modulesとして公開してみるといいかもしれません。
(package.jsonのnameを@<npmユーザ名>/<パッケージ名とするだけです)
Node.jsでのJavaScriptメモリリークを発見するための簡単ガイド | プログラミング | POSTDはSimple Guide to Finding a JavaScript Memory Leak in Node.jsの翻訳記事ですが、Node.jsでのメモリリークの見つけ方や確認方法についてです。
JavaScriptライブラリはブラウザ向けでもNode.jsで動くように書くことが多い(テスト楽)ので、
Node.js向けの方法ですが適応できる範囲は結構広いので知っておくといいことが多いです。
- 最近まさに
global.gc()とprocess.memoryUsage()を使ってメモリリークのテストをブラウザ向けのライブラリでやりました - perf(test): add memory leak testing by azu · Pull Request #33 · almin/almin
GCとHeapダンプの取り方はブラウザの開発者ツールでも同様の事ができます。
また、Node.jsをChromeの開発者ツールでリモートデバッグする機能がPull Requestされています。
- Add v8_inspector support by ofrobots · Pull Request #6792 · nodejs/node
- V8, modern JavaScript, and beyond - Google I/O 2016 - YouTube
ヘッドライン
Deco - React Native IDE
www.decosoftware.com/may-2016-update
React Native IDEであるDecoがオープンソースとしてリリースされた
ESLint v2.11.0 released - ESLint - Pluggable JavaScript linter
eslint.org/blog/2016/05/eslint-v2.11.0-released
ESLint v2.11.0リリース。
JSCS互換のルールの追加、obj.hasOwnPropertyの利用に関するルールの追加など
Release Notes for Safari Technology Preview 5 | WebKit
webkit.org/blog/6415/release-notes-for-safari-technology-preview-5/
Safari Technology Preview 5リリース。
NodeListがiterableに、window.scrollがScrollToOptionsをサポート、sourceMappingURLが相対パスを扱えない問題を修正など
アーティクル
Publishing Your First Package to npm
eladnava.com/publishing-your-first-package-to-npm/
npmでパッケージを公開するまでの流れを書いたチュートリアル
Fullstack React : React Tutorial: Cloning Yelp
www.fullstackreact.com/articles/react-tutorial-cloning-yelp/
YelpのクローンをReactで作るチュートリアル
IntersectionObserverを使ってlazyload-imageを書き直した - 1000ch.net
1000ch.net/posts/2016/intersection-observer-lazyload.html
IntersectionObserverを使った画像の遅延ロードの実装について。
fallbackはただの<img>として動作する
[翻訳] Airbnb React/JSX Style Guide - Qiita
qiita.com/koukun/items/e64762e407b8dd5e0247
Airbnb React/JSXのコーディングスタイルガイドの翻訳
RxJS の代わりに xstream を使う - Qiita
qiita.com/masakielastic/items/f34f5b297abee0e80ddc
RxライクなStreamライブラリであるxstreamについて
React/Redux Introduction // Speaker Deck
speakerdeck.com/adwd/redux-introduction
React/ReduxでTodo的アプリを作る話。
チュートリアル的な内容のスライド
Implementing a Stepping Debugger in JavaScript
jlongster.com/Implementing-Stepping-Debugger-JavaScript
JavaScriptをステップ実行できるエディタをどうやって実装するか。
regeneratorとステートマシーン、コールスタックの実装、ブレークポイントの対応など
Testing Your Style With ESLint and Mocha
robots.thoughtbot.com/testing-your-style-with-eslint-and-mocha
ESLintをMochaのテストとして動かす話
npm-scripts でクロスプラットフォームに環境変数を参照するための npm を作成してみた – アカベコマイリ
akabeko.me/blog/2016/05/cross-conf-env-1-0-release/
package.jsonのconfig fieldに環境変数を定義して、それをクロスプラットフォームで利用できるようにするツール
Understanding ASTs by Building Your Own Babel Plugin
www.sitepoint.com/understanding-asts-building-babel-plugin/
Babelプラグインを書きながらASTについて学ぶチュートリアル
Announcing React Server - @Redfin
www.redfin.com/blog/2016/05/announcing-react-server.html
Reactのサーバサイドレンダリングを行うためのフレームワーク
スライド、動画関係
Node Conf London 2016 - YouTube
www.youtube.com/playlist?list=PL0CdgOSSGlBYnHAl_DZoy9BWvdVQjNKE2
Node Conf London 2016 の動画まとめ
JSConfUY 2016 - YouTube
JSConf Uruguay 2016の動画まとめ
ソフトウェア、ツール、ライブラリ関係
tonyganch/gonzales-pe: CSS parser with support of preprocessors
github.com/tonyganch/gonzales-pe
CSS Parserライブラリ。
CSS/less/Sassをサポートしてる
QuorraJS
LaravelインスパイアなNode.jsフレームワーク
ALM Tools for TypeScript
ブラウザで動くTypeScriptエディタ
書籍関係
初めてのThree.js 第2版 : Jos Dirksen, あんどうやすし : 本 : Amazon.co.jp
2016年7月25日発売
Three.js本
