やること TypeScript, Gulp, WebPack, jQueryを組み合わせて、簡単なWebアプリケーションを作ってみます。 TypeScriptは型が書けたりクラスが書けたりする、AltJS(コンパイルしてjsにして使用する物)です。 TypeScriptはコンパイルしてjsにすることで、ブラウザで使用できるようになります。 今回使う他のツールです。 Gulp: タスクランナーです。Gruntよりも最近は人気があります。 Webpack: 各種jsファイルの依存関係を解決し、1つに結合するモジュールバンドラーです。Browserifyなどもこの仲間になります。 jQuery: 説明不要かと思いますが、楽にDOM操作が出来るライブラリです。 Mac OS X High Sierra Gulp 3.9.1 TypeScript 2.9.1 Webpack 4.10.2 jQuer
![TypeScript+Gulp+Webpack+jQueryで開発環境を構築 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/f3eec21521c098ee09c37f2ea36abfee72c69b64/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9VHlwZVNjcmlwdCUyQkd1bHAlMkJXZWJwYWNrJTJCalF1ZXJ5JUUzJTgxJUE3JUU5JTk2JThCJUU3JTk5JUJBJUU3JTkyJUIwJUU1JUEyJTgzJUUzJTgyJTkyJUU2JUE3JThCJUU3JUFGJTg5JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz03NzU2YmQ4MjJiNjdmOTgxMWUzOGFlMmZmZTU0YTI0ZA%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBkLWRhaSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NTlhYjk4YjhmZWNhMDBhYzk4NDdmMjA0Yzg1ZTA5Mzk%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3De46527d386cc7e99c7be32025754fd7b)