2013 11-09 デスクトップ・アプリの価値を高めるモダン化

デスクトップ・アプリの価値を高めるモダン化アプリの評価を＋１するために。

森博之Microsoft MVP – Visual C#

極東IT-EngineersRIAアーキテクチャ研究会

自己紹介

• 森博之(もりひろゆき）• MS開発技術を専門としたフリーランスエンジニア

• Microsoft MVP for Visual C#

• 極東IT-Engineers 代表／RIAアーキテクチャ研究会／その他

• ブログ：もりひろゆきの日々是勉強

• http://moriblog.kit-eng.com

• Twitter

• Windows8対応[基本＋実用]

Windowsストアアプリ開発入門好評発売中！

2013/11/09第４回業開中心会議

http://moriblog.kit-eng.com/

AGENDA

• モダンアプリケーション

• デスクトップアプリケーション技術振り返り

• デスクトップアプリのモダン化


モダンアプリケーションITトレンドとVISUAL STUDIO2013

時は平成25年…

• Windows 8.1リリース！

• ＰＣ環境は進化！

• Visual Studio 2013リリース！

• そして、開発環境も進化！

プレゼンター

プレゼンテーションのノート

ＰＣ環境は進化している。なぜ進化しているか？「商売だから…」といって結論づけてしまってはしょうがない商売として成立するためには、そのに「ニーズ」が必要。どのようなニーズが存在するのか？　ということを考える必要がある。そして、存在するニーズを満たすべく、新OSは開発されている。 OSが進化するということは、進化した機能に対応するアプリケーションが必要開発対象の進化開発ツールそのものの進化

WINDOWSに求められた進化

• 効率的なリソース活用• Bootエクスペリエンスやコピー・移動・削除エクスペリエンスの向上

• IPv6

• IVS/IVD

→OS基本機能への機能・エクスペリエンス向上

• 高度になったハードウェアへの対応• タッチエクスペリエンス

• 高解像度化

→ITトレンドに連携した機能向上


プレゼンター


コピーOSに求められる本来的な機能の向上は当然行われている。 IPv6に関する対応はXPから継続的に行われている Unicodeに用いられているIVSなどの対応

昨今のITトレンド

「モダンアプリケーション」ユーザーエクスペリエンスにも影響

2013/11/09第４回業開中心会議 7

キーワード

クラウド ~ as a Serviceに代表するクラウドサービス

ソーシャルネットワークサービス社会的な関係を持つネットワークをインターネット上で構築するサービス

ビッグデータ巨大で複雑なデータに対する収集・取捨選択・保管・検索・共有・転送・解析・可視化など

モバイルスマートフォン・タブレット・ノートPCなどのデバイス類

Natural User Interface(NUI) 人間の五感や人間が自然に行う動作によって機械等を操作するためのインターフェース

ユーザーエクスペリエンス（ユーザー体験）とは

• UX is not UI

• UXとはアプリを利用することにより得られる体験

→UIがよくてもUXがよいとは限らない

• UIはUX一部となることもある

→UIデザインについて知ることも重要


UIデザインユーザーとのコミュニケーションに必要なアーキテクチャ


UIデザインとは

• デザイン(design)

• 【名】設計、配置、図柄、模様、計画…

• 【動】設計する、考案する、策定する

• UIデザイン

• ユーザーとの間におけるビジュアル（視覚）やインタラクション（対話）を設計すること


プレゼンター


美術・アートのような美を表現することが主眼のものではない。

ビジュアル＋インタラクション

• ビジュアル

• 配置

• 色• タイポグラフィ

• インタラクション

• ５次元要素

• インタラクションの質


配置

• 近接• 対象を近づけたり、遠ざけたりすることで対象同士の関係性を表現する

• 整列• 要素と要素を結びつける透明な線により表現する

• 反復• 関係や線を協調する一貫性を提供する

• コントラスト• 異なる要素であることを明確に表現する


近接


整列


反復/コントラスト


このように…

• UIデザインの理論を知ることでアプリの表現力を＋１することもできる。

• これ以外にもいろいろな理論が存在する

• 色、タイポグラフィ、言葉、視覚表現、時間など…


デスクトップアプリケーション技術振り返りWINDOWS FORMS, WPF, WINDOWS STORE APPS


今時のデスクトップアプリ

• Windows Forms

• 定番クライアント技術

• Windows Presentation Foundation(WPF)

• 次世代クライアント技術

• Windows Store アプリ

• Win8/8.1デバイス上で動作するアプリ


WINDOWS FORMS

• Windows 95と併せて登場

• ベース技術としては十数年選手

• 手軽に行えるプログラミング手法から現在も現役で利用されて続けている

• デメリット

• 既にメンテナンスモード

• 最新技術への未対応も…。


プレゼンター


既存資産を生かすならばWindows Forms

DEMONSTRATION


WINDOWS PRESENTATION FOUNDATION(WPF)

• .NET Framework 3.0と併せて登場• デスクトップアプリのプレゼンテーションシステム

• グラフィックハードウェアを利用した解像度に依存しないベクタグラフィック

• XMLベースのマークアップ言語、XAMLを利用

• デメリット• UI構造を宣言的手法により記述する必要がある

• デザインツールもこれらの手法を理解した上で利用する必要があり


プレゼンター


これからデスクトップアプリを開発するならば… フルセットの.NET Frameworkを利用するならば…

DEMONSTRATION


WINDOWS STOREアプリケーション

• Win8と併せて登場• セキュアで容易にコンシューマ向けアプリを提供可能

• さまざまなレイアウトによるアプリを提供可能

• クラウドによるアプリデータの共有がAPIで実装

• デメリット• WPF同様XAMLの知識が必要

• フルセットの.NET Frameworkではなく、 WinRT独自APIなどの習得が必要

2013/11/09第４回業開中心会議 23

プレゼンター


新規デスクトップアプリならば… WPFまたはWindows Store Apps コンシューマーや特定ユーザーへの配信 Windowsストアアプリ

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の活用

• レスポンシブ・パブリックネットワークに対応

• オーガニック－こまめなアップデート

• 状況やユーザーにより振る舞いが変わる


プレゼンター


http://www.zdnet.com/the-best-way-to-develop-mobile-apps-dont-develop-mobile-apps-7000009974/

http://www.zdnet.com/the-best-way-to-develop-mobile-apps-dont-develop-mobile-apps-7000009974/

デスクトップアプリのモダン化アプリの価値を＋１するために！


AZUREを利用したクラウド化

• バックエンドをクラウド化→ クラウドサービス/Webサイト

• データ保存をクラウド化→ Storage/SQL Database


クラウドサービスやWEBサイト

• バックエンドの構築

• ASP.NET WebサービスやWCFを利用したサービスサイト

• 必要に応じてサービスバスなども利用


AZURE クラウドサービス

• 特徴

• 安価に利用できる• 大規模データセンターならではの効率化

• 従量制課金• 利用した分だけの費用

• 動的なリソース割り当て• 自動プロビジョニング

• スケールアウトにつよい


AZURE WEBサイト

• 特徴

• 高速なプロビジョニングとデプロイ

• オープンなプラットフォーム• .NET,PHP,Pythonなど一般的なフレームワークを利用可能

• 30種類を超えるテンプレート


DEMONSTRATION


データ保存をクラウド化

• ストレージサービスの利用

• データ種別によってさまざまなデータが保存可能• BLOG

• TABLE

• QUEUE

• SDKで簡単にアクセス可能• ストレージの操作はVSやツールなどで行える


DEMONSTRATION


この他にも…

• 認証をクラウド化

• Active Directory/多要素認証

• アップデートなどの配信

• コンテンツ配信ネットワーク・ストレージ・キャッシングなど

• オープンなAPIの利用

• Bingマップ等


NUIでモダン化

• Natural User Interface

• KINECT• 体全体のジェスチャーを入力として利用

• Leap motion• 手～腕を入力として利用


DEMONSTRATION


まとめ

• 環境の進化に追従したアプリ

• アプリの価値向上のヒントはITトレンドにもある

• UXによる価値の向上

• ユーザーエクスペリエンスの向上はUIデザインだけではないがUIデザインを理解することも価値向上のヒントになる

• デスクトップ技術のモダン化による価値の向上

• クラウドやオープンなAPIなどを利用することで価値向上につなげることもある


ご静聴ありがとうございましたTHANK YOU!

2013/11/09第４回業開中心会議38

2013 11-09 デスクトップ・アプリの価値を高めるモダン化

Documents