市場動向並びに弊社製品の今後の展望について

インフラジスティックス・ジャパン株式会社　東　賢

INFRAGISTICS 【名】

ɪnfrədʒɪˈstɪks 　：　インフラジスティックス

1. ニュージャージーに本社を置く UI コントロールを中心としたソフトウェア製品を開発・販売するグローバルカンパニー

2. Infrastructure （基礎構造） + logistics （後方支援）3. バイク乗りが社長の東京・原宿の会社【日本】4. インフラさん【俗称】

Ken Azuma @kenazuma

東　賢（ Ken Azuma ）インフラジスティックス・ジャパン株式会社

代表取締役／シニア UX アーキテクト

「全ての状況における生産性の向上」と「優れた UI / UX をお届けすること」の二つをコアバリューとして、様々な形でアプリケーションにかかわる皆様が、優れたユーザーインターフェイスを通じ、満足度の高いサービスを展開されるための様々なお手伝いをさせていただいております。

インフラジスティックス・ジャパン株式会社

www.facebook.com/azuma

fMicrosoft MVPWindows Touch & Tablet PC

bit.ly/IGazuma

Blog

利用のポイント／傾向

ユーザーインターフェイス開発において、いかに生産性を高め、

優れた UX を実現するための支援が出来るかを追求

• プロジェクトにおける工数の削減• 提案／設計時のラピッドプロトタイピングにも利用SIer

• 自社製品の継続的アップグレードに伴う価値向上• 弊社製品による他のプラットフォームへの迅速な対応ISV

• セルフ開発スキーム確立における標準パーツとしての利用• 「作らない」ための弊社製品の利用In-house IT

• 開発／テスト双方における工数の削減• パフォーマンスの高さ（特にグリッド／チャート）• 手軽に一貫した優れたスタイルによる外観の高い品質を得ることが可能• 日本法人によるダイレクトサポート• サブスクリプション／アップグレードにおける継続的な価値向上（大小の機能追加及

びバグフィックスを含む）

• ソースコードの開示（ 100 万行以上の洗練されたコード！）• どの製品でも一貫したアーキテクチャと同じアプローチをとっていることに

よる学習コストの削減

NETADVANTAGE

ANDROID

HTML5 iOS

プロローグ

昨年末～今年の初め頃にお話していたこと

IDC の予測する2012 年国内 IT 市場の主要 10 項目

1国内 IT 市場は、復興財政支出政策の影響を受け、スマートフォン、 IT サービス、ソフトウェアが市場を押し上げる

2国内クライアント市場は「マルチデバイス」時代に入り、モバイルデバイスが国内 IT 市場の成長を牽引し続ける

3クラウドサービスが IT のモダン化を加速させ、「モダン PaaS 」を創生する

4ハイブリッドクラウド時代を迎え、クラウドサービス向け IT 市場のフレームワークが形成される

5事業継続／災害対策ソリューションは仮想化技術の進展とクラウドサービスの成熟によって再構築が進む

6モバイルデバイス、 3.9G/LTE サービスの早期展開によって通信事業者ネットワークインフラ市場が活性化する

72012 年はビッグデータ活用型アナリティクスビジネスのリーダーの座をかけた競争のスタートダッシュの年になる

8国内企業の海外 IT システム構築／運用を巡る、国内・グローバル・オフショアベンダー間の競争が激化する

9センサーネットからインターネットに接続する「スマートデバイス」が増え、デバイスの「ソーシャル化現象」が起きる

10次世代の最初の 10 万のスマートシティソリューションは「第 3 の IT プラットフォーム」上に構築される

http://www.idcjapan.co.jp/Press/Current/20111215Apr.html

ほぼ予測通りの 2012 年となった

ガートナー 、 2012 年以降重要展望Gartner Predicts 2012

1 2015 年までに、低コスト・クラウド・サービスがアウトソーシング大手企業の収益の最大 15% まで食い込む

2 2013 年には消費者向けソーシャル・ネットワークへの投資バブルが、 2014 年にはエンタプライズ・ソーシャル・ソフトウェア・ベンダーへの投資バブルがはじける

32016 年までに、企業における電子メール・ユーザーの少なくとも半数が、デスクトップ・クライアントではなくブラウザやタブレット、モバイル・クライアントを利用するようになる

42015 年までに、スマートフォンとタブレットをターゲットにしたモバイル・アプリケーションの開発プロジェクトはネイティブ PC プロジェクトを上回り、その比率は 4 対 1 になる

5 2016 年までに、企業の 40% がすべてのタイプのクラウド・サービスの利用に際し、独立した機関によるセキュリティ・テストの結果をクラウド選定条件にする

6 2016 年末には、 Global 1000企業の半数以上が顧客に関する機密データをパブリック・クラウドに格納するようになる

72015 年までに、ほとんどの企業において IT 支出の 35% が IT部門の予算枠外で管理されるようになる

8 2014 年までに、米国で消費されているアジア調達の完成品およびアセンブリの 20% が、北米・中南米にシフトする

9 2016 年までに、新たな脆弱性を狙ったサイバー犯罪により、経済的損失は年間 10% の割合で増加する

10 2015 年までに、 80% のクラウド・サービスの価格にグローバル燃料サーチャージが含まれるようになる

11 2015 年までを通じ、 Fortune 500企業の 85% 以上が、ビッグ・データを競合優位性確保のために効果的に活用することに失敗する

http://www.gartner.co.jp/press/html/pr20111214-01.html

20,000円を切るタブレットの登場

Nexus719,800JPY

Kindle Fire HD15,800~JPY

Kobo Arc200~USD

• コンシューマーは明らかにこれらのハードウェア利用に流れる

• 最初から「クライアント環境は特定できない」ことが前提

• それぞれのブラウザの仕様の違いにも注意が必要• BYOD の対象ともなってくる

Windows RT デバイスの登場

• Net PC レンジの価格• 情報の消費だけでない生産性を求めるユーザーへ訴求• エンタープライズ市場におけるコンパニオン利用にも期待

• Office が同梱され、リモートアクセス用の VDA ライセンスも付属

• “PC Meets Tablet” “Device for Prosumer”

Windows 8

PC生産性

Tablet創造性

PC Meets Tablet =Windows

8

PC Meets Tablet

PC Meets Tablet

Keyboard and Touch

Work and Play

Productive and Creative

本格的なマルチデバイス時代への突入

利用シナリオ／スクリーンサイズ／インプットデバイス／ OS ／ブラウザなど様々な要素の多様化に対応する必要が出てきている

マルチ？

スクリーンサイズ

フォームファクター

インプットデバイス

ブラウザー

OS

UI テクノロジー

今最もよく聞かれる質問は。。。

外部環境の変化が非常に早く、技術の絞り込みが非常に難しい状況

ユーザーインターフェイス開発においてどの

テクノロジーを利用して開発していくべきか？

現状でテクノロジーを長期スパンで

絞り込む事自体に大きなリスクがある

避けることのできない大波“ Consumerization of IT”

Forrester Research, Inc. 、『 The Hour Of The Vendor Strategist: Three Mega Business Trends Will Reshape The Tech Sector』

ユーザーは普段の生活の中で高度な IT活用体験を当たり前に享受してい

る

UX が Consumerization of IT を加速する

ユーザーは普段の生活の中で高度な IT活用体験を当たり前に享受している

ユーザーがエンタープライズ IT においても同様の体験を求める傾向が加速する

デバイスの時代は．．．

AGEDEV ICE

DEVICE AGE

AGEDEV ICEDEV-ICE-AGE開発者にとって「氷河期」のような危機的状況にある

DEV-ICE-AGE

「恐竜」のような組織・体制では生き残れない。俊敏に変化に適応できる必要がある。

UI の変遷とテクノロジーのギャップ

CLI

GUI

NUI

新たな UI が一般化する前に、現世代のテクノロジーで次世代の UI を実現しようとする期間がある

この期間においては淘汰されるリスクと共に市場のバランスを変える大きなチャンスがある！

ユーザーインターフェイスの変遷

それぞれの段階で開発の方法も対象も変わっている。

NUI へ至る過程でのタッチ UI の登場はCUI→GUI の変革と

同等あるいは更に大きなインパクトをもたらすと考えられる。

Command-line UI Graphical UI Natural UI

DEV-ICE-AGE

この変革の時代を生き残るための２つのキーポイントとは：

開発スピードを加速させる生産性

ユーザー体験のデザイン

UI コントロールを使った生産性の向上

できるだけ部品をそのまま利用することによって、できるだけ「作らない」ことを検討する。

そのために、標準コントロールだけでなく、多くの UI コントロールをカードとして持ってお

く。

既に顧客の頭の中にある UI のイメージは標準コントロールの範囲を大幅に超えている。

UI コントロールを使った生産性の向上

他のどの産業も生産工程で「開発」をしていない。

優れたプロトタイプを繰り返し「開発」し、最終的な生産工程でスムーズに組み立てていく。

アセット ベクターやビットマップによるアイコンなど、UI 上でそのまま表示されるもの

スタイル UI コントロールに適用される外観

モーション 状態内／状態間のアニメーション

レイアウト ネスト構造を持ったグループ化されたレイアウトコントロール

UI コントロール 多くはデータバインドの対象となる UI コントロール

スクリーン 複数のレイアウトを管理する画面の集合

組み立てるのは何か？

これらの項目は UIガイドラインの項目として書かれるような

ポイントとして押さえるべき大項目となる

NetAdvantage のメリット

開発工数の大幅な削減

高度なパフォーマンスチューニング

タッチ対応への迅速な移行のサポート

ビジュアルデザインを独立して設定可能

クロスプラットフォームで共通の API

インフラジスティックス・ジャパン株式会社

Windows ストアアプリケーション用 UI コントロール （ Beta)

UI コントロールを活用した開発

重要なポイント設計にコンポーネントを合わせるのではなく、コンポーネントを設計時点の選択肢として検討することで最大の効率化が実現

フェーズ 標準コントロール使用 UI コントロールを使用

設計 • 標準のコントロールでカバーできない仕様は、追加開発の為の設計が必要

• 多機能なコンポーネントを前提とすることで、多くの仕様を吸収することが可能

• 早期に多くの機能を備えたプロトタイプの実装が可能

実装（拡張） • 標準コントロールの拡張• 単体テスト

• コンポーネントの機能の範囲で仕様が決定している場合、拡張は不要

本実装 • コーディング等負荷大• 機能が増えればその分テス

トの負荷大

• プロパティベースの効率的な開発

• 製品でテスト済みなので単体テストの負荷小

結合テスト • Bugfix の負荷大• パフォーマンスチューニン

グの負荷大

• Bugfix の負荷小• パフォーマンスチューニング

の負荷小

単体テスト

コンサルティング会社 A 様のケース　 チャートコンポーネント（ローソク足）をご活用

32

30 人日

13 人日

開発効率に 2倍以上の差 !「テスト工数が圧倒的に変わってくる」

実工数比較

お客様導入事例

カブドットコム証券株式会社様

• NetAdvantage （ WindowsForms ）を採用し、大幅に開発効率を向上（通常 3 ～ 4ヶ月→ 1ヶ月に短縮）

• Grid のソートや列の並び替え機能やツリー、ツールバー機能等を活用→開発工数の削減

• デザインツール AppStylist により、アプリの外観を一元的に設定・管理→デザイン工数の削減

※詳細は弊社サイトをご参照下さい　 http://jp.infragistics.com/jirei/kabudotcom.aspx

株価情報の一覧表示画面

発注パネル

パフォーマンス検証例• 業界最速のデータグリッド

– 対象コントロール： XamGrid – テスト内容： xamGrid をさまざまな ItemSource へバインドし、

　　　　　　 LayoutUpdated イベントの描画にかかった時間を測定– 想定操作：データの読み込み時のエンド ユーザーの待ち時間を測定

■表 1 ：描画に要した時間　※ IList へバインド - 10 列、 1,000,000 行のデータ

弊社製品 競合製品 I 競合製品 II

所要時間 (ms) 1,028 2,050 99% 遅い 1,962 90% 遅い

メモリ使用量 - テスト前 (KB)

91,852 88,964 0.3% 少ない 90,683 0.1% 多い

メモリ使用量- テスト後 (KB)

91,762 144,394 57% 多い 128,511 40% 多い

■表 2 ：描画に要した時間　※ ObservableCollection へバインド - 10 列、 1,000,000 行のデータ弊社製品 競合製品 I 競合製品 II

所要時間 (ms) 1,028 2,025 96% 遅い 1,962 90% 遅い

メモリ使用量 - テスト前 (Kb)

91,852 91,360 等しい 90,660 1% 少ない

メモリ使用量 - テスト後 (Kb)

91,762 113,795 24% 多い 128,207 39% 多い

※詳しくは、パフォーマンスホワイトペーパーをご参照下さい。http://jp.infragistics.com/innovations/performance-whitepapers.aspx#13967

ビジュアルスタイルの適用

例：リソースウォッシング機能

基本色を 1色選択するだけでアプリケーションの外観をキレイにスタイリング

要件定義 基本設計 詳細設計 開発 単体テスト

結合テスト

システムテスト

従来、導入が検討されたのは開発一歩手前、あるいは開発に着手してからであり、要件が完全に固まった状態であった。そのため、やむを得ずコントロールのカスタマイズをされるケースも多く、あまり効率の良い状態ではない。

要件定義 基本設計 詳細設計 開発 単体テスト

結合テスト

システムテスト

有効活用されているお客様では、共通して「設計段階において UI コンポーネントで要件が満たせるかどうかについて評価」を行い、開発の難易度を決定されている。結果として見積もりが正確になり、手戻りが少なくなる。

UI コントロールの有効活用

2nd FACTORY CO.,Ltd. CONFIDENTIAL 37

セカンドファクトリー様との協業でお届けできるものは：

ユーザー、課題の理解仮説

インタラクション設計

プロトタイプ開発早期の検証

実際に利用できる成果物をお届けしていきます。

触れる、実機で動く、最終に近い、ユーザーの想像力を喚起できる

プロトタイプ

グラフィックアセットテーマ／スタイル

ビジュアルデザイン

コードレベルで再利用可能な実際にコントロールを配置した

レイアウトデザイン

継続的な開発に利用できる練りこまれた UX を表現するための

UI ガイドライン

Announce!

製品版 Ignite UI から、グリッドを商用利用な形で無償提供します！

リスクをチャンスに変換していこう！

この不連続の時代において、リスクだけでなく大きなチャンスに目を向けて、

大胆にアクションして行きましょう！

© 2012 Microsoft Corporation. All rights reserved.

本資料の第三者開示はご遠慮くださいますようお願いいたします。製品情報、製品・機能内容、開発スケジュール、マーケティング施策などの全ての情報は予告無く変更されることがあります。あらかじめご了承ください。