Yuki Terashima y-temp4

VideoJS, React and Typescript

WARNING: A work in progress, this is a first attempt at getting VideoJs working in a Typescript and React Enviroment.

Then npm install packages

$spacing: 1rem;

body {
  margin: ($spacing * 4) $spacing;
}

WIP某所で喋るための草稿。

当たり前のことを書く。当たり前のことが、当たり前にできない人へ。JavaScriptだから、当たり前のことをしなくていいと思っている人達へ。

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title></title>
	</head>
	<body>
	<main></main>
	<script crossorigin src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
	<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>

	const React = require('react')
	const ReactDOM = require('react-dom')
	const unified = require('unified')
	const markdown = require('remark-parse')
	const math = require('remark-math')
	const emoji = require('remark-emoji')
	const remark2rehype = require('remark-rehype')
	const highlight = require('rehype-highlight')
	const katex = require('rehype-katex')
	const rehype2react = require('rehype-react')

	<template>
	<div>
	<h1>Welcome!</h1>
	<nuxt-link to="/about">About page</nuxt-link>
	<img :src="flagUrl"/>
	<button @click="nextFlag">Next flag</button>
	</div>
	</template>

	<script>

	const http = require('http');
	const {promisify} = require('util');

	http.get[promisify.custom] = function getAsync(options) {
	return new Promise((resolve, reject) => {
	http.get(options, (response) => {
	response.end = new Promise((resolve) => response.on('end', resolve));
	resolve(response);
	}).on('error', reject);
	});