DELPHI BOOT CAMP / DELPHIでビジュアル開発に挑戦しよう ◆ DAY1: Delphiで作るはじめてのアプリケーション

© 2016 Embarcadero Technologies, Inc.
All rights reserved. Proprietary and confidential.
Delphi Boot Camp
Delphiでビジュアル開発に挑戦しよう
2016年9月12日（月）～15日（木）

© 2016 Embarcadero Technologies, Inc.
All rights reserved. Proprietary and confidential.
DELPHI BOOT CAMP
DELPHIでビジュアル開発に挑戦しよう
Day 1 :
Delphiで作るはじめてのアプリケーション

3© 2016 Embarcadero Technologies, Inc. All rights reserved. Proprietary and confidential.
Delphi Boot Camp
Day 4：「Delphiモバイルアプリ開発事始め」
2016年9月15日（木）16:00～17:00
対象：Delphi初心者、中級者
必要な開発環境：Delphi Professional ＋ Mobile Add-On Pack以上
Day 3：「Delphiプログラミングを学ぼう」
2016年9月14日（水）16:00～17:00
必要な開発環境：Delphi Starter以上
Day 2：「DelphiでUI設計のポイントを学ぼう」
2016年9月13日（火）16:00～17:00
Day 1：「Delphiで作るはじめてのアプリケーション」
2016年9月12日（月）16:00～17:00
対象：Delphi初心者

Day1:「Delphiで作るはじめてのアプリケーション」アジェンダ
 セミナー対象: Delphi 初心者
 16:00~ 約1時間
• 無料版 Delphi Starter Edition
• Delphi 10.1 Berlin について
• こんにちは！ Delphiで作る初めてのアプリ
• Delphiの特長を生かした簡単開発（ビジュアル開発）
• Delphiを使って学ぶコツ
• Delphi Starter のその先

実施内容の再視聴
 実施内容のビデオは後日再視聴可能
• 申し込みメールアドレスに再視聴のリンク
 実施内容サマリー
• Community embarcadero (コミュニティエンバカデロ)にWebリンク、
サンプルコード情報等 : http://community.embarcadero.com/
 エンバカデロWebサイト
• [リソース] – [イベント]のページに再視聴(オンデマンド）の情報記載予定

無料版 Delphi 10.1 Berlin Starter Edition 入手方法
• シリアルキーを知らせるメール内にも再ダウンロードリンク有
• EDN* = Embarcadero Developers Network
エンバ
Web
製品 Delphi
Starter
Edition
100%Off
登録 Get
インストール時にシリアルキーを入力
登録時のメールアドレスでシリアルキーを受信
登録完了後、自動でインストーラーのダウンロード開始
EDN*に登録済の方はEDNアカウントでダウンロード可
 無料ダウンロードは2016年8月22日～9月15日までの期間限定

Delphi 10.1 Berlin とは
 統合開発環境
• Delphi (Object Pascal) によるアプリ構築を効率的に行える環境を提供
Delphi 10.1 Berlin
👀 ビジュアルツール (コンポーネント) 👀
UI フォーム
エディタ
コード
エディタ
コンパイラデバッガ

統合開発環境 Delphi 10.1 Berlin でできること
 単一コードでマルチデバイス* アプリを構築
Windows アプリ: GUIアプリ、コンソール、サーバアプリ、DLL、サービス…
Mac OS X アプリ
iOS アプリ
Android アプリ
※Starter Edition では32bit Windowsアプリのみ

単一ソースでマルチデバイス開発
モバイル・スマホが
使用されるケースの増加
対応OSの増加
デバイス多様化
ディスプレイの
多様化
ユーザー多様化に対応
入力・操作方法の
変化
OS別の開発の必要性
複数の開発環境・
コードの用意
工数削減！工数増大！
※Starter Edition では32bit Windowsアプリのみ

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

Delphi のエディション
https://www.embarcadero.com/jp/products/delphi/product-editions
エンバガデロ
ホームページ
製品 Delphi
製品
エディション

Delphi で作るはじめてのアプリ
 ポイント
FireMonkeyアプリケーションの新規作成
アプリケーションの実行
コンポーネントのドラッグ＆ドロップ
イベントハンドラの記述
プロパティの設定
procedure TForm1.Button1Click(Sender: TObject);
begin
ShowMessage('こんにちは');
end;

Delphi 10.1 Berlin の基礎
コンポーネ
ントで開発
効率アップ
コード
に集中
UI簡単
設計

2種類のコンポーネントフレームワーク
Windowsのみ Windows以外も
Windows APIをカプセル化し、
Windowsの機能を最大限活用
単一のコードで
マルチデバイス開発が可能
コンポーネ
ントで開発
効率アップ

VCLの仕組み（Visual Component Library)
 Widows APIを隠蔽
• OSバージョンの差もVCLレベルで吸収
• 必要に応じてAPI呼び出しなどの低レベルコードも記述可能
Delphi 言語（またはObject Pascal）
VCL
Windows API
Wintel Platforms

FireMonkeyフレームワークの仕組み
 コンポーネントフレームワークがOSの差異を吸収
• Windows, Mac OS X, iOS, Androidに対応
• スタイルを用いることで異なるルック＆フィールに対応
Delphi 言語（またはObject Pascal）
FireMonkeyフレームワーク
FireUIマルチデバイスデザイナ

はじめての Delphi（マルチデバイス編）
FireMonkeyアプリケーションの新規作成
アプリケーションの実行
コンポーネントのドラッグ＆ドロップ
イベントハンドラの記述
プロパティの設定
この演習はDelphi Starterでは行うことができません。

マルチデバイスアプリケーション実行のしくみ
Macマシン(OS X)用
実行&デバッグ用ブリッジ（PAServer）
OS Xアプリ
リモート
PAServer = リモートデバッガプロセス
IDEとOS Xプロセスを仲介する役目
Delphi
10.1
Berlin
 PAServer(プラットフォームアシスタントサーバー)
• Windows / Macにインストールして動作
• Win64, OS X, iOS, Androidアプリケーションの配置
• 実行、デバッグをサポート

マルチデバイスでアプリケーションを実行する

コンポーネントを上手に使うコツ
 コンポーネントの選択
（絞り込みが便利）
 プロパティの設定
（絞り込みが便利）
 どんな機能があるかを調べるには…
 レイアウト

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

コンポーネントの配置とレイアウト基礎
 パーツレイアウト
• Anchors (アンカー)
• Alignments (アライメント)
• Padding (パディング)
• Margin (マージン)
http://embt.co/firemonkey-layout

Anchors（アンカー）
 親項目のエッジと関連付けて位置を設定
▪ Top
▪ Bottom
▪ Left
▪ Right
 デフォルトは、Top, Left
 親項目のサイズ変更に追従して位置が変化
 いずれのコントロールも 0 ～ 4 個のアンカーを設定可能
http://embt.co/firemonkey-anchors

Align（アラインメント）
 コントロールを親項目内に整列（デフォルトは None）
• エッジに寄せて全体に表示
• Top, Bottom, Left, Right
• 親項目内で最大化（ただし縦横比を維持）
• Fit, FitLeft, FitRight
• 親項目の一辺に寄せて最大化
• MostBottom, MostTop, MostLeft, MostRight
• 一方向のみをリサイズ（WidthまたはHeight）
• Vertical, VertCenter, Horizontal, HorzCenter
• その他
• Client, Center, Contents, Scale
http://embt.co/firemonkey-alignlayout

Margins / Padding（余白）
 Margins
▪ 項目間（および親項目）の余白
http://embt.co/firemonkey-margins
 Padding
▪ 親から見た子項目に対する余白
http://embt.co/foremonkey-padding

レイアウトの実践（デモ）
 コンポーネントのレイアウトを制御してみよう！
マルチデバイスアプリケーションの新規作成
複数のコンポーネントをドラッグ＆ドロップ
オブジェクトのプロパティで位置指定
コンポーネントの「親 - 子」関係を設定

少し複雑なプログラミングに挑戦してみよう
 FireMonkeyでアンケートアプリ作成に挑戦
TLabel
TEdit
TComboEdit
TRadioButto
TButton
TGroupBox
 ツールパレットから配置
 コントロールの親子関係を設定
 フォームエディタで位置調整
 プロパティで表示名を変更

少し複雑なプログラミングに挑戦してみよう
 Button1 の OnClickイベントを記述
• 入力されたアンケートの結果を表示しよう
 if ~ else文
 コード内でコンポーネントのプロパティを使う
 文字列の連結
procedure TForm2.Button1Click(Sender: TObject);
begin
if RadioButton1.IsChecked then
ShowMessage(Edit1.Text + '：' + ComboEdit1.Text + '：' + '男性')
else
ShowMessage(Edit1.Text + '：' + ComboEdit1.Text + '：' + '女性');
end;

デバッガでプログラムの実行をトレースする
 ビジュアルデバッガ
• ステップ実行
• 変数の監視
• マルチデバイスアプリケーションのリモートデバッグも可能（Pro以上）
 アプリケーションを［デバッグ実行］
• ブレークポイントを設定することで特定の行でプログラムを一時停止
• ［トレース実行］
• ［ステップ実行］

Delphi で作成できるアプリケーション形態（１）
RDBMS
Windowsクライアント
Windowsデスクトップ
Windowsデスクトップ
OS Xデスクトップ
1) デスクトップアプリケーション
2) デスクトップDBアプリケーション
3) クライアントサーバーアプリケーション

Delphi で作成できるアプリケーション形態（２）
RDBMS
Windowsクライアント
典型的なC/Sシステム
レガシーシステム
独自のプロトコルで接続
中間サーバー
IoTデバイス
モバイル
クライアント
ビッグデータ
デスクトップ
クライアント
HTTP(S)
REST
JSON
HTTP(S)
REST
JSON
HTTP(S)
REST
JSON
クラウドサービス
RAD Server

Day1:「Delphiで作るはじめてのアプリケーション」アジェンダ
 セミナー対象: Delphi 初心者
 16:00~ 1時間
• 無料版 Delphi Starter Edition
• Delphi 10.1 Berlin について
• こんにちは！ Delphiで作る初めてのアプリ
• Delphiの特長を生かした簡単開発（ビジュアル開発）
• Delphiを使って学ぶコツ
• Delphi Starter のその先

実施内容の再視聴
 実施内容のビデオは後日再視聴可能
• 申し込みメールアドレスに再視聴のリンク
 実施内容サマリー
• Community embarcadero (コミュニティエンバカデロ)にWebリンク、
サンプルコード情報等 : http://community.embarcadero.com/
 エンバカデロWebサイト
• [リソース] – [イベント]のページに再視聴(オンデマンド）の情報記載予定

Delphi Boot Camp
Day 4：「Delphiモバイルアプリ開発事始め」
2016年9月15日（木）16:00～17:00
必要な開発環境：Delphi Professional ＋ Mobile Add-On Pack以上
Day 3：「Delphiプログラミングを学ぼう」
2016年9月14日（水）16:00～17:00
Day 2：「DelphiでUI設計のポイントを学ぼう」
2016年9月13日（火）16:00～17:00
Day 1：「Delphiで作るはじめてのアプリケーション」
2016年9月12日（月）16:00～17:00
対象：Delphi初心者

DELPHI BOOT CAMP / DELPHIでビジュアル開発に挑戦しよう ◆ DAY1: Delphiで作るはじめてのアプリケーション

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (8)

Similar to DELPHI BOOT CAMP / DELPHIでビジュアル開発に挑戦しよう ◆ DAY1: Delphiで作るはじめてのアプリケーション

Similar to DELPHI BOOT CAMP / DELPHIでビジュアル開発に挑戦しよう ◆ DAY1: Delphiで作るはじめてのアプリケーション (20)

Recently uploaded

Recently uploaded (8)

DELPHI BOOT CAMP / DELPHIでビジュアル開発に挑戦しよう ◆ DAY1: Delphiで作るはじめてのアプリケーション

Editor's Notes