2013 11-09 デスクトップ・アプリの価値を高めるモダン化
-
Upload
hiroyuki-mori -
Category
Documents
-
view
1.225 -
download
5
description
Transcript of 2013 11-09 デスクトップ・アプリの価値を高めるモダン化
![Page 1: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/1.jpg)
デスクトップ・アプリの価値を高めるモダン化アプリの評価を +1 するために。
森 博之Microsoft MVP – Visual C#
極東IT-EngineersRIAアーキテクチャ研究会
![Page 2: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/2.jpg)
自己紹介
• 森 博之(もり ひろゆき)• MS開発技術を専門としたフリーランスエンジニア
• Microsoft MVP for Visual C#
• 極東IT-Engineers 代表/RIAアーキテクチャ研究会/その他
• ブログ:もり ひろゆきの日々是勉強
• http://moriblog.kit-eng.com
• Windows8対応[基本+実用]
Windowsストアアプリ開発入門 好評発売中!
2013/11/09第4回 業開中心会議
![Page 3: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/3.jpg)
AGENDA
• モダンアプリケーション
• デスクトップアプリケーション技術振り返り
• デスクトップアプリのモダン化
2013/11/09第4回 業開中心会議
![Page 4: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/4.jpg)
モダンアプリケーションITトレンドとVISUAL STUDIO2013
![Page 5: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/5.jpg)
時は平成25年…
• Windows 8.1リリース!
• PC環境は進化!
• Visual Studio 2013リリース!
• そして、開発環境も進化!
![Page 6: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/6.jpg)
WINDOWSに求められた進化
• 効率的なリソース活用• Bootエクスペリエンスやコピー・移動・削除エクスペリエンスの向上
• IPv6
• IVS/IVD
→OS基本機能への機能・エクスペリエンス向上
• 高度になったハードウェアへの対応• タッチエクスペリエンス
• 高解像度化
→ITトレンドに連携した機能向上
2013/11/09第4回 業開中心会議
![Page 7: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/7.jpg)
昨今のITトレンド
「モダンアプリケーション」ユーザーエクスペリエンスにも影響
2013/11/09第4回 業開中心会議 7
キーワード
クラウド ~ as a Serviceに代表するクラウドサービス
ソーシャルネットワークサービス 社会的な関係を持つネットワークをインターネット上で構築するサービス
ビッグデータ 巨大で複雑なデータに対する収集・取捨選択・保管・検索・共有・転送・解析・可視化など
モバイル スマートフォン・タブレット・ノートPCなどのデバイス類
Natural User Interface(NUI) 人間の五感や人間が自然に行う動作によって機械等を操作するためのインターフェース
![Page 8: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/8.jpg)
ユーザーエクスペリエンス(ユーザー体験)とは
• UX is not UI
• UXとはアプリを利用することにより得られる体験
→UIがよくてもUXがよいとは限らない
• UIはUX一部となることもある
→UIデザインについて知ることも重要
2013/11/09第4回 業開中心会議
![Page 9: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/9.jpg)
UIデザインユーザーとのコミュニケーションに必要なアーキテクチャ
2013/11/09第4回 業開中心会議
![Page 10: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/10.jpg)
UIデザインとは
• デザイン(design)
• 【名】設計、配置、図柄、模様、計画…
• 【動】 設計する、考案する、策定する
• UIデザイン
• ユーザーとの間におけるビジュアル(視覚)やインタラクション(対話)を設計すること
2013/11/09第4回 業開中心会議
![Page 11: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/11.jpg)
ビジュアル+インタラクション
• ビジュアル
• 配置
• 色• タイポグラフィ
• インタラクション
• 5次元要素
• インタラクションの質
2013/11/09第4回 業開中心会議
![Page 12: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/12.jpg)
配置
• 近接• 対象を近づけたり、遠ざけたりすることで対象同士の関係性を表現する
• 整列• 要素と要素を結びつける透明な線により表現する
• 反復• 関係や線を協調する一貫性を提供する
• コントラスト• 異なる要素であることを明確に表現する
2013/11/09第4回 業開中心会議
![Page 13: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/13.jpg)
近接
2013/11/09第4回 業開中心会議
![Page 14: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/14.jpg)
整列
2013/11/09第4回 業開中心会議
![Page 15: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/15.jpg)
反復/コントラスト
2013/11/09第4回 業開中心会議
![Page 16: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/16.jpg)
このように…
• UIデザインの理論を知ることでアプリの表現力を+1することもできる。
• これ以外にもいろいろな理論が存在する
• 色、タイポグラフィ、言葉、視覚表現、時間など…
2013/11/09第4回 業開中心会議
![Page 17: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/17.jpg)
デスクトップアプリケーション技術振り返りWINDOWS FORMS, WPF, WINDOWS STORE APPS
2013/11/09第4回 業開中心会議
![Page 18: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/18.jpg)
今時のデスクトップアプリ
• Windows Forms
• 定番クライアント技術
• Windows Presentation Foundation(WPF)
• 次世代クライアント技術
• Windows Store アプリ
• Win8/8.1デバイス上で動作するアプリ
2013/11/09第4回 業開中心会議
![Page 19: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/19.jpg)
WINDOWS FORMS
• Windows 95と併せて登場
• ベース技術としては十数年選手
• 手軽に行えるプログラミング手法から現在も現役で利用されて続けている
• デメリット
• 既にメンテナンスモード
• 最新技術への未対応も…。
2013/11/09第4回 業開中心会議
![Page 20: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/20.jpg)
DEMONSTRATION
2013/11/09第4回 業開中心会議
![Page 21: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/21.jpg)
WINDOWS PRESENTATION FOUNDATION(WPF)
• .NET Framework 3.0と併せて登場• デスクトップアプリのプレゼンテーションシステム
• グラフィックハードウェアを利用した解像度に依存しないベクタグラフィック
• XMLベースのマークアップ言語、XAMLを利用
• デメリット• UI構造を宣言的手法により記述する必要がある
• デザインツールもこれらの手法を理解した上で利用する必要があり
2013/11/09第4回 業開中心会議
![Page 22: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/22.jpg)
DEMONSTRATION
2013/11/09第4回 業開中心会議
![Page 23: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/23.jpg)
WINDOWS STOREアプリケーション
• Win8と併せて登場• セキュアで容易にコンシューマ向けアプリを提供可能
• さまざまなレイアウトによるアプリを提供可能
• クラウドによるアプリデータの共有がAPIで実装
• デメリット• WPF同様XAMLの知識が必要
• フルセットの.NET Frameworkではなく、 WinRT独自APIなどの習得が必要
2013/11/09第4回 業開中心会議 23
![Page 24: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/24.jpg)
The Best Way To Develop Mobile Apps? Don't Develop Mobile Apps!http://www.zdnet.com/the-best-way-to-develop-mobile-apps-dont-develop-mobile-apps-7000009974/
従来アプリとモダンアプリ従来のアプリケーション
• エンドユーザーとドメインのインタラクション
• PC
• クライアントのおけるプレゼンテーションが前提
• ドメイン特化
• データ管理やトランザクション処理
モダンアプリケーション
• 複数サービスで構成
• マルチデバイス
• クラウドによるスケールアウト
• オープンAPIの活用
• レスポンシブ・パブリックネットワークに対応
• オーガニック-こまめなアップデート
• 状況やユーザーにより振る舞いが変わる
2013/11/09第4回 業開中心会議
![Page 25: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/25.jpg)
The Best Way To Develop Mobile Apps? Don't Develop Mobile Apps!http://www.zdnet.com/the-best-way-to-develop-mobile-apps-dont-develop-mobile-apps-7000009974/
従来アプリとモダンアプリ従来のアプリケーション
• エンドユーザーとドメインのインタラクション
• PC
• クライアントのおけるプレゼンテーションが前提
• ドメイン特化
• データ管理やトランザクション処理
モダンアプリケーション
• 複数サービスで構成
• マルチデバイス
• クラウドによるスケールアウト
• オープンAPIの活用
• レスポンシブ・パブリックネットワークに対応
• オーガニック-こまめなアップデート
• 状況やユーザーにより振る舞いが変わる
2013/11/09第4回 業開中心会議
![Page 26: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/26.jpg)
デスクトップアプリのモダン化アプリの価値を+1するために!
2013/11/09第4回 業開中心会議
![Page 27: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/27.jpg)
AZUREを利用したクラウド化
• バックエンドをクラウド化→ クラウドサービス/Webサイト
• データ保存をクラウド化→ Storage/SQL Database
2013/11/09第4回 業開中心会議
![Page 28: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/28.jpg)
クラウドサービスやWEBサイト
• バックエンドの構築
• ASP.NET WebサービスやWCFを利用したサービスサイト
• 必要に応じてサービスバスなども利用
2013/11/09第4回 業開中心会議
![Page 29: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/29.jpg)
AZURE クラウドサービス
• 特徴
• 安価に利用できる• 大規模データセンターならではの効率化
• 従量制課金• 利用した分だけの費用
• 動的なリソース割り当て• 自動プロビジョニング
• スケールアウトにつよい
2013/11/09第4回 業開中心会議
![Page 30: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/30.jpg)
AZURE WEBサイト
• 特徴
• 高速なプロビジョニングとデプロイ
• オープンなプラットフォーム• .NET,PHP,Pythonなど一般的なフレームワークを利用可能
• 30種類を超えるテンプレート
2013/11/09第4回 業開中心会議
![Page 31: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/31.jpg)
DEMONSTRATION
2013/11/09第4回 業開中心会議
![Page 32: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/32.jpg)
データ保存をクラウド化
• ストレージサービスの利用
• データ種別によってさまざまなデータが保存可能• BLOG
• TABLE
• QUEUE
• SDKで簡単にアクセス可能• ストレージの操作はVSやツールなどで行える
2013/11/09第4回 業開中心会議
![Page 33: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/33.jpg)
DEMONSTRATION
2013/11/09第4回 業開中心会議
![Page 34: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/34.jpg)
この他にも…
• 認証をクラウド化
• Active Directory/多要素認証
• アップデートなどの配信
• コンテンツ配信ネットワーク・ストレージ・キャッシングなど
• オープンなAPIの利用
• Bingマップ等
2013/11/09第4回 業開中心会議
![Page 35: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/35.jpg)
NUIでモダン化
• Natural User Interface
• KINECT• 体全体のジェスチャーを入力として利用
• Leap motion• 手~腕を入力として利用
2013/11/09第4回 業開中心会議
![Page 36: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/36.jpg)
DEMONSTRATION
2013/11/09第4回 業開中心会議
![Page 37: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/37.jpg)
まとめ
• 環境の進化に追従したアプリ
• アプリの価値向上のヒントはITトレンドにもある
• UXによる価値の向上
• ユーザーエクスペリエンスの向上はUIデザインだけではないがUIデザインを理解することも価値向上のヒントになる
• デスクトップ技術のモダン化による価値の向上
• クラウドやオープンなAPIなどを利用することで価値向上につなげることもある
2013/11/09第4回 業開中心会議
![Page 38: 2013 11-09 デスクトップ・アプリの価値を高めるモダン化](https://reader033.fdocument.pub/reader033/viewer/2022051312/547933d2b379593f2b8b46d3/html5/thumbnails/38.jpg)
ご静聴ありがとうございましたTHANK YOU!
2013/11/09第4回 業開中心会議38