windows phoneをuniversal appsプロジェクトで
TRANSCRIPT
![Page 1: Windows Phoneをuniversal Appsプロジェクトで](https://reader036.vdocuments.pub/reader036/viewer/2022062418/556607ddd8b42aa6628b4e60/html5/thumbnails/1.jpg)
Windows Phone を universal Apps プロジェクトで
蜜葉 優
![Page 2: Windows Phoneをuniversal Appsプロジェクトで](https://reader036.vdocuments.pub/reader036/viewer/2022062418/556607ddd8b42aa6628b4e60/html5/thumbnails/2.jpg)
• H.N. : 蜜葉 優 [mitsuba yu]• twitter:@mitsuba_tan• カメラが趣味• フリーランス@大阪• User Experience Designer
& Interaction Developer• Portfolio: http://c-mitsuba.com• Microsoft MVP for Client Development
profile
![Page 3: Windows Phoneをuniversal Appsプロジェクトで](https://reader036.vdocuments.pub/reader036/viewer/2022062418/556607ddd8b42aa6628b4e60/html5/thumbnails/3.jpg)
![Page 4: Windows Phoneをuniversal Appsプロジェクトで](https://reader036.vdocuments.pub/reader036/viewer/2022062418/556607ddd8b42aa6628b4e60/html5/thumbnails/4.jpg)
Windows Phone 版をつくろう!
![Page 5: Windows Phoneをuniversal Appsプロジェクトで](https://reader036.vdocuments.pub/reader036/viewer/2022062418/556607ddd8b42aa6628b4e60/html5/thumbnails/5.jpg)
どうせなら最初からuniversal Apps でやってみよう!
![Page 6: Windows Phoneをuniversal Appsプロジェクトで](https://reader036.vdocuments.pub/reader036/viewer/2022062418/556607ddd8b42aa6628b4e60/html5/thumbnails/6.jpg)
Spica でやってること• 気象庁から星空指数を取ってきて表示す
る• 今月の月齢を表示する
![Page 7: Windows Phoneをuniversal Appsプロジェクトで](https://reader036.vdocuments.pub/reader036/viewer/2022062418/556607ddd8b42aa6628b4e60/html5/thumbnails/7.jpg)
あんまり考えずにいつもどおり
![Page 8: Windows Phoneをuniversal Appsプロジェクトで](https://reader036.vdocuments.pub/reader036/viewer/2022062418/556607ddd8b42aa6628b4e60/html5/thumbnails/8.jpg)
Model.cs
MainViewModel.cs MainPage.xaml
WPShared
Model.cs
Model.cs
![Page 9: Windows Phoneをuniversal Appsプロジェクトで](https://reader036.vdocuments.pub/reader036/viewer/2022062418/556607ddd8b42aa6628b4e60/html5/thumbnails/9.jpg)
まずはやりたいようにやってみた
![Page 10: Windows Phoneをuniversal Appsプロジェクトで](https://reader036.vdocuments.pub/reader036/viewer/2022062418/556607ddd8b42aa6628b4e60/html5/thumbnails/10.jpg)
とりあえず、この画面は満足
![Page 11: Windows Phoneをuniversal Appsプロジェクトで](https://reader036.vdocuments.pub/reader036/viewer/2022062418/556607ddd8b42aa6628b4e60/html5/thumbnails/11.jpg)
じゃあ、次は星空指数を。。
![Page 12: Windows Phoneをuniversal Appsプロジェクトで](https://reader036.vdocuments.pub/reader036/viewer/2022062418/556607ddd8b42aa6628b4e60/html5/thumbnails/12.jpg)
![Page 13: Windows Phoneをuniversal Appsプロジェクトで](https://reader036.vdocuments.pub/reader036/viewer/2022062418/556607ddd8b42aa6628b4e60/html5/thumbnails/13.jpg)
あれ? Spica って 1 ページよね?
![Page 14: Windows Phoneをuniversal Appsプロジェクトで](https://reader036.vdocuments.pub/reader036/viewer/2022062418/556607ddd8b42aa6628b4e60/html5/thumbnails/14.jpg)
でも、これ以上WP 画面に情報つっこみたくない
![Page 15: Windows Phoneをuniversal Appsプロジェクトで](https://reader036.vdocuments.pub/reader036/viewer/2022062418/556607ddd8b42aa6628b4e60/html5/thumbnails/15.jpg)
結局こんなふうにかきかえた
![Page 16: Windows Phoneをuniversal Appsプロジェクトで](https://reader036.vdocuments.pub/reader036/viewer/2022062418/556607ddd8b42aa6628b4e60/html5/thumbnails/16.jpg)
MainPage.xaml
WPShared
ViewModel.cs
Model.cs
Model.cs
Model.cs
ViewModel.cs
MainViewModel.cs
![Page 17: Windows Phoneをuniversal Appsプロジェクトで](https://reader036.vdocuments.pub/reader036/viewer/2022062418/556607ddd8b42aa6628b4e60/html5/thumbnails/17.jpg)
これなら、ここから Store Apps もつくれそう?
![Page 18: Windows Phoneをuniversal Appsプロジェクトで](https://reader036.vdocuments.pub/reader036/viewer/2022062418/556607ddd8b42aa6628b4e60/html5/thumbnails/18.jpg)
でも、これはこれで満足しちゃった
![Page 19: Windows Phoneをuniversal Appsプロジェクトで](https://reader036.vdocuments.pub/reader036/viewer/2022062418/556607ddd8b42aa6628b4e60/html5/thumbnails/19.jpg)
星空指数は別アプリにしよう!
![Page 20: Windows Phoneをuniversal Appsプロジェクトで](https://reader036.vdocuments.pub/reader036/viewer/2022062418/556607ddd8b42aa6628b4e60/html5/thumbnails/20.jpg)
やりたかったプロジェクト構成• Shared• WP–星空指数アプリ–月齢アプリ
• W8–星空指数と月齢を表示するアプリ
![Page 21: Windows Phoneをuniversal Appsプロジェクトで](https://reader036.vdocuments.pub/reader036/viewer/2022062418/556607ddd8b42aa6628b4e60/html5/thumbnails/21.jpg)
(簡単には)できませんでしたー
![Page 22: Windows Phoneをuniversal Appsプロジェクトで](https://reader036.vdocuments.pub/reader036/viewer/2022062418/556607ddd8b42aa6628b4e60/html5/thumbnails/22.jpg)
まとめ• そもそもの画面サイズがちがう• 1ページに表示するコンテンツの量も違
う• レイアウトはもちろん、1画面に表示す
る情報も変わってくる
![Page 23: Windows Phoneをuniversal Appsプロジェクトで](https://reader036.vdocuments.pub/reader036/viewer/2022062418/556607ddd8b42aa6628b4e60/html5/thumbnails/23.jpg)
まとめ• やっぱり電話とパソコンでシチュエー
ションがちがう• となるとアプリの役割とか重たさ?も変
わってくる
• んーはじめからいろいろ考えてつくらないといけないなー
![Page 24: Windows Phoneをuniversal Appsプロジェクトで](https://reader036.vdocuments.pub/reader036/viewer/2022062418/556607ddd8b42aa6628b4e60/html5/thumbnails/24.jpg)