fand

{"action":"built","time":540,"hash":"a24aa28afd2c731361bd","warnings":[],"errors":[],"modules":{"0":"multi admin","1":"./~/process/browser.js","2":"./~/fbjs/lib/invariant.js","3":"./~/react/lib/Object.assign.js","4":"./~/fbjs/lib/warning.js","5":"./~/fbjs/lib/ExecutionEnvironment.js","6":"./~/react/lib/ReactMount.js","7":"./~/react/lib/ReactElement.js","8":"./~/react/lib/ReactPerf.js","9":"./~/react/lib/ReactUpdates.js","10":"./~/fbjs/lib/emptyFunction.js","11":"./~/@kadira/storybook/~/core-js/library/modules/_core.js","12":"./~/react/lib/EventConstants.js","13":"./~/react/lib/ReactCurrentOwner.js","14":"./~/@kadira/storybook/~/core-js/library/modules/_wks.js","15":"./~/fbjs/lib/keyOf.js","16":"./~/react/lib/PooledClass.js","17":"./~/react/lib/DOMProperty.js","18":"./~/react/lib/ReactReconciler.js","19":"./~/react/lib/SyntheticEvent.js","20":"./~/@kadira/storybook/~/core-js/library/modules/_export.js","21":"./~/@kadira/storybook/~/core-js/library/modules/_descriptors.js","22":"./~/@kadira/storybook/~/core-js/

fand

webpackHotUpdate(1,{

/***/ 304:
/***/ function(module, exports, __webpack_require__) {

	eval("/* WEBPACK VAR INJECTION */(function(module) {'use strict';\n\nvar _react = __webpack_require__(52);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _storybook = __webpack_require__(53);\n\nvar _lodash = __webpack_require__(268);\n\nvar _InfiniteScrollContainer = __webpack_require__(303);\n\nvar _InfiniteScrollContainer2 = _interopRequireDefault(_InfiniteScrollContainer);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n// Load CSS file\n__webpack_require__(316);\n\n(0, _storybook.storiesOf)('InfiniteScroll', module).add('No scroll', function () {\n  return _react2.default.createElement(\n    'div',\n    { className: 'Wrapper' },\n    _react2.default.createElement(\n      _InfiniteScrollContainer2.default,\n      { onScroll: (0, _storybook.action)('scrolled') },\n      (0, _lodash.range)(3).map(function (i) {\n        return _react2.default.createElement

fand

#!/usr/bin/env ruby

require 'net/http'
require 'rexml/document'
require 'time'

FEED = 'XXXXXXXXXXXXXXXX'

def get_entries()
  res = Net::HTTP.get(URI(FEED))

fand

寝坊ブレスト

最近生活リズム崩れて困る

何故遅刻するのか

• 寝坊
• 用事してたら意外と時間経ってた
  • 早起きすれば解決
  • 正当な理由なら裁量

fand

Node Discussion

ゲスト

• Douglas Crockford (https://github.com/douglascrockford)
  • PayPal
  • JavaScript Good Parts
• James Snell (@jasnell)
  • IBM's Technical Lead for Node.js
  • Node.js TSC, CTC
• Bradley Farias (@bradleymeck)

fand

Codebase Overview

https://facebook.github.io/react/contributing/codebase-overview.html

Custom Module System

• FacebookではHasteというモジュールシステムを使っている
  • all filenames are globally unique
  • require('../foo/bar') の代わりに require('bar') とする
  • ファイル移動しても壊れない
  • Fuzzy Finder使いやすい
• ビルド時に、全てのファイルを /lib 下にフラットに配置する

fand

import React from 'react';

export default class Foo extends React.Component {
 
  constructor () {
    super();
    this.state = { count : 0 };
  }
  
  increment = () => this.setState({ count : this.state.count + 1 })  // ;付けるとダサい気がする

fand

const React = require('react');

class Validator extends React.Component {

    static propTypes = {
        inputProps : React.PropTypes.object.required,
        isValid    : React.PropTypes.boolean.required,
        message    : React.PropTypes.object.required,
    }

fand

#ifdef GL_ES
precision mediump float;
#endif
#extension GL_OES_standard_derivatives : enable

uniform float time;
uniform vec2 mouse;
uniform vec2 resolution;

float metaball (in vec2 position) {

fand

❯ npm install -g webgl-workshop --verbose
npm info it worked if it ends with ok
npm verb cli [ '/usr/local/Cellar/node/7.9.0/bin/node',
npm verb cli   '/usr/local/bin/npm',
npm verb cli   'install',
npm verb cli   '-g',
npm verb cli   'webgl-workshop',
npm verb cli   '--verbose' ]
npm info using npm@4.2.0
npm info using node@v7.9.0