サイトアイコン Embarcadero RAD Studio, Delphi, & C++Builder Blogs

AngularJSとnode.js インストール方法[JAPAN]

the future of starts demands massive productivity

Author: h.mohri

毛利です。

 

RAD Studioロードマップ(2017年5月付)に書いていますが、

10.3 以降のRAD ServerAngularJSクライアントがサポートされます。

https://www.embarcadero.com/jp/products/rad-server

 

Angular は、JavaScriptで書かれたOpen Sourceのフロントエンド Webフレームワークです。

先日、Angular release is 4.0.されたところですがそれ以前は一般的にAngular2を使われていました。

Angularは、MongoDB + Express + Angular + Node.jsを用いて構成されるMEANスタックと呼ばれる中の一部です。

 


 

 

AngularTypeScriptで組まれています。

(ちなみにTypeScriptはDelphiの生みの親Anders Hejlsbergが関わっているらしいです)

 

 

 

[開発環境インストール]


node.jsのインストールは必須です。 https://nodejs.org/en/ からもインストールできますが

node.jsバージョン管理ツールでインストールするのが一般的です。

Windowsの場合、nodistを使う人が多いです。

nodist は https://github.com/marcelklehr/nodist ここからダウンロードできます。

インストーラーもあるので簡単にインストールできます。

インストールが完了後

[crayon-6636364a98ef0289796177/]

上記のコマンドでnodeのバージョン一覧が出てきます。

[crayon-6636364a98efb663344779/]

これでnode..jsの6.10.3を追加した事になります。

[crayon-6636364a98efd192168503/]

v6.10.3

Default global pacakge update dsuccessful.

上記のような感じでnode.jsバージョン切り替えが可能です。

 

続いて npmコマンドでangular-cliをインストールします。

[crayon-6636364a98eff149065243/]

TypeScriptもインストールします。

[crayon-6636364a98f00733660224/]

 

これでインストールが完了しました。

 

 

[新規プロジェクト作成]


アプリ名を適当につけて新規プロジェクトを作成します。

[crayon-6636364a98f01225577672/]

mohriと言うアプリ名で作成しました。

[crayon-6636364a98f05563696798/]

これで起動できます。

 

http://localhost:4200 をブラウザで呼べば下記のように表示されます。

変更に関しては全てTypeScriptで書き換える事が可能です。

 

 

 

 RAD Server 製品URL

https://www.embarcadero.com/jp/products/rad-server

 

 

 

モバイルバージョンを終了