初心者が学ぶ TypeScript 入門 Ver.0.2 【準備編】

What is TypeScript?

TypeScript はマイクロソフトによって開発され、メンテナンスされているフリーでオープンソースのプログラミング言語である。
(Wikipediaより)

公式サイト

公式サイトでは node のパッケージとしての提供が記述されていたので、今回も nodeでTypeScript環境を構築してみる。

$ npm install -g typescript

一度、Nodeについて、簡単に振り返ってみたい。 のでこの Ver.0.2.0　では、Nodeについて書いてみたいと思います。

node.js　の勉強

• 1. hello world の出力

server.js

const http = require('http');
const server = http.createServer();

server.on('request', function(request, response) {
    response.writeHead(200, {'Content-Type': 'text/plain'});
    response.write('hello world');
    response.end();
});

server.listen(3000);

$ node server.js

http://localhost:3000 とブラウザでアクセスすることで Hello World が表示される。

• 1. ルーティングをやってみる。

server.js

const http = require('http');
const server = http.createServer();
let message = '';

server.on('request', function(request, response) {
    response.writeHead(200, {'Content-Type': 'text/plain'});

    switch (request.url) {
        case '/about':
            message = 'Welcome About Page.';
            break;
        case '/company':
            message = 'Welcome Company Page.';
            break;
        case '/recruit':
            message = 'Welcome Recruit Page';
            break;
        default:
            message = 'Page Not Found';
            break;
    }
    response.write(message);
    response.end();
});

server.listen(3000);

http://localhost:3000/about や　http://localhost:3000/company とブラウザで実行することで 各対応したメッセージ が表示される。

• 2.1 HTMLファイルを読み込んだりする。

server.js

const http = require('http');
const filSystem = require('fs');
const server = http.createServer();
let message = '';

server.on('request', function(request, response) {
    filSystem.readFile( __dirname + '/service.html', 'utf-8', function(error, data) {
        // エラー発生時
        if (error) {
            response.writeHead(404, {'Content-Type' : 'text/plain'});
            response.write('page not found22');
            return response.end();
        }
        response.writeHead(200, {'Content-Type': 'text/html'});
        response.write(data);
        response.end();
    });
});

server.listen(3000);

まとめ

ひとまずここまでの作業、としておく。続きは明日かな。

明日は、nodeでWebアプリケーションを作ってみて、実際にTypeScriptを入れてみたプロジェクトを作ってみるつもりです。

宣伝

転職をきっかけにいろいろな試みをやってます。

ほぼ日AWS

ほぼ日AWS

AWSの各ソリューションについて 「このソリューションはどういうもの？」 って観点でまとめてみたものです。

もくもく独書 for Swift実践入門

もくもく独書 for Swift実践入門

Swift実践入門の書籍を毎日読みながら必要に応じてコードを書いてまとめていっているものです。