【TypeScript】MVVMなVue.jsを使ってToDoアプリをつくってみた

今まで素のJavaScriptとAngularJSを使って、Todoアプリをつくった。

素のJavaScriptはとにかくコード量が多くなって面倒。
AngularJSは学習コストが高く、AngularJS2.0になると別モノになってしまう。

とにかく手軽にアプリが作れるフレームワークを、と探したところにMVVMフレームワークの「Vue.js」を見つけた。
ググるとなにかと「お手軽」というキーワードが目についたので、実際に使ってみた。

できあがったモノは、以下のサイトで触れる。

ToDoアプリ自体は、以下の2つのエントリとほとんど同じ。

tsdが「an error occured!」とエラーを吐いたときの対処方法

TypeScriptの型定義ファイル管理ツールの「tsd」を使おうとしたときに、an error occured! SyntaxErrorというエラーを吐いた。
このときの対処法をまとめる。

顛末

1. 開発環境構築メンドーだから前使ったやつコピーしよう
2. 「tsd.json」に書かれている不要な型定義ファイル消そう
   … installed内に追加されている型定義ファイルを削除
3. 必要な型定義ファイルをインストールしよう
   > tsd query hoge
4. an error occured!　ファッ!?

はじめてのTypeScript開発環境構築（gulp, bower, webpack, tsd, npm）

TypeScriptで開発しようとしたとき、いろんな問題にぶつかった。
もともとSIerではVisual Studioさえあればなんとかなる環境で育ってきたため、Web系のさまざまなツールを導入する上で何度も挫折した。


ということで、初心者（私）が初心者向けに「はじめてTypeScriptの開発環境（gulp + bower + webpack + tsd + npm）を構築するときの手順とポイント」についてまとめていこうと思う。

ツールの使い方間違っているよなどの指摘がありましたら、コメントやTwitterで教えてください。

この記事の目標

• TypeScriptで開発したい
• ライブラリも使いたい（今回はjQueryを例にする）
• Web界隈のツールにも慣れたい

使用するツール（ツール名 - バージョン）

• node - 0.12.0
• npm - 2.5.1
• tsd - 0.5.7
• bower - 1.4.1
• gulp - 3.8.11
  • gulp-typescript - 2.7.5
  • gulp-webpack - 1.4.0
• WebPack - 1.8.11
  • ts-loader - 0.4.2

※実行環境は、Windows 7（たぶんWin以外でもほとんど同じだと思う）

---

追記: 2016/09/26
1年前の記事だが、すでにオワコンになっているツールもあるので注意。

当記事内では、tsdとbowerがオワコンになっている。
tsdはtypingsにかわった。bowerはnpmに統合する流れになっている。

---

長くなりそうなので目次

1. node.js / npm のインストール
2. tsd のインストール
3. bower のインストール
4. gulp のインストール
5. WebPack について
6. 開発環境の初期化
7. ライブラリ（jQuery）の取得 + 型定義ファイルの取得
8. TypeScriptでなんか書いてみる
9. gulp で使うプラグインのインストール
10. webpack のインストールと設定
11. gulpfile.jsの作成と実行
12. できたファイルを実行してみる
13. gitignoreファイルの作成
14. さいごに
15. 参考サイト

拝啓、辞表を出そうとしている2ヶ月前の自分へ

拝啓

春の風が快い季節となりましたが、いかがお過ごしでしょうか。
上司に無理言って炎上プロジェクトから抜け出せた頃でしょうか。


安定志向のあなたが、次の就職先を決めず辞めると言い出したときは、本当に驚きました。
よほど思いつめていたのでしょう。


さて、今回はあなたに伝えたいことがあり、筆をとりました。

Windowsで作業効率化するためのおすすめフリーソフト 10選

SIerで5年間働いている間、作業を効率化するためにいろんなフリーソフトを試してきた。
今では「これがないと仕事できない！」とまで思えるフリーソフトを紹介する。

SIerで働いている人に、特におすすめする。
もちろんSI業界以外の方でも、便利だと思っていただけると思う。

※ Windows7 32bit、64bitで動作確認済み。