RAD Studioで始めるマルチデバイス・クロスプラットフォーム開発ワークショップ

RAD STUDIOで始めるマルチデバイス
クロスプラットフォーム開発ワークショップ
2017年5月18日（木）17:00～19:00
エンバカデロ・テクノロジーズ

2© 2017 Embarcadero Technologies, Inc. All rights reserved. 本文書の一部または全部の転載を禁止します。本文書の著作権は、著作者に帰属します。
はじめに
• RAD Studioは、Windows、macOS、iOS、Androidの4つのプラットフォーム向けの
ネイティブアプリケーションを効率的に構築できるビジュアル開発ツールです。
• 統合開発環境のRAD Studioを用いることで、C++またはDelphiといった開発言語を
使用し、複数デバイス向けの高性能アプリケーションを、一つのソースコードと、
一つの基本UI設計ですばやく開発することができます。
• このセミナーでは、マルチデバイス／モバイル開発のポイントを抑えながら、
RAD Studioを用いてどのように実際の開発作業を行うのかを、演習を通して学びます。

本日のプログラム
• クロスプラットフォーム開発環境の概要 : 30分
• 休憩 : 10分
• モバイル開発体験 : 80分
• Q & A : スタッフに随時＆セッション終了後も
所要時間 120分

本日のセミナー内容は
弊社ブログに掲載予定
[コミュニティ]
↓
[日本人ブログ]
実施内容のサマリーと再確認
• 実施内容サマリー
• Community embarcadero (コミュニティエンバカデロ)にWebリンク、
サンプルコード情報等を記載予定
• URL - http://community.embarcadero.com/
• 「エンバカデロ」で検索 → エンバカデロWebの[コミュニティ] → [日本人ブログ]を選択
「エンバカデロ」で検索

エンバカデロと
DELPHI / C++BUILDER /RAD STUDIO

エンバカデロと 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 を開発
• クロスプラットフォーム開発とマルチデバイス対応を推進
2017年3月
RAD Studio 10.2
Linux Server 対応

マルチデバイス・クロスプラットフォーム開発とは
• クロスプラットフォーム：複数のOS対応をはかる
• 複数のOS向けの開発を実施（同時に実施できればなおよい）
• 複数のOS向けのUI,コンポーネント、開発環境、開発言語に対応
• 対応となるOS例: Windows, iOS, Android, macOS
• 上記OS対応の開発環境: Visual C#, Xcode, Android Studio, Eclipse, RAD Studio
• 使用開発言語例: C++, C#, Swift, Objective-C, Java, Delphi(Object Pascal)
• マルチデバイス：多様なデバイス対応をはかる
• 多様なデバイス向けの開発を実施（同時に実施できればなおよい）
• 多様なデバイス向けのUIに対応
• タブレット、デスクトップ、2-in-1, スマートフォン、ウォッチ…

マルチデバイス・クロスプラットフォーム開発
DELPHI / C++BUILDER

Delphi / C++Builder の特徴
統合開発環境 Delphi / C++Builder で行うアプリ開発
覚えやすく、習得ノウハウを生かせる2言語対応: Delphi (Object Pascal) と C++
単一のソースコードで複数のOSに対応
一つのマスタUI 設計で、マルチデバイス開発
クラウド、データベース、IoTやビーコンとの接続が容易に
中間サーバーの構築とマルチデバイス接続環境の構築も考慮に
ビジュアル開発によるドラッグアンドドロップで開発

効率的な統合開発環境
• 統合開発環境 (IDE = Integrated Development Environment)
• ビジュアル開発を実現するVCL, FireMonkey フレームワーク
• コンポーネントを使ったドラッグアンドドロップを中心に開発可能
コンポーネ
ントで開発
効率アップ
コード
に集中
UI簡単
設計

効率的な開発を支えるコンポーネントフレームワーク
Windows向けクロスプラットフォーム
Windows APIをカプセル化し、
Windowsの機能を最大限活用
単一のコードで
マルチデバイス開発が可能
コンポーネ
ントで開発
効率アップ

FireMonkeyフレームワークを使ってできること
Windows アプリ: GUIアプリ、コンソール、サーバアプリ、DLL、サービス…
macOS X アプリ
iOS アプリ
Android アプリ
 本日はAndroidでアプリワークショップを実施
 同じコードで複数のOS向けのアプリを構築可能

なぜ一つのコードで複数のOSに対応可能か？
 マルチデバイスデザイナのマスターUIで異なる解像度、配置を吸収
 各OSのUIパーツは独自にOpenGLによって自前で描画
 FireMonkeyがOS毎に異なる動作を吸収・抽象化
 各プラットフォーム向けのコンパイラが最適な実行ファイルにビルド
Delphi / C++言語
FireMonkeyフレームワーク
FireUIマルチデバイスデザイナ

アプリ開発におけるクロスプラットフォーム開発のメリット
モバイル・スマホを
使うケースの増加
対応OSの増加
デバイスの多様化
ディスプレイの
多様化
ユーザー多様化
操作方法の
変化
OS別の開発の必要性
複数の開発環境
コードの用意
工数削減！工数増大！

FireUIで複数の画面サイズ対応を図り開発効率をアップ
1つのマスターデザインから
解像度の異なる各デバイス・画面にフィット
 マスターデザインを設計・継承して各デバイスへ
• 配置プロパティで異なるデバイスでも適切に表示できるように設計しましょう！
• Align （ワークショップで紹介します）
• Margins / Padding （弊社ブログなどをご参照ください）
• より詳細な設計を要する場合には、デバイスごとに独自カスタマイズも可能

FireUI アプリライブプレビュー
 編集中のUIをデバイスにリアルタイム表示
• モバイル＆デスクトップ両対応
• リアルタイムに変更点を反映
• 同時に複数のデバイスで表示可能
• ※UI表示用アプリのソースコード添付

覚えやすく、習得ノウハウを使える2言語対応
順位プログラミング言語インデックス値昨年(2016 Mar) 順位
1 Java 16.384% 1
2 C 7.742% 2
3 C++ 5.184% 3
4 C# 4.409% 4
5 Python 3.919% 5
6 Visual Basic .NET 3.174% 7
7 PHP 3.009% 6
8 JavaScript 2.667% 8
9 Delphi/Object Pascal 2.544% 11
10 Swift 2.268% 14
11 Perl 2.261% 9
12 Ruby 2.254% 10
13 Assembly language 2.232% 12
14 R 2.016% 16
TIOBE Programming Community
Index 2017 March より引用。
TOIBE PCI:複数の検索エンジンの
検索結果から、対象となる
プログラミング言語がどれだけ
話題になっているか
インデックス化したもの。
現在約150の言語を計測。
 言語習得が容易・言語ノウハウを生かせる
• C, C++スキルをもった開発者が即時にC++Builderを使える
• 教育向け言語Pascalを基としたObject Pascalは見た目に美しく覚えやすい
https://www.tiobe.com/tiobe-index/

 1995年にDelphiとして発売
 教育向け言語 Pascal を母体としたオブジェクト指向言語
 毎年1回以上のアップデートを継続
 最先端のマルチデバイス開発環境
 OSごとのコンパイラを搭載
オブジェクト指向言語 Delphi – Object Pascal

Delphi / C++ プログラム言語を使用するメリット
 クロスプラットフォーム開発との相乗効果
• 一つの言語：習得しやすいDelphiもしくは既得言語のC++を使用可能
• 早期にプロジェクトの立ち上げが可能に
 コンポーネントを使用したビジュアル開発との相乗効果
• 視覚的操作で容易かつ効率的＆生産性が高い
• 言語、UI設計共に、美しく、理解しやすく、早期にスキル習得と開発が可能

どんなアプリを作るのか
どんなアプリのタイプにするのか

InterBase
単体アプリローカルDB
アプリ
Androidスタンドアロン型
リモートデータベース
アプリ
iOSスタンドアロン型
Androidローカルストレージ型
iOSローカルストレージ型
AndroidリモートDB型
iOSリモートDB型
IBLite
SQLite

クライアント＋アプリ + 中間サーバー＋リモートデータベース
InterBase
中間サーバー
モバイル
クライアント
RDBMS
RAD Server
DataSnap
Windowsクライアント
macOSクライアント
ロジックを
受け持つ
UI側を
受け持つ

中間サーバー
IoTデバイス
モバイル
クライアント
ビッグデータ
デスクトップクライアント
HTTP(S)
REST
JSON HTTP(S)
REST
JSON
HTTP(S)
REST
JSON
クラウドサービス / mBaaS
RAD Server
複合したビジネスモデル例
レガシーシステム
独自のプロトコルで接続
RDBMS
典型的なC/Sシステム

Beaconアプリの基本的な活用例
アプリ
Beacon信号を
トリガとして
利用
電波の発信のみ
サーバー
Or
クラウド
http(s)
Bluetooth
分析
アプリ
Beacon・位置上に合わせて
提供するデータ
より高度なデータ活用
 BeaconはIDと近接情報を一方的に送信するのみなので…
• 受信デバイス（スマホ等）で処理して初めて意味を持つ
• ビーコン情報をもとにサーバーからデータを取得

BeaconFence（固定ビーコンによる位置測位ソリューション）
 ビーコンを用いた三辺測量による
位置測位機能を提供
 ビーコンの配置を含む
マップをビジュアルに管理
 BLEビーコンの電波を受信する
TBeaconコンポーネントを搭載

デバイスを利用するなら…
31
 センサーコンポーネントの一例
• GPS： Location Sensor
• 加速度センサ：Motion Sensor
• ジャイロスコープ：Orientation Sensor
 メディアライブラリを利用
• カメラロールへのアクセス：TakePhotoFromCameraアクション
• フォトライブラリへのアクセス: TakePhotoFromLibraryアクション

データベースアクセス
32© Copyright 2015 Embarcadero Technologies, Inc. All Rights Reserved
 モバイルアプリにおけるデータベースアクセス
• ローカルストレージへ保存
• InterBaseまたはSQLiteを利用可能
• コンポーネントによる容易なアクセスを提供
• リモートのデータベースへ保存
• InterBaseであればモバイルアプリからリモートDBに直接アクセスすることも可能
• 一般的には中間サーバーを経由してアクセス（EMS、DataSnapを利用して構築）

DBMS
FireDAC
Delphi/C++Builder
データベース接続
FireMonkey および VCL
非ビジュアルコンポーネント[Comp] ビジュアルコンポーネント/フォーム [GUIx]
ローカルストレージ [DatS]
データアダプタ [DApt]
デバッグ/パフォーマンスモニタ
[Moni]
ネイティブドライバ [Phys] ブリッジドライバ [Phys]
Oracle DB2
MS
SQL
InterBase
Firebird
PG
SQL
My
SQL
Sybase
ASA
SQLite
MS
Access
ODBC dbExp
DBMSクライアントソフトウエア
Oracle DB2
MS
SQL
InterBase
Firebird
PG
SQL
My
SQL
Sybase
ASA
SQLite
MS
Access
Sybase
ASE
Informix …
ODBCODBCdbExpress
ドライバ
ODBCODBCODBC
ドライバ
FireDACがDBへのアクセスをコンポーネントとして提供

クラウドサービスを利用するとき
 AWSおよびAzureなどのクラウドサポート
• ストレージ、テーブル、キューにアクセス可能
 BaaSプロバイダ
• Parse、Kinveyなどをサポート
 データアクセスのためのREST / HTTPクライアントライブラリも利用可能
• REST / HTTPとJSONを利用するコンポーネントを使ってアクセス
 NoSQLデータベースコンポーネントもサポート
• MongoDBをフルサポート

ThingConnect IoTコネクティビティフレームワーク
• 簡単に使えるAPIコンポーネントで50以上のIoTスマートデバイス、センサー、
ウェアラブルをサポート

クライアント＋アプリ + 中間サーバー＋リモートデータベース
InterBase
中間サーバー
モバイル
クライアント
RDBMS
RAD Server
DataSnap
macOSクライアント

Delphi /C++Builder DataSnap
DataSnapはApacheやIIS(ISAPI)などのModuleとして動作し
スタンドアロンサーバーとしても利用可能なサーバロジック構築ツール
DataSnapスタンドアロンサーバー
//Delphi
function TServerMethods1.EchoString(Value: string): string;
begin
Result := Value;
end;
Windowsデスクトップ
C++Builderアプリケーション
Delphi

多層開発を容易に
Delphi同様の使いやすさを誇る、多層アプリケーション向けサーバロジック開発
RAD Studio、Delphi、C++Builderでデ
スクトップやモバイルプラットフォー
ム向けに最適化されたUXフォームを素
早く構築
クライアント UXの構築
展開
サーバーAPI エンドポイントの作成
統合
アプリケーションサービスの追加
オンプレミスの自社Windowsサーバー上や、
Amazon、 Rackspace、Azure クラウドサー
ビスを利用したクラウドホスティングにRAD
Serverを展開可能
RAD ServerにサーバーサイドのDelphi / C++
コードを配置。クライアント用のREST/JSON
APIエンドポイントを自動生成
RAD Serverとエンタープライズデータベース、ク
ラウドサービス、 IoT デバイスを接続。アプリ
ケーションを容易に拡張
ユーザー及びAPI アクセス制御ルールを追加可能。
ビルトインのセキュアデータストアを用いたデー
タ永続性を確立
管理
APIとユーザーを管理し、ビルトインRAD
Server アプリケーション管理ポータルを経
由して利用状況やAPIアクティビティを分
析
ユーザーの追加
RAD ServerポータルまたはLDAPからのインポートにより、ユーザーグループを構成し、ユーザーを
追加可能。APIアクセス権限を付与して、各ユーザーグループがアクセスできる機能を制御
{API}

RAD Server: Push通知
• TEMSProvider, TPushEvents
 iOS, Android Push通知が行えます
EMS開発サーバー(8080)
APN
Push通知
Push通知
Google
Apple

Delphi / C++Builder の特徴

モバイル開発の具体的な準備

モバイルデバイス開発環境セットアップ方法
• エンバカデロWeb ： https://www.embarcadero.com/jp/
• [ 製品 ] – [ RAD Studio ] – [ ビデオ ]
• 「インストール」セクションにビデオ説明と関連ブログ掲載
• iOSデバイス、macOS向けアプリ開発の環境設定を行う
• Android向けアプリ開発の環境設定を行う
• エンバカデロブログ
• 【入門】iOSアプリ開発をDelphi/C++Builderで始めるためのファーストステップ [JAPAN]
• https://community.embarcadero.com/blogs/entry/ios-delphi-c-builder-japan
• Android向けアプリ開発の環境設定を行う [JAPAN]
• https://community.embarcadero.com/blogs/entry/howto-configure-android-app-development-japan

どんな機能があるかを調べるには…
• 記載のリンクはエンバカデロのDockWikiへのリンク
• DockWiki ： http://docwiki.embarcadero.com/
• 入門
• チュートリアル
• サンプルコード
• コンポーネントの使い方

THANKS!
www.embarcadero.com/jp

RAD Studioで始めるマルチデバイス・クロスプラットフォーム開発ワークショップ

RAD Studioで始めるマルチデバイス・クロスプラットフォーム開発ワークショップ

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (20)

Similar to RAD Studioで始めるマルチデバイス・クロスプラットフォーム開発ワークショップ

Similar to RAD Studioで始めるマルチデバイス・クロスプラットフォーム開発ワークショップ (20)

More from Kaz Aiso

More from Kaz Aiso (9)

RAD Studioで始めるマルチデバイス・クロスプラットフォーム開発ワークショップ

Editor's Notes