Fork me on GitHub

2016-05-30のJS: 初めてのnpm publish、Node.jsでのメモリリークデバッグ

Edit on GitHub 編集履歴を見る

JSer.info #281 - Publishing Your First Package to npmという記事では、npmにパッケージを公開する流れが紹介されています。

まだnpm publishしたことがない人はチュートリアルを見ながらやってみるといいかもしれません。
グローバルな名前空間を使うのに気が引ける場合はScoped Modulesとして公開してみるといいかもしれません。
(package.jsonname@<npmユーザ名>/<パッケージ名とするだけです)


Node.jsでのJavaScriptメモリリークを発見するための簡単ガイド | プログラミング | POSTDSimple Guide to Finding a JavaScript Memory Leak in Node.jsの翻訳記事ですが、Node.jsでのメモリリークの見つけ方や確認方法についてです。

JavaScriptライブラリはブラウザ向けでもNode.jsで動くように書くことが多い(テスト楽)ので、
Node.js向けの方法ですが適応できる範囲は結構広いので知っておくといいことが多いです。

GCとHeapダンプの取り方はブラウザの開発者ツールでも同様の事ができます。
また、Node.jsをChromeの開発者ツールでリモートデバッグする機能がPull Requestされています。


ヘッドライン


Deco - React Native IDE

www.decosoftware.com/may-2016-update

React editor ReleaseNote

React Native IDEであるDecoがオープンソースとしてリリースされた


ESLint v2.11.0 released - ESLint - Pluggable JavaScript linter

eslint.org/blog/2016/05/eslint-v2.11.0-released

ESLint ReleaseNote

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 ReleaseNote

Safari Technology Preview 5リリース。
NodeListがiterableに、window.scrollScrollToOptionsをサポート、sourceMappingURLが相対パスを扱えない問題を修正など


アーティクル


Publishing Your First Package to npm

eladnava.com/publishing-your-first-package-to-npm/

npm tutorial

npmでパッケージを公開するまでの流れを書いたチュートリアル


Fullstack React : React Tutorial: Cloning Yelp

www.fullstackreact.com/articles/react-tutorial-cloning-yelp/

React tutorial

YelpのクローンをReactで作るチュートリアル


IntersectionObserverを使ってlazyload-imageを書き直した - 1000ch.net

1000ch.net/posts/2016/intersection-observer-lazyload.html

JavaScript WebComponents

IntersectionObserverを使った画像の遅延ロードの実装について。
fallbackはただの<img>として動作する


[翻訳] Airbnb React/JSX Style Guide - Qiita

qiita.com/koukun/items/e64762e407b8dd5e0247

React 翻訳

Airbnb React/JSXのコーディングスタイルガイドの翻訳


RxJS の代わりに xstream を使う - Qiita

qiita.com/masakielastic/items/f34f5b297abee0e80ddc

JavaScript Rx

RxライクなStreamライブラリであるxstreamについて


React/Redux Introduction // Speaker Deck

speakerdeck.com/adwd/redux-introduction

React redux スライド

React/ReduxでTodo的アプリを作る話。
チュートリアル的な内容のスライド


Implementing a Stepping Debugger in JavaScript

jlongster.com/Implementing-Stepping-Debugger-JavaScript

JavaScript editor

JavaScriptをステップ実行できるエディタをどうやって実装するか。
regeneratorとステートマシーン、コールスタックの実装、ブレークポイントの対応など


Testing Your Style With ESLint and Mocha

robots.thoughtbot.com/testing-your-style-with-eslint-and-mocha

ESLint testing JavaScript

ESLintをMochaのテストとして動かす話


npm-scripts でクロスプラットフォームに環境変数を参照するための npm を作成してみた – アカベコマイリ

akabeko.me/blog/2016/05/cross-conf-env-1-0-release/

npm node.js Tools

package.jsonconfig fieldに環境変数を定義して、それをクロスプラットフォームで利用できるようにするツール


Understanding ASTs by Building Your Own Babel Plugin

www.sitepoint.com/understanding-asts-building-babel-plugin/

babel AST

Babelプラグインを書きながらASTについて学ぶチュートリアル


Announcing React Server - @Redfin

www.redfin.com/blog/2016/05/announcing-react-server.html

React サーバー

Reactのサーバサイドレンダリングを行うためのフレームワーク


スライド、動画関係


Node Conf London 2016 - YouTube

www.youtube.com/playlist?list=PL0CdgOSSGlBYnHAl_DZoy9BWvdVQjNKE2

node.js イベント 動画

Node Conf London 2016 の動画まとめ


JSConfUY 2016 - YouTube

www.youtube.com/user/jsconfuy

JavaScript イベント 動画

JSConf Uruguay 2016の動画まとめ


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


tonyganch/gonzales-pe: CSS parser with support of preprocessors

github.com/tonyganch/gonzales-pe

CSS library

CSS Parserライブラリ。
CSS/less/Sassをサポートしてる


QuorraJS

quorrajs.org/

node.js library

LaravelインスパイアなNode.jsフレームワーク


ALM Tools for TypeScript

alm.tools/

browser TypeScript editor

ブラウザで動くTypeScriptエディタ


書籍関係


初めてのThree.js 第2版 : Jos Dirksen, あんどうやすし : 本 : Amazon.co.jp

www.amazon.co.jp/%E5%88%9D%E3%82%81%E3%81%A6%E3%81%AEThree-js-%E7%AC%AC2%E7%89%88-Jos-Dirksen/dp/4873117704

JavaScript book WebGL 翻訳

2016年7月25日発売
Three.js本


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