okunokentaro/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
  <base href="/">
  <title>ng-kyoto is very cool</title>
</head>

<body>
  <my-app></my-app>
  <script src="./bundle.js"></script>
</body>

</html>

## index.ts
import "reflect-metadata";
import {bootstrap, CORE_DIRECTIVES, Component} from "angular2/angular2";

@Component({
  selector: `my-app`,
  template: `
    <h1>hello world</h1>
  `,
  directives: [CORE_DIRECTIVES]
})
export class App {
}

bootstrap(App)
  .catch(err => console.error(err));

## package.json
"scripts": {
  "tsc": "tsc -t es5 -m commonjs --experimentalDecorators --emitDecoratorMetadata --moduleResolution node ./index.ts",
  "browserify": "browserify ./index.js -o ./bundle.js",
  "build": "npm run tsc && npm run browserify",
  "test": "echo \"Error: no test specified\" && exit 1"
}
	<!DOCTYPE html>
	<html>
	<head>
	<base href="/">
	<title>ng-kyoto is very cool</title>
	</head>

	<body>
	<my-app></my-app>
	<script src="./bundle.js"></script>
	</body>

	</html>
	import "reflect-metadata";
	import {bootstrap, CORE_DIRECTIVES, Component} from "angular2/angular2";

	@Component({
	selector: `my-app`,
	template: `
	<h1>hello world</h1>
	`,
	directives: [CORE_DIRECTIVES]
	})
	export class App {
	}

	bootstrap(App)
	.catch(err => console.error(err));
	"scripts": {
	"tsc": "tsc -t es5 -m commonjs --experimentalDecorators --emitDecoratorMetadata --moduleResolution node ./index.ts",
	"browserify": "browserify ./index.js -o ./bundle.js",
	"build": "npm run tsc && npm run browserify",
	"test": "echo \"Error: no test specified\" && exit 1"
	}