Efsta cod2012 master_for_slideshare

Metroアプリケーション Win8/WP7の
効率的ソース運用を考える
株式会社セカンドファクトリー杉下高仁

2nd FACTRY Co., ltd
UXを通じて人々のライフスタイルを
もっと豊かに、ここちよく

2ndFACTORYは、長年のRIA開発経験と独自の構築プロセスに基づき、革新的なイン
ターフェイスを持つアプリケーションを提供します。アプリケーションやWebサイトを
使いやすい「道具」と考え、毎日使うものだからこそ、ユーザビリティや優しさを確保し
た豊かなエクスペリエンスを実現します。RIA開発を通じ、クライアントにはROIの最大
化とビジネスの成功を、そしてエンドユーザーには豊かなエクスペリエンスをお届けしま
す。
2ndFACTORY CO.,Ltd. 1

株式会社セカンドファクトリー

UI/Cloud Professional

UI /Cloud
UI 設計/開発
コンサルティング

自社製品開発


ExTOUCH
使いなれたOSを、タッチPCでもっと使いやすく

http://2ndfactory.com/

スピーカー紹介

杉下高仁
学生時代にMacromedia社(現Adobe) Flashに出会い、それまでのWebにない表現力に魅
了され、個人でFlashサイト制作に没頭する。その時Webを通じて (株)セカンドファクト
リーの副社長と知り合い、学生期間中は夏休みに訪問してアルバイトをさせてもらうなど
交流が続いた。無事卒業後に入社し、気が付けば10年とちょっと。Flash、WPF、
Silverlight、Microsoft SurfaceそしてWindows Phoneと、ほぼそのキャリアすべてを
ユーザーインターフェースやクライアントアプリケーションに近い部分で携わってきまし
た。

福島県郡山市生まれ。
開成小学校＞郡山一中＞福島高専＞(株)セカンドファクトリー


Windows 8 に
注目しがちですが

Windows 8アプリを作ったら
その資産でWindows Phoneアプリも

持っているソース(＝資産)を
他のプラットフォームへの
活用を考えます

このセッションは製品出荷前の情報を
取り扱っています。
最終的に変更される可能性があります。

Metro style apps for Windows 8 = Win8アプリ
Silverlight for Windows Phone = WP7アプリ
として表記しています。

本日お話しすること

1. このセッションでの資産とは？
2. Win8アプリ開発での資産活用方法
• それぞれの手法と特性

3. Win8アプリからWP7アプリへの移行方法
• 経験を踏まえたおすすめの手法

4. まとめ


1 このセッションでの資産とは？


はじめに

当セッションでの“資産”とは
自分自身でプログラミングした
プログラムコードと定義してお話します


はじめに
せっかく自分で頑張って作ったのだから
末永く、色々なところに使いたいですよね。

子供用の椅子に例えると


はじめに
再利用を意識して作ることで、再利用性は高まります

Tripp Trapp® Chair www.stokke.com


はじめに

それでは、プログラミングにおける
工夫とは何でしょうか？


はじめに
プログラミングにおける要因
 OS
 プラットフォーム
 プログラミング言語
 デバイス

要因がたくさんありますが
その中のベストを考えてみましょう

1a プログラミングにおける資産


タイプ１スキルとしての資産
自分自身が既に持つ、知識、技能を活用すること

 プログラム言語の知識を(ほぼ)そのまま使える
 学習コストが少なく済む
 プラットフォーム間で存在するギャップだけ学習
例：
– .NET Framework
– Java
– iOS
– HTML/JavaScript

タイプ2 プログラムとしての資産
以前記述したプログラムコードを利用すること

 同じ処理は2度と書かない
 繰り返し利用するので品質が上がる

 フレームワークなどは無償公開
 チャートや帳票など、高性能で
頻出の機能は販売もされている


資産化しやすい部分
主に内部処理
 ビジネスロジック
 汎用処理
– XML解析など


資産化が難しい部分
ユーザーインターフェースやデザイン
– プラットフォームごとにユーザーインターフェー
スが異なる
– デザインは差別化のためにアプリごとに異なる


資産化が難しい部分
ユーザーインターフェースやデザイン
– プラットフォームごとにユーザーインターフェー
スが異なる
– デザインは差別化のためにアプリごとに異なる

そこでフレームワークやパーツ単位の資産化
– 独自画面遷移フレームワーク
– セレクタ系(日付、時間、通貨)など


2 Windows アプリ開発での資産活用方法


Windows アプリ開発での資産活用方法

 ソースコードの「リンクとして追加」
– プラットフォーム分のライブラリファイルが作成される
– ギャップはプリコンパイラで処理を分けられる

 クラスライブラリ
– .dllファイルとして再利用する
– プラットフォーム内限定(例：WPFとSilverlightで分断)
– バージョン管理がしやすい


.NET Framework での方法

 ポータブルクラスライブラリ NEW
– 複数プラットフォームで利用可能
– ギャップを発生させないための共通ライブラリしか利用できない


ポータブルクラスライブラリ
 これまで不可能だった、複数のプラットフォームへ対応
できるライブラリ
– .NET Framework
– Silverlight
– Windows Phone
– .NET for Metro style apps
– Xbox 360

実際に見てみましょう


 共通部分のため、使用できる機能は全体のごく一部

Via http://blogs.msdn.com/b/bclteam/archive/2012/05/09/announcing-portable-library-tools-2-beta-for-visual-studio-2010.aspx


 Visual Studio 2012 RCでは標準搭載
 Visual Studio 2010 では Portable Library Tools
Beta のインストールが必要

http://visualstudiogallery.msdn.microsoft.com/b0e0b5e9-e138-410b-ad10-00cb3caf4981


ポータブルクラスライブラリを使えば・・・
Q.Webサービスとの通信をすべて共通化できる？
A.△プラットフォームごとに通信呼び出し方法が
異なるため、受信データを解析など部分利用が
オススメ

Q.同じMetroだからUI共通化できないの?
A.×あくまでMetroは概念なので、
プラットフォームごとに最適化が必要


3 Win8アプリからWP7アプリへの移行方法


再利用可能な部分
抽象度の高い部分になります
 デザインテイスト
 画面構成
 ページ構成
 ビジネスロジック
 Utilityなど補助関数
 MVVMにおけるViewModelのプロパティ部分


再利用できない部分
プラットフォームごとの差が大きい部分です
 画面デザインそのもの
 画面デザイン定義コード(パーツ単位は可能)
 ユーザインタフェースやインタラクションに関わる
プログラム


おすすめのコンバート方法
地道な方法が近道
 ビジネスロジック、Utility関数をポータブルクラスライ
ブラリに移行
 ポータブルクラスライブラリに含められない部分はクラ
ス化し、リンクとして追加する
 ViewModelを利用している場合はViewModelのプロパテ
ィを抽出したクラスに変換する


おすすめのコンバート方法の理由
以前、全コピー＆ペーストの方法を試してみました
[条件]
 全10ページ
 Webサービスと通信して情報表示するWP7アプリ
 WP7 to Win8に変換

[MSDN]
Migrate/port a
Windows Phone 7 app
to a Metro style app


以前、全コピー＆ペーストの方法を試してみました
[手順]
 全ファイルコピペ
 Win8存在しないライブラリ(toolkit系など)をカット
 存在しない関数をコメントアウト
 異なる名称の関数をリネーム

これをビルドが通るまで繰り返す


エラーを解消したアプリイメージ

発生エラーの過半数がユーザーインターフェース関連だった気が…
しかも、ここがWin8アプリ開発スタートライン…

4 まとめ


まとめ
 資産化を意識して開発することで、資産化できる
範囲が広がります
 お持ちのスキルと資産形成できる仕組みを検討し
ましょう

 1つのプラットフォームに留まらず、Win8アプリ
の開発スキルをWP7アプリにも活かしましょう
 地道が近道です

技術力＝資産力＝競争力

ありがとうございました


Efsta cod2012 master_for_slideshare

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Semelhante a Efsta cod2012 master_for_slideshare

Semelhante a Efsta cod2012 master_for_slideshare (20)

Efsta cod2012 master_for_slideshare