24th Developer Camp A4

Size: px

Start display at page:

Download "24th Developer Camp A4"

のぶのすけさわなか
4 years ago
Views:

1 17 Th Developer Camp A4 テクニカルセッション RAD Studio XE3 による Windows 8 開発 Embarcadero Technologies, Inc. Manager, Documentation and Localization 新井正広 1

2 17 Th Developer Camp 1 Windows 8 2

3 Windows 発売 3

4 Windows 8 今後発売される Windows 8 対応 PC の多くはタッチ対応 pcs 4

5 デスクトップアプリと Windows ストアアプリデスクトップとストアアプリは異なるランタイムの上で動作デスクトップアプリ Win32 API Windows 8 Intel x86 / x64 Windows ストアアプリ Windows Runtime Windows RT ARM 5

6 Windows ストアアプリ Windows ストアアプリ従来の Win32 アプリは動作しない Windows ストアからダウンロード購 Microsoft の審査後に公開不適切な API 法律約款への違反が無いかチェック社内向けアプリはストアを経由せずに配布可能 Windows 8 Enterprise + ドメイン参加が必須 6

7 Windows ストアアプリ共通の順を使したアプリ間の連携をサポート検索共有ライブタイルアプリケーションのステータスをリアルタイムで表アプリケーションの販売トライアル容易な配布更新 7

8 デスクトップアプリ Windows RT / ARM 環境では動作しない Windows 8 / Intel 環境でのみ動作 Windows 7 に対応できているのであれば特に問題は無いデータベースドライバなどの対応はベンダーによって異なる VCL, FireMonkey, Win32 API を利して開発 8

9 17 Th Developer Camp 2 タブレットタッチに対応 9

10 タッチ向けアプリケーションを構築するそのまえにたくさんの要素をひとつの画に配置しない細かいUIはそもそも選択できない凹凸のあるキーボードですら 19mmピッチが般的重要な選択肢ほどきく表間違って選択することを避ける重要ではない選択肢はさめでも可レビューの可能な限りそもそも UI 要素を省く 10

11 タッチ向けアプリケーションを構築するそのまえにユースケースシナリオを単純にする機能を増やすほど UI は複雑化するヘルプドキュメントをなくてもよい UI を設計するフローが単純であること結果を予測できること元に戻れること Windows 8 ストアアプリ向けデザインガイドはよい指針数多くのユースケースが詳細に検討されているスが詳細に検討されている 11

12 さな要素は選択できない 12

13 さな要素は選択できないタッチモードで画を少しきくしてみた例 13

14 画のきさの違い 14

15 ソフトウエアキーボードの使 15

16 タブレットタッチへの対応既存の UI をそのままタッチ向けに移するのは現実的 TMainMenu TPopupMenu TTreeView 異なるデバイスへの対応が必要ディスプレイ ( 画のきさ ) デバイス ( キーボードマウスタッチペン ) 複雑な階層メニューを作成することはほぼ不可能系のコンポーネントはきさ配置を再考する 16

17 17 Th Developer Camp RAD Studio XE3 を 3 利したタブレットタッチタッチへの対応 17

18 デスクトップアプリと Windows ストアアプリ Metropolis UI デスクトップアプリ Win32 API Windows 8 Intel x86 / x64 Embarcadero Prism Windows ストアアプリ Windows Runtime Windows RT ARM 18

19 Metropolis UI デスクトップアプリとして動作 Windows 8 スタイルのアプリ利環境は Windows 8 に限らない Windows 7, Vista, XP でも動作キーボードマウスタッチを操作をサポート可能既存の VCL, FireMonkey, Win32 資産を活かしつつタブレットタッチデバイス向けのアプリを作成サポートするフレームワーク FireMonkey VCL 19

20 Metropolis UI 動成されるテンプレート空のプロジェクトまたはグリッド形式のインデックス / 詳細ページ Esc キーまたは画下からのスワイプで表される AppBar Windows 8 スタイルのコンポーネント 20

21 Metropolis UI Windows 8 スタイルのコンポーネント TEdit 標準的な操作に対するグリフ表とアクションを追加 TListBox イメージとタイトルをボックスに表 TComboBox アイコンライブラリツールチップフライアウト 21

22 異なる画サイズ向きへの対応画をスクロールして残りのコンテンツを表する Windows 8 ストアアプリのスタイル最初からすべてを表することを期待しない 22

23 異なる画サイズ向きへの対応 (FireMonkey) FormFactor プロパティを使する事前に複数の画サイズ向きのフォームを定義 Application.CreateForm(TLargeForm, LargeForm); Application.CreateForm(TSmallForm, t llf SmallForm); Application.RegisterFormFamily('DetailView', [TLargeForm, TSmallForm]); 実時にデバイスにあわせてフォームを選択 procedure TGridViewForm.ItemClick(Sender: TObject); var Form: TCommonCustomForm; begin Form := Application.GetDeviceForm('DetailView'); if Assigned(Form) then Form.Show; end; 23

24 ジェスチャを利する対話型ジェスチャズーム回転など InteractiveGesture を選択 OnGesture イベントを実装ジェスチャをっている間イベントが発し続ける標準ジェスチャ上下矩形など TGestureManager, TActionList コンポーネントを利個別のジェスチャが認識されたときにアクションを実 24

25 Metropolis UI VCL と FireMonkey のどちらを選ぶべきか VCL 過去のコードとの互換性はい特にデータベースアクセス TTouckKeyboard が提供されている (Win XP にも対応 ) FireMonkey 異なる画サイズへの対応は容易 Zoom (Scale) FormFactor 25

26 Metropolis UI ライブタイルのサポート (Windows 8 のみ ) アプリケーションからの最新情報をタイルに表可能ビルド済みの Windows Runtimeで動くアプリ TLiveTile コンポーネントを通じてタイル上のアプリと連携 26

27 ライブタイルの配布配布可能な環境 Windows 8 Enterprise ドメインへの参加配布すべきモジュール作成したデスクトップアプリケーションプロジェクトフォルダにある.appx ファイル <BDS> bin livetile 以下にあるバイナリ式 Embarcadero.Metropolis.LaunchAgentHost.exe を実サービスを登録 (InstallTileSvc.bat).appx ファイルは適切な署名が必要 27

28 17 Th Developer Camp 3 Embarcadero Prism を使した Windows ストアアプリ 28

29 Windows Store アプリの基本 XAML & コードビハインド (.pas) で構成アプリケーション Windows.UI.Xaml.Application クラスを拡張ページ Windows.UI.Xaml.Control.Page クラスを拡張イベントハンドラをパーシャルクラスを使して実装 29

30 Windows Store アプリの基本サンドボックスモデルを使しているアプリケーションが使する機能を宣ユーザーが承認ドキュメントへのアクセス位置情報ネットワークアクセス Web カメラ 30

31 Windows 8 で提供されているサービスを利するどのコントラクトを使するかを宣コントラクトに対するイベントを記述 31

32 17 Th Developer Camp 3 配布 Windows ストアアプリの 32

33 アプリケーションの配布基本的に Windows Store で配布する社内アプリの場合には Windows 8 Enterprise + ドメイン参加が必須事前に署名する ( 配布先でそのまま署名が確認できる ) ドメイン管理者が必須アプリとして配布するシナリオ PowerShell Script を使する 33

34 17 Th Developer Camp Q& A 34

25th Developer Camp

25th Developer Camp B5 Delphi/C++Builder ild テクニカルセッションエンバカデロテクノロジーズエヴァンジェリスト高橋智宏 B5 VCL ユーザーのための FireMonkey 入門はじめに FireMonkey とは? FireMonkey と VCL アプリケーションの外観 FireMonkey の便利なコンポーネント FireMonkey HD/3D アプリケーションデータベースアプリケーション