アプリを効率よく制作する上で、開発環境を整えることは非常に重要なことです。
わざわざ編集したHTMLをその都度デプロイし、サーバーで変更を確認するといったフローは非常に煩わしく生産性に欠けます。
vte.cxではNode.jsの開発環境を利用することでローカル環境でも効率的な開発が可能です。

ここではその手順を以下に記します。

1. 開発環境の設定を行う

以下の記事で環境設定を行ってください。
【vte.cx入門】1.アカウント登録〜Hellow Worldまで: 「環境を整える」の章を参照してください。

すでに開発環境が整っている場合は、この工程はスキップしてください。

2. ローカル開発環境を立ち上げる

以下のコマンドを実行し、ローカル環境を立ち上げてください。


gulp serve -h http://{自分のサービスドメイン}.1.vte.cx

（例） gulp serve -h http://demo.vte.cx

http://localhost:8000/login.html にアクセスすることでローカル環境のログイン画面に遷移できます。

前回の記事で「hellow_world.html」を作成しましたが、それをローカル環境で編集してみましょう。

hello_world.html

<!DOCTYPE html>
<html lang="ja-JP">
  <head>
    <title>Hello World<title>
  </head>
  <body>
    Hello World test    ← testと追記
  </body>
</html>

これを保存すると、更新を検知しブラウザが自動でリロードされ、更新内容が表示されます。
是非アプリ開発に役立ててください。

次回はアプリ開発のための下準備の記事です。
データをサーバに登録するためのスキーマ定義の仕方を説明したいと思います。

以上です。