2015/05/27

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

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

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

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

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

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



2015/05/26

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

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


顛末


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

2015/05/20

はじめての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. 参考サイト

2015/05/12

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

拝啓

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


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


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


2015/05/11

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

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

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

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