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