初心者でもわかる！Nitrous.io図解付きweb動作確認！

前回分（こちら）でエディタも用意できました。

 

今回は実際にコードを書いての動作確認をします！

 

内容は簡単なjavascriptのファイルを作ります。

 

では始めていきますよ！！

初心者でもわかる！Nitrous.io図解付きweb動作確認！

画面の赤い丸の箇所に

＋とかかれたボタンがあるので

押してください。

 

Untitled 1と書かれた

新しいページが表示されます。

 

それではまっさらなエディターへ

var http = require("http");
http.createServer(function(request, response) {
  response.writeHead(200, {"Content-Type": "text/plain"});
  response.write("Hello World");
  response.end();
}).listen(8888);

こちらの内容をコピーして貼り付けてください。

貼り付けと修正が終わったら

ctrlキーを押しながらsキーを押して

保存作業となります。

このようなポップアップが

上部中央に表示されます。

 

今回はテストなので、

test.js

とでも入力して右下の

Saveボタンを押してください。

 

保存が済むとUntitled 1が

test.jsに名前が変わります。

 

また、左側のスペースにも

test.jsと、項目が追加されます。

 

次に画面下部の箇所

このConsoleと書かれた枠内

緑の文字の右側へ

node test.js

と打ち込んでから

エンターを押してください。

 

何もリアクションがなかったら

成　功　です！

成功しましたとか

何かリアクションがほしいですね ＾ ＾；

 

それでは実際にサーバーへ接続して

動作の確認をしてみましょう！

 

Nitrous.ioのエディタ左上、

Previewを選択し、Port ８８８８と書かれている箇所、

画像で灰色になっている箇所をクリックしてみてください。

 

そうすると自動で新しくページが開きます。

 

画面左上に

「Hello World」

と書かれていればOKです。

 

それではこれで初期設定がすべて終わりました。

 

これで終わり、、、、

ではありません！

次回、多人数参加可能！？

リアルタイムコラボレーションモード

こちらを紹介しちゃいます！

 

新着のフィードがタイムラインで取得できますので、
是非【いいね！】をお願い致します！