saitoxu

2016/09/03に参加したHTML5 Conferenceのメモ。

基調講演含め6つのセッションを聞いた。

適当に要約しているため実際の内容と変わっているかもしれないがあしからず（あと敬称略）。

基調講演

WEBという名前の大規模分散オペレーティング・システム

saitoxu

class Test(object):
  def __init__(self):
     print('hoge hoge hoge hoge hoge hoge hoge hoge hoge hoge hoge hoge')

saitoxu

import React, { Component } from 'react';
import Square from './Square';

class Board extends Component {
  renderSquare(i) {
    return <Square value={this.props.squares[i]} onClick={() => this.props.onClick(i)} />;
  }

  render() {
    return (

saitoxu

import React, { Component, PropTypes } from 'react';
import Knight from './Knight';
import BoardSquare from './BoardSquare';
import { canMoveKnight, moveKnight } from './Game';
import { DragDropContext } from 'react-dnd';
import HTML5Backend from 'react-dnd-html5-backend';

class Board extends Component {
  renderSquare(i) {
    const x = i % 8;

saitoxu

import Friend from './friend';

let friend = new Friend('Taro');
friend.callName();

saitoxu

import React, { Component } from 'react';
import Square from './Square';

class Board extends Component {
  renderSquare(i) {
    return <Square key={i}
                   value={this.props.squares[i].value}
                   onClick={() => this.props.onClick(i)}
                   highlighted={this.props.squares[i].highlighted} />;
  }

saitoxu

import React, { Component } from 'react';
import Form from './Form';
import TodoList from './TodoList';

export default class App extends Component {
  constructor() {
    super();
    this.state = {
      todos: []
    };

saitoxu

import React, { Component } from 'react'
import { Link, Route, Switch } from 'react-router-dom'
import Form from './Form'
import Todo from './Todo'
import TodoList from './TodoList'

const Top = () => (
  <div>Top</div>
)

saitoxu

import React, { Component } from 'react'

export default class Frame extends Component {
  componentDidMount() {
    const appearin = this.props.appearIn
    const roomName = this.props.match.params.roomName
    appearin.addRoomToElementById("appearin-frame", roomName)
  }

  render() {

saitoxu

import React, { Component } from 'react'
import { connect } from 'react-redux'
import { fetchReposIfNeeded } from '../actions'
import Form from '../components/Form'
import Repos from '../components/Repos'

class AsyncApp extends Component {
  constructor(props) {
    super(props)
    this.handleSubmit = this.handleSubmit.bind(this)