サイトアイコン 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-676dda9fc451b148353231/]

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

[crayon-676dda9fc4521365796588/]

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

[crayon-676dda9fc4523230125672/]

v6.10.3

Default global pacakge update dsuccessful.

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

 

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

[crayon-676dda9fc4524731158417/]

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

[crayon-676dda9fc4525005950165/]

 

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

 

 

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


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

[crayon-676dda9fc4526250905958/]

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

[crayon-676dda9fc4527827276329/]

これで起動できます。

 

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

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

 

 

 

 RAD Server 製品URL

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

 

 

 

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