Author: h.mohri
毛利です。
RAD Studioロードマップ（2017年5月付）に書いていますが、
10.3 以降のRAD ServerでAngularJSクライアントがサポートされます。
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スタックと呼ばれる中の一部です。
AngularはTypeScriptで組まれています。
(ちなみにTypeScriptはDelphiの生みの親Anders Hejlsbergが関わっているらしいです)
[開発環境インストール]
node.jsのインストールは必須です。 https://nodejs.org/en/ からもインストールできますが
node.jsバージョン管理ツールでインストールするのが一般的です。
Windowsの場合、nodistを使う人が多いです。
nodist は https://github.com/marcelklehr/nodist ここからダウンロードできます。
インストーラーもあるので簡単にインストールできます。
インストールが完了後
|
1 2 |
# nodist dist |
上記のコマンドでnodeのバージョン一覧が出てきます。
|
1 2 |
# nodist + v6.10.3 |
これでnode..jsの6.10.3を追加した事になります。
|
1 2 |
# nodist v6.10.3 |
v6.10.3
Default global pacakge update dsuccessful.
上記のような感じでnode.jsバージョン切り替えが可能です。
続いて npmコマンドでangular-cliをインストールします。
|
1 2 |
# npm install -g @angular/cli |
TypeScriptもインストールします。
|
1 2 |
# npm install typescript -g |
これでインストールが完了しました。
[新規プロジェクト作成]
アプリ名を適当につけて新規プロジェクトを作成します。
|
1 2 |
# ng new mohri |
mohriと言うアプリ名で作成しました。
|
1 2 3 4 |
# cd mohri npm install ng serve --open |
これで起動できます。
http://localhost:4200 をブラウザで呼べば下記のように表示されます。
変更に関しては全てTypeScriptで書き換える事が可能です。
https://www.embarcadero.com/jp/products/rad-server
Reduce development time and get to market faster with RAD Studio, Delphi, or C++Builder.
Design. Code. Compile. Deploy.
Free Delphi Community Edition Free C++Builder Community Edition
