webセミナー「rad studio 10.1 berlin update 2 anniversary edition 新機能ガイド」

© 2017 Embarcadero Technologies, Inc. All rights reserved. 本文書の一部または全部の転載を禁止します。本文書の著作権は、著作者に帰属します。 #embtwebi_jp

2017 年 1 月 26 日（木） 16:00 ～ 17:30エンバカデロ・テクノロジーズ

WEB セミナーRAD STUDIO 10.1 BERLIN UPDATE 2 ANNIVERSARY EDITION 新機能ガイド

2© 2017 Embarcadero Technologies, Inc. All rights reserved. 本文書の一部または全部の転載を禁止します。本文書の著作権は、著作者に帰属します。 #embtwebi_jp

はじめに

2016 年 11 月にリリースされた RAD Studio 10.1 Berlin Update 2 Anniversary Edition 。 Windows ストア向けアプリの構築サポートなど、最新テクノロジーに対応。

今回、 Update 2 で追加された新機能を中心に、 RAD Studio / Delphi / C++Builder の特長、活用法などを紹介。

RAD Server を活用し、モバイルとバックエンドシステムを接続したマルチデバイスシステムを構築する方法も解説。


アジェンダ

RAD Studio 10.1 Berlin の概要• マルチデバイス対応のビジュアル開発環境• 多様な RDBMS 、クラウドなどへの接続性• 多層化による拡張、マルチデバイス対応

Update 2 で追加された新機能

多様な接続性 / 拡張性を実現するミドルウェアソリューション RAD Server

既存アプリケーションを最新テクノロジーに適合させる方法所要時間約 1 時間 30 分


RAD Studio 10.1 Berlin の概要

マルチデバイス対応のビジュアル開発環境

多様な RDBMS 、クラウドなどへの接続性

多層化による拡張、マルチデバイス対応


エンバカデロと Delphi / C++Builder について

2008 年 6 月エンバカデロがボーランドの開発ツール部門と合併

2011 年 9 月RAD Studio XE2 Windows と Mac OS X のネイティブクロス開発を実現

2015 年 4 月RAD Studio XE8 FireUI によりマルチデバイス開発のさらなる進化。IoT もサポート

2013 年 9 月RAD Studio XE5 Windows, Mac OS X, iOS, Android のネイティブクロス開発をサポート

2015 年 9 月RAD Studio 10 Seattle Windows 10 対応の新バージョン

2016 年 4 月RAD Studio 10.1 Berlin発表

IoT, Beacon 強化強力なエンタープライズ対応クロスプラットフォーム強化

1995 年Delphi for Windows 発売

アプリケーション開発とデータベースの開発・運用を支援するツールを提供• ビジュアル開発ツール : Delphi / C++Builder / RAD Studio を提供• マルチデバイス対応、クロスプラットフォーム開発の展開を推進 201x 年

RAD Studio 10.2


RAD Studio の特徴

統合開発環境 RAD Studio を使うメリット

覚えやすく、習得ノウハウを生かせる 2 言語対応 : Delphi (Object Pascal) と C++

単一のソースコードでクロスプラットフォーム開発

一つのマスタ UI 設計で、マルチデバイス開発が可能

クラウド、データベース、 IoT やビーコンとの接続が容易

中間サーバーの構築とマルチデバイス接続環境の構築

ビジュアル開発による統合開発環境で効率的


効率的な”ビジュアル”統合開発環境統合開発環境 (IDE = Integrated Development Environment)

• ビジュアル開発を実現する VCL と FireMonkey フレームワーク

• コンポーネントを使ったドラッグアンドドロップを中心に開発可能

• マスター UI 設計で複数 OS に対応する FireUI

コンポーネントで開発効率アップ

コードに集中


効率的な開発を支えるコンポーネントフレームワーク

Windows 向けクロスプラットフォーム

Windows API をカプセル化し、

Windows の機能を最大限活用

単一のコードでマルチデバイス開発が可能

コンポーネントで開発効率アップ


VCL ~ Windows 向けに最適化されたビジュアルコンポーネント ~ VCL: Windows API / COM ライブラリをラッピングしたライブラリ

• Windows の共通機能をすべてコンポーネント化してラッピング

• カスタムコンポーネントの作成、サードパーティコンポーネントも有り

• ドラッグアンドドロップで UI 設計、イベントに対してコーディング

Windows 10 をサポート

• WinRT の統合

• Windows 10 スタイルコントロール

• UI のモダン化を実現するスタイルライブラリ


VCL の仕組み Widows API を隠蔽

• OS バージョンの差も VCL レベルで吸収

• 必要に応じて API 呼び出しなどの低レベルコードも記述可能

Delphi / C++ 言語

VCL

Windows API

Wintel Platforms


FireMonkey フレームワークを使ってできること単一コードでクロスプラットフォーム・マルチデバイスアプリを構築

Windows アプリ : GUI アプリ、コンソール、サーバアプリ、 DLL 、サービス…

Mac OS X アプリ

iOS アプリ

Android アプリ


クロスプラットフォーム開発の実現マルチデバイス対応

• 単一言語でのロジック開発＆ビジュアル開発• 異なる解像度をマルチデバイスデザイナがマスタ化＆カスタマイズで対応• OS 毎に異なる動作をフレームワークが吸収・抽象化• 各プラットフォーム向けのコンパイラが最適な実行ファイルにビルド

Delphi / C++ 言語

FireMonkey フレームワーク

FireUI マルチデバイスデザイナ


単一ソースでクロスプラットフォーム開発

　　

モバイル・スマホを使用するケースの増加　対応 OS の増加

デバイスの多様化　ディスプレイの多様化

ユーザー多様化に対応入力・操作方法の変化

OS 別の開発の必要性複数の開発環境・コードの用意

工数削減！工数増大！


FireUI ~ マルチデバイスデザイナが統一 UI 設計をサポート ~ FireUI: マスター UI の設計と、特定のデバイス向けのカスタマイズが可能

• 異なるプラットフォームの異なる画面向けのカスタマイズを視覚的に実施

新機能「FireUI マルチデバイスプレビュー」により、実デバイスでライブプレビューが可能に

各デバイス・各 OS画面に適用


FireUI で多数のデバイス、画面サイズへの同時対応マスターデザイン設計・継承して各デバイスへ

• 異なるデバイスでも適切に表示できるよう配置プロパティを提供

• より詳細な設計を要する場合にデバイスごとに独自カスタマイズ

1 つのマスターデザインから

各デバイス・各種画面デザインへ適用


FireUI アプリライブプレビュー

編集中の UI をデバイスにリアルタイム表示• モバイル＆デスクトップ両対応

• リアルタイムに変更点を反映

• 同時に複数のデバイスで表示可能• ※UI 表示用アプリのソースコード添付


覚えやすく、習得ノウハウを使える 2 言語対応言語習得が容易・言語ノウハウを生かせる

• C, C++ スキルをもった開発者が即時に C++Builder を使える

• 教育向け言語 Pascal を基とした Object Pascal は見た目に美しく覚えやすい

順位プログラミング言語インデックス値昨年 (2016 Jan) 順位

1 Java 17.278% 1

2 C 9.349% 2

3 C++ 6.301% 3

4 C# 4.039% 4

5 Python 3.465% 5

6 Visual Basic .NET 2.960% 7

7 JavaScript 2.850% 8

8 Perl 2.750% 11

9 Assembly language 2.701% 9

10 PHP 2.564% 6

11 Delphi/Object Pascal 2.561% 12

12 Ruby 2.546% 10

13 Go 2.325% 54

14 Swift 1.932% 14

TIOBE Programming Community Index2017 Jan より引用。www.tiobe.comTPIBE PCI: 複数の検索エンジンの検索結果から、対象となるプログラミング言語がどれだけ話題になっているかインデックス化したもの。現在約 150の言語を計測。

http://www.tiobe.com/


オブジェクト指向言語 Delphi – Object Pascal

1995 年に Delphi として発売

教育向け言語 Pascal を母体としたオブジェクト指向言語

毎年 1 回以上のアップデートを継続

最先端のマルチデバイス開発環境

OSごとのコンパイラを搭載


よりかんたんに素早くプロジェクトを立ち上げ

既存のスキルを生かしてクロスプラットフォーム開発

• 一つの言語：Delphi もしくは C++ を使用可能

• VCL を使用した Windows ソフト開発 UI と同様

多数のコンポーネントと、ビジュアル開発で高効率

• 視覚的操作で開発を容易に

• 教育向け言語 Pascal をベースとしたオブジェクト指向言語 Object Pascal• 美しく、理解しやすく、早期にスキル習得


クラウドサービス

AWSおよび Azure のサポート• ストレージ、テーブル、キューにアクセス可能

BaaS プロバイダ• Parse 、 Kinvey など

データアクセスのための REST / HTTP クライアントライブラリ• プラットフォームライブラリがベース（ネイティブ HTTPS サポートを含む）

NoSQL データベースコンポーネント• MongoDB をフルサポート


DBMS

FireDAC

Delphi/C++Builder

データベース接続

FireMonkey および VCL

非ビジュアルコンポーネント [Comp] ビジュアルコンポーネント / フォーム [GUIx]ローカルストレージ [DatS]

データアダプタ [DApt]デバッグ / パフォーマンスモニタ

[Moni]

ネイティブドライバ [Phys] ブリッジドライバ [Phys]Oracl

e DB2 MS SQL

InterBase

FirebirdPG SQL

MySQL

Sybase ASA

SQLite

MS Acces

sODBC dbEx

p

DBMS クライアントソフトウエア

Oracle DB2 MS

SQLInterBas

eFirebird

PG SQL

MySQL

Sybase ASA

SQLite

MS Acces

sSybase ASE

Informix …

ODBCODBCdbExpress

ドライバ

ODBCODBCODBCドライバ

FireDAC が DB へのアクセスをコンポーネントとして提供


IoT デバイスへの接続性

デスクトップおよびモバイルアプリを

IoT サポートに拡張• Bluetooth 、 Bluetooth LE 、 WiFi をサポート• すぐに使える IoT コンポーネント• 近接検知をサポートする BeaconFence• センサーデータの収集• ThingPoints による分散したデバイス情報のモニタ

リング


ThingConnect IoT コネクティビティフレームワーク

簡単に使える API コンポーネントで 50以上の IoT スマートデバイス、センサー、ウェアラブルをサポート


ビーコンへの対応

BLE ビーコンの電波を受信する TBeacon コン

ポーネントを搭載

• コンポーネント（部品）でビーコンを利用可能

• iBeacon, AltBeacon, EddyStone に対応

• iOS 、 Android 、 macOS 、 Windows10 に対応

• ビーコンへの近接をイベントで検知可能

Beacon 仕様 / 機能をカプセル化したコンポーネントを利用可

ハードウェア側で設定した UUID 、Major 、 Minor を設定

（複数の Major/Minor を受信したい場合は -1 を設定）


BeaconFence （固定ビーコンによる位置測位ソリューション）

ビーコンを用いた三辺測量による

位置測位機能を提供

ビーコンの配置を含むマップをビ

ジュアルに管理


Delphi/C++Builder で作成できるアプリケーション形態（１）

RDBMS

Windows クライアントWindows デスクトップ

Windows デスクトップ

OS X デスクトップ



1) デスクトップアプリケーション

2) デスクトップ DB アプリケーション

3) クライアントサーバーアプリケーション


Delphi /C++Builder で作成できるアプリケーション形態（１）

InterBase

Windows クライアント


3) クライアントサーバーアプリケーション + 中間サーバー

中間サーバー MySQL

DataSnapRAD

Server


Delphi /C++Builder DataSnap

DataSnap は Apache や IIS(ISAPI) などの Module として動作しスタンドアロンサーバーとしても利用可能です。

DataSnap スタンドアロンサーバー

//Delphifunction TServerMethods1.EchoString(Value: string): string;begin Result := Value;end;

Windows デスクトップ

C++Builder アプリケーション

Delphi


Delphi /C++Builder RAD Server

JSON REST API を構築できる BaaS(Backend as a Service)

InterBase

Windows クライアント


中間サーバー MySQL

RAD ServerREST

ユーザー管理

FireDAC連動

プッシュ通知


Delphi /C++Builder で作成できるアプリケーション形態（２）

RDBMS

Windowsクライアント

典型的なC/Sシステム

レガシーシステム

独自のプロトコルで接続

中間サーバー

IoT デバイス

モバイルクライアント

ビッグデータ

デスクトップクライアント

HTTP(S)

RESTJSON

HTTP(S)

RESTJSON

HTTP(S)

RESTJSON

クラウドサービス

RAD Server


Update 2 で追加された新機能 Berlin に対しての第 2 回目のアップデート : Update2 Anniversary Edition 新規に実装された機能と追加のスタイルをご紹介


Berlin 10.1 Update 2 のメリット長いリリースサイクルで開発者により多くのメリットを提供

• 1 年に 1 回のメジャーリリースと約 2 回の品質・安定向上Update をリリース

新機能をアップデートにも追加• メジャーアップデートにのみ提供されていたが、 Update でも新機能を追加

FireMonkey を使用したクロスプラットフォームの開発者は、すべてのOS の最新バージョンと Win 10 ストアをリリースターゲットに

VCL 開発でも Windows ストアを使用し数百万人ものユーザーにリーチ


Berlin 10.1 Update2 – Anniversary Edition 新機能と改善点

• Windows Desktop Bridge (Windows10 ストアアプリ ) のサポート

• Windows10 VCL カレンダーコントロールを追加

• クイック機能の追加

• Windows10 スタイルの追加

• 新 OS サポート

• バグフィックス

© 2017 Embarcadero Technologies, Inc. All rights reserved. 本文書の一部または全部の転載を禁止します。本文書の著作権は、著作者に帰属します。 40#embtwebi_jp

WINDOWS DESKTOP BRIDGE のサポート Windows10 ストアサポート


Windows Desktop Bridge (Windows10 Store) サポート

Microsoft Windows10 Anniversary Update• Microsoft が 8 月 2 日にリリースした Windows10 向けアップデート

• Win32/64 ベースの Desktop Bridge アプリを Windows ストアで販売・配布できる• 現在、ストアでの公開はマイクロソフトから個別に許可される模様

• Win32/64 アプリをストアアプリとしてパッケージするデスクトップブリッジ公開

Berlin 10.1 Update2 アニバーサリーエディション• 開発環境から Windows ストアアプリ（ UWP ）の開発・ビルドをサポート！

巨大な Win10 ユーザーマーケットに対してストアを通じてリーチ可能


Windows Desktop Bridge (Windows10 Store) サポート

ビルドターゲットとして「ストア」アプリを指定可能

ストアアプリはアプリ署名のための証明書が必要。ローカル環境で使用するための自己署名証明書の作成もサポート

ストアアプリは Microsoft のストアに掲載申請することも可能＆ローカル環境だけでアプリとして使用することも可能


新カレンダーコントロール VCL 向け 2 つのカレンダーコントロール


新カレンダーコントロール VCL 向け 2 つのカレンダーコントロールを追加

• TCalenderView• Windows ストアアプリライクな

カレンダー表示コンポーネント• 日、月、年別の表示が可能

• TCalenderPicker• Windows ストアアプリライクな

日付選択コンポーネント

クリックピッカーが表示されます


クイック機能 VCL 開発を効率化


クイック機能

よく使用する機能に右クリックでかんたんアクセス

以前のバージョン Update2 のコンテキストメニュー

クイックデザインフォーム

コントロールの追加

コンポーネントの追加

クイック編集

クイックコピー名

クイック Icon

＜新規追加コンテキストニュー＞


クイック機能フォーム形式の変更

よく使うコントロールの設置

よく使うコンポーネントの設置

アイコン設定

Align や Margin, Padding名前とキャプション等の設定


新スタイル VCL, FireMonkey 向けに追加


新 Style テンプレート

VCL 向け、 FireMonkey 向けそれぞれに新 Style を追加• New VCL Styles

• Windows 10 Dark Blue• Windows 10 Purple• Windows 10 Green

• New FireMonkey Styles• Windows 10 Slate Gray• Windows 10 Purple• Windows 10 Green


OS サポート・品質改善・安定化プラットフォームサポート

• Windows 10 Anniversary Update• iOS 10• Android N (Nougat)• macOS Sierra

バグフィックス• 不具合修正リスト

http://edn.embarcadero.com/jp/article/44727/




Berlin 10.1 Update2 – Anniversary Edition

新機能 - デモ• Windows10 VCL カレンダーコントロールを追加

• クイック機能の追加

• Windows10 スタイルの追加

• Windows Desktop Bridge (Windows10 ストアアプリ ) のサポート


Windows ストアにも掲載可能掲載手順のブログエントリ

• https://community.embarcadero.com/blogs/entry/desktop-bridge-app-windows-store

掲載ストアアドレス： https://www.microsoft.com/store/apps/9nblggh40lbr

https://community.embarcadero.com/blogs/entry/desktop-bridge-app-windows-store



https://www.microsoft.com/store/apps/9nblggh40lbr

https://www.microsoft.com/store/apps/9nblggh40lbr


多様な接続性 / 拡張性を実現するミドルウェアソリューション RAD Server RAD Server

• JSON REST API を構築できる BaaS(Backend as a Service)

機能• 汎用の JSON REST API• ユーザーログイン (TEMSProvider, TBackendAuth)• FireDAC(TEMSProvider, TBackendEndpoint,

TFDMemTable)• Push 通知 (TEMSProvider, TPushEvents)


RAD Server:汎用の JSON REST API RAD Server は汎用の JSON API サーバーとして扱う事が可能で

すprocedure TTestResource1.Get(const AContext: TEndpointContext; const ARequest: TEndpointRequest; const AResponse: TEndpointResponse);var jo1: TJSONObject;begin jo1 := TJSONObject.Create; jo1.AddPair('company', 'embarcadero'); jo1.AddPair('name', 'Mohri'); jo1.AddPair('age', '20'); AResponse.Body.SetValue(jo1, True);end;


RAD Server:汎用の JSON REST API Resource / Suffix がユニット単位

• 現代的なリソースベースの API が作成できます

//Delphiunit Unit1;(省略 )type [ResourceName(‘ リソース名 ')] TTestResource1 = class(TDataModule) published procedure Get(); [ResourceSuffix('{item}')] procedure GetItem(); procedure Post(); [ResourceSuffix('{item}')] procedure PutItem(); [ResourceSuffix('{item}')] procedure DeleteItem(); end;




//C++(省略 )class TTestResource1 : public TDataModule{__published:private:public:

__fastcall TTestResource1(TComponent* Owner);void Get();void GetItem();void Post();void PutItem();void DeleteItem();

};




//C++(省略 )static void Register(){

std::auto_ptr<TEMSResourceAttributes> attributes(new

TEMSResourceAttributes());attributes->ResourceName = "test";attributes->ResourceSuffix["GetItem"] = "{item}";attributes->ResourceSuffix["PutItem"] = "{item}";attributes->ResourceSuffix["DeleteItem"] = "{item}";RegisterResource(__typeinfo(TTestResource1),

attributes.release());}


RAD Server:汎用の JSON REST API リソースベースの API

//C++(省略 )void TTestResource1::GetItem(TEndpointContext* AContext, TEndpointRequest* ARequest, TEndpointResponse* AResponse){

AResponse->Body->SetValue(new TJSONObject(new TJSONPair(ARequest->Params->Values["item"],ARequest->Params->Values["item1"])), false);

}//attributes->ResourceSuffix[“GetItem”] = “a/b/c/{item}/{item1}”; こんな事も可能


RAD Server:汎用の JSON REST API API 呼び出しアナリティクス


RAD Server: ユーザーログイン EMS上のユーザーを取得

procedure TForm1.Button7Click(Sender: TObject);begin BackendAuth1.Login;end;


RAD Server: ユーザーログイン EMS上のユーザーを取得


RAD Server: FireDAC FireDAC TFDQuery で取得したテーブル内容をクライアントで受け取る

EMS サーバーリソース

データベース


RAD Server: FireDAC FireDAC TFDQuery で取得

データベース

TFDConnectionTFDQueryTFDSchemaAdapterTFDStanStorageJSONLink


RAD Server: FireDAC FireDAC TFDQuery で取得

データベース

TFDConnectionTFDQueryTFDSchemaAdapterTFDStanStorageJSONLink

procedure TFdResource1.Get(const AContext: TEndpointContext; const ARequest: TEndpointRequest; const AResponse: TEndpointResponse);var stream_: TMemoryStream;begin stream_ := TMemoryStream.Create; FDSchemaAdapter1.SaveToStream(stream_, TFDStorageFormat.sfJSON); stream_.Position := 0; AResponse.Body.SetStream(stream_,'application/json', True);end;


RAD Server: Push 通知 TEMSProvider, TPushEvents iOS, Android Push 通知が行えます

EMS 開発サーバー (8080)

APN

Push 通知

Push 通知

Google

Apple


DEMO



機能• 汎用の JSON REST API• ユーザーログイン (TEMSProvider, TBackendAuth)• FireDAC(TEMSProvider, TBackendEndpoint,

TFDMemTable)• Push 通知 (TEMSProvider, TPushEvents)


既存アプリケーションを最新テクノロジーに適合させる方法


ビジュアル開発の生産性を広範なプラットフォームへ

WindowsMac OS iOS / Android

WearableIoT

Windows Store Apps


移行セミナーでアプリケーションの刷新について学ぼ

う！

「Delphi / C++Builder 業務アプリケーション刷新実践法」


業務システムの Windows10 対応の進め方

Windows10 では「Windows as a Service」という新しい概念が導入され、 OS のサポー

ト方針や新機能の追加タイミングが変わりました。

これにより業務システムでの Windows10 対応では今までと異なる進め方が求められます。

またタブレット向けの対応が進み、 UI についても様々な改良が行われました。

このような状況の元、業務システムの Windows10 対応の進め方や対応時期についてご案内

いたします。


BDE を使った業務アプリを移行ツールで最新化

BDE で Oracle や MS SQL等の RDBMS と接続する比較的大きな C/S システム・アプリケー

ションを移行するのは大変な作業に思えます。

しかし、そのまま使い続けるにはセキュリティリスクが発生すると共に、より発展的な開発

の足かせとなります。

BDE から最新の FireDAC へ対応させる変換ツール使って、より効率よく最新環境へ移行する

手法をお伝えします。

移行ツールで古いプロジェクトをリフレッシュして新資産として生かしましょう。


FireDAC や COM ポートを使った Unicode移行ポイン

ト

古いプロジェクトファイル拡張子 .bpr .cproj から 10.1Berlin への簡単な移行と、古

いマニフェストファイルから新しいマニフェストファイルへの移行方法を解説します。

また FireDAC を使用したデータベースアクセスで Unicode を使い、中国 /韓国 / アラビ

ア語などを表示・書込みさせる方法をご紹介。

ファクトリーオートメーションにおいて RS232C ポートをサードパーティ製COM コ

ンポーネントを使って Byte データ送信した場合の Unicode/ANSI 内容の違いなどをご

説明いたします。


本日のセミナー内容は弊社ブログに掲載予定

[ コミュニティ ] ↓

[ 日本人ブログ ]

実施内容の再視聴・サマリー

実施内容サマリー

• Community embarcadero ( コミュニティエンバカデロ ) に Web リンク、

サンプルコード情報等を記載予定

• URL - http://community.embarcadero.com/• 「エンバカデロ」で検索 → エンバカデロ Web の [ コミュニティ ] → [ 日本人ブログ ] を選択

「エンバカデロ」で検索

http://community.embarcadero.com/




まとめ

RAD Studio 10.1 Berlin の概要• マルチデバイス対応のビジュアル開発環境• 多様な RDBMS 、クラウドなどへの接続性• 多層化による拡張、マルチデバイス対応

Update 2 で追加された新機能

多様な接続性／拡張性を実現するミドルウェアソリューション RAD Server

既存アプリケーションを最新テクノロジーに適合させる方法


WEB セミナーRAD STUDIO 10.1 BERLIN UPDATE 2 ANNIVERSARY EDITION 新機能ガイド

THANKS!www.embarcadero.com/jp

webセミナー「rad studio 10.1 berlin update 2 anniversary edition 新機能ガイド」

Technology