TypeScript
開発環境
Atomのプラグインを使うのが楽
-
Setting -> install ->atom-typescript
-
.tsファイルを保存すると、勝手にコンパイルして.jsファイルを作ってくれる。
-
.jsファイルを読み込む.htmlファイルをブラウザで開いて動作確認
サンプル
sample.ts
var str = window.prompt('入力してください');
showStr(str);
function showStr(str: string) {
alert(str);
}
保存すると.jsが生成される(ついでにtsconfig.jsonも生成される)
sample.js
var str = window.prompt('入力してください');
showStr(str);
function showStr(str) {
alert(str);
}
htmlでjsを実行
sample.html
<html>
<head>
<meta charset="UTF-8">
<script src="sample.js"></script>
</head>
<body>
<script type="text/javascript">
str;
</script>
</body>
<html>