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>

TypeScript入門

TypeScript

開発環境

サンプル