LoginSignup
6
6

More than 5 years have passed since last update.

JSのまともな開発環境を構築するメモ

Last updated at Posted at 2013-06-08

現在進行形です。JSフレームワークとかライブラリの名前は聞いたことあるけどよく分かんないしどう使うのかも分かりません!っていう状態だけどまともな環境で開発したいのでいろいろメモしていきます。

とりあえずの目的としては

  • Unitテスト書こう
  • 素のJSで書くのはやめよう

ということで、TypeScript + Jasmine をとりあえずの目標として。

typescript

TypeScriptはnpmで入れれる。npmを使うにはnode.jsが必要なのでHomebrewでnodejsを入れる。

brew install nodejs
npm install -g typescript

とかそんな感じで。
tscでコンパイルしてくれます。

tsc -w hoge.ts

とかしておくと変更を検知してコンパイルしてくれます。が、俺はPhpStormを使ってるのでwatchしてもらってます。

-

PhantomJS

Wikiを参考に入れる。
https://github.com/ariya/phantomjs/wiki

phantomjsにPATHを通してこんなJSを呼ぶと実行してくれる

hello.js
console.log('Hello, World');
phantom.exit();

phantom.exit()は呼び出し忘れないように。
というWebKitベースで画面描画しないから高速に動かしてテストさせるツールって感じかな。

-

Jasmine

wiki見れば書いてる。
TDDで回すならいちいちブラウザで確認したくは無いので、Consoleで実行出来るようにしたい。のでGitでcloneしておく。

consoleで動かすには、ランナーのHTMLで
lib/jasmine-1.3.1/jasmine-html.js の代わりに
ConsoleReporter.js を読み込むようにする。

-

大変お世話になったサイト

6
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
6