TypeScriptを使ってPhantomJSを動作させる

タイトルの通り、TypeScriptで記述、Javascriptを出力、PhantomJSで実行をするだけです。ここではVisual Studioでコンパイル、実行しています。

Visual Studioの設定

まずは、出力するJavascriptのコードをPhantomJSで実行できるようにします。

[ツール]-[外部ツール]を選択して以下のように設定します。

タイトル：PhantomJS

コマンド：phantomjs.exeのパス

引数：$(ItemFileName).js

初期ディレクトリ：$(ItemDir)

出力ウィンドウを使用にチェック

サンプルコード

次のコードは、Googleのホームページのスクリーンショットをpng形式で保存します。

TypeScriptでは宣言なしの変数や関数を扱うことができないため、declareでphantomやrequireを宣言する必要があります。

declare var phantom;
declare function require(x: string): any;

var page = require('webpage').create();
page.open('http://google.com', function () {
    page.render('google.png');
    phantom.exit();
});

後は、ビルドしてツールからPhantomJSを選択すれば実行されます。

参考

Execute Javascript and Typescript within Visual Studio (and repl)