© 2016 Embarcadero Technologies, Inc. All rights reserved. Proprietary and confidential.

第 2 回‟ ユーザーインターフェイス パーツ基礎„

シーズン１：わずかなプログラミングで完成！ 最初の一歩から始めてゲームを作ろう！

2© 2016 Embarcadero Technologies, Inc. All rights reserved. Proprietary and confidential.

Delphi / C++Builder Starter チュートリアルシリーズ

シーズン 1 ： 2016 年 10 月 24 日 ～ 12 月 26 日 全 10 回

時間 ：毎週 月曜 17 時 00 分 ~17 時 30 分

ねらい ：一から学んでゲーム制作までシーズン 1

第 1 回2016 年 10 月

24 日 無料で始めよう アプリ作成第 2 回 10 月 31 日 ユーザーインターフェイス パーツ基礎第 3 回 11 月 7 日 ユーザーインターフェイス パーツの配置第 4 回 11 月 14 日 UI アニメーションの設定第 5 回 11 月 21 日 イベントに合わせて動かしてみよう第 6 回 11 月 28 日 ミニゲームを作ってみよう

第 7 回 12 月 5 日 シューティングゲーム キャラクターを貼り付けよう そして動かそ

う第 8 回 12 月 12 日 シューティングゲーム 敵を動かしてみよう第 9 回 12 月 19 日 シューティングゲーム 敵を攻撃しよう そして完成第 10

回 12 月 26 日 あなたの近くのコミュニティ - 勉強会に参加してみようセミナー情報 ： 下記の Web サイトhttp://forms.embarcadero.com/starter-tutorial-webinar

3© 2016 Embarcadero Technologies, Inc. All rights reserved. Proprietary and confidential.

第 2 回 「ユーザーインターフェイス パーツ基礎」 今日のねらい

• ビジュアルコンポーネントを知る• ツールパレットの使い方• プロパティとは何か• サンプルコードについて

実施内容• ツールパレットからコンポーネントを配置• プロパティ設定を使う• 基本となるコンポーネントをサンプルコードで確認

4© 2016 Embarcadero Technologies, Inc. All rights reserved. Proprietary and confidential.

無料版 Delphi 10.1 Berlin Starter Edition 入手方法

• シリアルキーを知らせるメール内にも再ダウンロードリンク有• EDN* = Embarcadero Developers Network ( エンバカデロ デベロッパーズ ネット

ワーク )

エンバWeb 製品 Delphi Starter

バナー 登録 Get

無料で使える開発環境をダウンロード

EDN* に登録済の方は EDN アカウントでダウンロード可

登録完了後、自動でインストーラーのダウンロード開始

インストール時にシリアルキーを入力

登録時のメールアドレスにシリアルキーが配信される

5© 2016 Embarcadero Technologies, Inc. All rights reserved. Proprietary and confidential.

Delphi 10.1 Berlin の基礎

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

コードに集中

6© 2016 Embarcadero Technologies, Inc. All rights reserved. Proprietary and confidential.

ツールパレットからコンポーネントを追加してみよう ツールパレットから検索

コンポーネントをドラッグ＆ドロップ

プロパティの設定

どんな機能があるかを調べるには…

7© 2016 Embarcadero Technologies, Inc. All rights reserved. Proprietary and confidential.

コンポーネントの使い方＆覚え方 配置済コンポーネント またはツールパレットのコンポーネントを選択 選択状態で F1 キーをプッシュ 該当コンポーネントのヘルプ表示を参照

メソッド：使用できるメソッドとその使い方

プロパティ：各プロパティの意味と効果オブジェクトインスペクタの「プロパティ」で設定できるほかに、コード内でもプロパティを指定可能 ( 例： Edit1.text := テキスト‘ ; )

イベント：イベントと説明オブジェクトインスペクタ内の「イベント」から指定して該当イベントにコードを記述可能

8© 2016 Embarcadero Technologies, Inc. All rights reserved. Proprietary and confidential.

サンプルコードでコンポーネントを確認してみよう サンプルコード

• パーツの動作などを確認可能な実行可能なサンプルプログラム• プロパティの設定や、使い方を実際に確認してどのようなものか知る

サンプルコードの入手方法• インストール時• [ ツール ] – [ プラットフォームの管理 ] から追加オプション• インターネットからダウンロード

9© 2016 Embarcadero Technologies, Inc. All rights reserved. Proprietary and confidential.

参考資料 コンポーネント - プロパティ

• http://docwiki.embarcadero.com/RADStudio/Berlin/ja/プロパティ

サンプルコード• http://docwiki.embarcadero.com/RADStudio/Berlin/ja/サンプルの説明

Sourceforge （最新サンプルコードのダウンロード元）• https://sourceforge.net/p/radstudiodemos/code/HEAD/tree/branches/R

ADStudio_Berlin/

10© 2016 Embarcadero Technologies, Inc. All rights reserved. Proprietary and confidential.

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

[ コミュニティ ] ↓

[ 日本人ブログ ]

実施内容の再視聴 エンバカデロ Web サイト : https://www.embarcadero.com/jp/

• [ リソース ] – [ イベント ] のページに再視聴 ( オンデマンド）の情報記載予定

実施内容サマリー

• Community embarcadero ( コミュニティ エンバカデロ ) に Web リンク、サンプルコード情報等

http://community.embarcadero.com/

「エンバカデロ」で検索

11© 2016 Embarcadero Technologies, Inc. All rights reserved. Proprietary and confidential.

第 2 回 「ユーザーインターフェイス パーツ基礎」まとめ 今日のねらい

• ビジュアルコンポーネントを知る• ツールパレットの使い方• プロパティとは何か• サンプルコードについて

実施内容• ツールパレットからコンポーネントを配置• プロパティ設定を使う• 基本となるコンポーネントをサンプルコードで確認

12© 2016 Embarcadero Technologies, Inc. All rights reserved. Proprietary and confidential.

次回は11 月 7 日（月） 17:00 よ

り

“ ユーザーインターフェイス パーツの配置„