SlideShare a Scribd company logo
1 of 24
Windows Phoneをuniversal Appsプロジェクトで
蜜葉 優
• H.N. :蜜葉 優 [mitsuba yu]
• twitter:@mitsuba_tan
• カメラが趣味
• フリーランス@大阪
• User Experience Designer
& Interaction Developer
• Portfolio: http://c-mitsuba.com
• Microsoft MVP for Client Development
profile
Windows Phone版をつくろう!
どうせなら最初から
universal Appsでやってみよう!
Spicaでやってること
• 気象庁から星空指数を取ってきて表示す
る
• 今月の月齢を表示する
あんまり考えずにいつもどおり
Model.cs
MainViewModel.cs MainPage.xaml
WPShared
Model.cs
Model.cs
まずは
やりたいようにやってみた
とりあえず、この画面は満足
じゃあ、次は星空指数を。。
あれ?Spicaって1ページよね?
でも、これ以上
WP画面に情報
つっこみたくない
結局こんなふうにかきかえた
MainPage.xaml
WPShared
ViewModel.cs
Model.cs
Model.cs
Model.cs
ViewModel.cs
MainViewModel.cs
これなら、ここからStoreAppsも
つくれそう?
でも、これはこれ
で満足しちゃった
星空指数は別アプ
リにしよう!
やりたかったプロジェクト構成
• Shared
• WP
– 星空指数アプリ
– 月齢アプリ
• W8
– 星空指数と月齢を表示するアプリ
(簡単には)
できませんでしたー
まとめ
• そもそもの画面サイズがちがう
• 1ページに表示するコンテンツの量も違
う
• レイアウトはもちろん、1画面に表示す
る情報も変わってくる
まとめ
• やっぱり電話とパソコンでシチュエー
ションがちがう
• となるとアプリの役割とか重たさ?も変
わってくる
• んーはじめからいろいろ考えてつくらな
いといけないなー
Windows Phoneをuniversal Appsプロジェクトで

More Related Content

What's hot

What's hot (12)

Xamarin 概要 2017/01/15
Xamarin 概要 2017/01/15Xamarin 概要 2017/01/15
Xamarin 概要 2017/01/15
 
WPF開発者がXamarin.Macを触るその前に
WPF開発者がXamarin.Macを触るその前にWPF開発者がXamarin.Macを触るその前に
WPF開発者がXamarin.Macを触るその前に
 
C# と Xamarin
C# と XamarinC# と Xamarin
C# と Xamarin
 
Xamarin開発環境の選択
Xamarin開発環境の選択Xamarin開発環境の選択
Xamarin開発環境の選択
 
わんくま名古屋 #38 (20160521) Xamarin入門
わんくま名古屋 #38 (20160521) Xamarin入門わんくま名古屋 #38 (20160521) Xamarin入門
わんくま名古屋 #38 (20160521) Xamarin入門
 
デ部会 女子部 20170329
デ部会 女子部 20170329デ部会 女子部 20170329
デ部会 女子部 20170329
 
2年で6個のアプリをリリースした感想 with Xamarin.Forms
2年で6個のアプリをリリースした感想 with Xamarin.Forms2年で6個のアプリをリリースした感想 with Xamarin.Forms
2年で6個のアプリをリリースした感想 with Xamarin.Forms
 
集まっTail jxug intro
集まっTail jxug intro集まっTail jxug intro
集まっTail jxug intro
 
1 統合マネジメント
1 統合マネジメント1 統合マネジメント
1 統合マネジメント
 
20分でできる!Xamarin.Forms入門
20分でできる!Xamarin.Forms入門20分でできる!Xamarin.Forms入門
20分でできる!Xamarin.Forms入門
 
Xamarin 概要
Xamarin 概要Xamarin 概要
Xamarin 概要
 
Xamarin 社内勉強会の LT 資料
Xamarin 社内勉強会の LT 資料Xamarin 社内勉強会の LT 資料
Xamarin 社内勉強会の LT 資料
 

Viewers also liked

MVVM開発をさらに加速させる ノンコーディングUI開発
MVVM開発をさらに加速させる ノンコーディングUI開発 MVVM開発をさらに加速させる ノンコーディングUI開発
MVVM開発をさらに加速させる ノンコーディングUI開発
c-mitsuba
 
Think, Mind, Vision etc..
Think, Mind, Vision etc..Think, Mind, Vision etc..
Think, Mind, Vision etc..
c-mitsuba
 
XAMLとC#の関係
XAMLとC#の関係XAMLとC#の関係
XAMLとC#の関係
c-mitsuba
 
Technology for Interaction and IoT.
Technology for Interaction and IoT.Technology for Interaction and IoT.
Technology for Interaction and IoT.
c-mitsuba
 

Viewers also liked (20)

designing DARUYANAGI
designing DARUYANAGIdesigning DARUYANAGI
designing DARUYANAGI
 
SteamVRさわってみた
SteamVRさわってみたSteamVRさわってみた
SteamVRさわってみた
 
Excavator of-the-future
Excavator of-the-futureExcavator of-the-future
Excavator of-the-future
 
Interaction Design case coloris
Interaction Design case colorisInteraction Design case coloris
Interaction Design case coloris
 
MVVM開発をさらに加速させる ノンコーディングUI開発
MVVM開発をさらに加速させる ノンコーディングUI開発 MVVM開発をさらに加速させる ノンコーディングUI開発
MVVM開発をさらに加速させる ノンコーディングUI開発
 
OPCアイデアソン
OPCアイデアソンOPCアイデアソン
OPCアイデアソン
 
Think, Mind, Vision etc..
Think, Mind, Vision etc..Think, Mind, Vision etc..
Think, Mind, Vision etc..
 
新しくなったBlendでおさらいするXAMLでできること
新しくなったBlendでおさらいするXAMLでできること新しくなったBlendでおさらいするXAMLでできること
新しくなったBlendでおさらいするXAMLでできること
 
XAMLとC#の関係
XAMLとC#の関係XAMLとC#の関係
XAMLとC#の関係
 
Unity+osc
Unity+oscUnity+osc
Unity+osc
 
蜜葉流 デサインプロセスの基礎 - サトヤくじらが生まれるまで -
蜜葉流 デサインプロセスの基礎 - サトヤくじらが生まれるまで -蜜葉流 デサインプロセスの基礎 - サトヤくじらが生まれるまで -
蜜葉流 デサインプロセスの基礎 - サトヤくじらが生まれるまで -
 
HoloLens FirstImpression v2
HoloLens FirstImpression v2HoloLens FirstImpression v2
HoloLens FirstImpression v2
 
HoloLens first impression & development
HoloLens first impression & developmentHoloLens first impression & development
HoloLens first impression & development
 
Technology for Interaction and IoT.
Technology for Interaction and IoT.Technology for Interaction and IoT.
Technology for Interaction and IoT.
 
“UI/UX”?~恥をかかないための15分UXD入門
“UI/UX”?~恥をかかないための15分UXD入門“UI/UX”?~恥をかかないための15分UXD入門
“UI/UX”?~恥をかかないための15分UXD入門
 
[UX]は投げ捨てろ!
[UX]は投げ捨てろ![UX]は投げ捨てろ!
[UX]は投げ捨てろ!
 
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClipアプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
 
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
 
はじめてのUXとUIの話
はじめてのUXとUIの話はじめてのUXとUIの話
はじめてのUXとUIの話
 
なぜUXをデザインしているのか
なぜUXをデザインしているのかなぜUXをデザインしているのか
なぜUXをデザインしているのか
 

Similar to Windows Phoneをuniversal Appsプロジェクトで

UXDD MVVM Store Apps 蜜葉式開発フロー
UXDD MVVM Store Apps 蜜葉式開発フローUXDD MVVM Store Apps 蜜葉式開発フロー
UXDD MVVM Store Apps 蜜葉式開発フロー
c-mitsuba
 
C#でiPhoneアプリ開発 with MonoTouch
C#でiPhoneアプリ開発 with MonoTouchC#でiPhoneアプリ開発 with MonoTouch
C#でiPhoneアプリ開発 with MonoTouch
Shin Ise
 
Webサービスを作るときの9の間違い
Webサービスを作るときの9の間違いWebサービスを作るときの9の間違い
Webサービスを作るときの9の間違い
Yusuke Katsuki
 
20120413 nestakabaneworkshop
20120413 nestakabaneworkshop20120413 nestakabaneworkshop
20120413 nestakabaneworkshop
Yoichiro Sakurai
 

Similar to Windows Phoneをuniversal Appsプロジェクトで (20)

Introduction Xamarin forms mac
Introduction Xamarin forms macIntroduction Xamarin forms mac
Introduction Xamarin forms mac
 
普段こういうこと気にしながら、こんな風に作ってます。
普段こういうこと気にしながら、こんな風に作ってます。普段こういうこと気にしながら、こんな風に作ってます。
普段こういうこと気にしながら、こんな風に作ってます。
 
わんくま名古屋#31(20140524) ユニバーサルWindowsアプリ開発の勧め
わんくま名古屋#31(20140524) ユニバーサルWindowsアプリ開発の勧めわんくま名古屋#31(20140524) ユニバーサルWindowsアプリ開発の勧め
わんくま名古屋#31(20140524) ユニバーサルWindowsアプリ開発の勧め
 
UXDD MVVM Store Apps 蜜葉式開発フロー
UXDD MVVM Store Apps 蜜葉式開発フローUXDD MVVM Store Apps 蜜葉式開発フロー
UXDD MVVM Store Apps 蜜葉式開発フロー
 
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケSketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケ
 
知識ゼロからモバイルアプリをデザインして失敗した話
知識ゼロからモバイルアプリをデザインして失敗した話知識ゼロからモバイルアプリをデザインして失敗した話
知識ゼロからモバイルアプリをデザインして失敗した話
 
COD2013 Windows Azure Mobile Service を用いたiOS/Android開発
COD2013 Windows Azure Mobile Service を用いたiOS/Android開発COD2013 Windows Azure Mobile Service を用いたiOS/Android開発
COD2013 Windows Azure Mobile Service を用いたiOS/Android開発
 
Wankuma0402
Wankuma0402Wankuma0402
Wankuma0402
 
Swiftビギナーズ勉強会 第9回 BluePrint/BluePrintViewerで作るアプリモックアップ 
Swiftビギナーズ勉強会 第9回 BluePrint/BluePrintViewerで作るアプリモックアップ Swiftビギナーズ勉強会 第9回 BluePrint/BluePrintViewerで作るアプリモックアップ 
Swiftビギナーズ勉強会 第9回 BluePrint/BluePrintViewerで作るアプリモックアップ 
 
Sl17
Sl17Sl17
Sl17
 
JXUGC 13 東京 はじめに
JXUGC 13 東京 はじめにJXUGC 13 東京 はじめに
JXUGC 13 東京 はじめに
 
C#でiPhoneアプリ開発 with MonoTouch
C#でiPhoneアプリ開発 with MonoTouchC#でiPhoneアプリ開発 with MonoTouch
C#でiPhoneアプリ開発 with MonoTouch
 
FxugWP7
FxugWP7FxugWP7
FxugWP7
 
Webサービスを作るときの9の間違い
Webサービスを作るときの9の間違いWebサービスを作るときの9の間違い
Webサービスを作るときの9の間違い
 
Visual Studio 2015 リリース記念 勉強会 universal windows platform app
Visual Studio 2015 リリース記念 勉強会 universal windows platform appVisual Studio 2015 リリース記念 勉強会 universal windows platform app
Visual Studio 2015 リリース記念 勉強会 universal windows platform app
 
超初心者でもできた!AzureMobileService JSバージョン
超初心者でもできた!AzureMobileService JSバージョン超初心者でもできた!AzureMobileService JSバージョン
超初心者でもできた!AzureMobileService JSバージョン
 
20120413 nestakabaneworkshop
20120413 nestakabaneworkshop20120413 nestakabaneworkshop
20120413 nestakabaneworkshop
 
Introducing Fluent Design
Introducing Fluent DesignIntroducing Fluent Design
Introducing Fluent Design
 
Wankuma0402
Wankuma0402Wankuma0402
Wankuma0402
 
Cod2012 デバッグ講座
Cod2012 デバッグ講座Cod2012 デバッグ講座
Cod2012 デバッグ講座
 

More from c-mitsuba

More from c-mitsuba (20)

Beginning of HoloMagicians
Beginning of HoloMagiciansBeginning of HoloMagicians
Beginning of HoloMagicians
 
Build 2021 Topics & Unofficial Talks for Windows Development
Build 2021 Topics & Unofficial Talks for Windows DevelopmentBuild 2021 Topics & Unofficial Talks for Windows Development
Build 2021 Topics & Unofficial Talks for Windows Development
 
Avalonia for MacApps
Avalonia for MacAppsAvalonia for MacApps
Avalonia for MacApps
 
Me
MeMe
Me
 
nameless ある沼にDeepDiveした人のポートフォリオ
nameless ある沼にDeepDiveした人のポートフォリオnameless ある沼にDeepDiveした人のポートフォリオ
nameless ある沼にDeepDiveした人のポートフォリオ
 
Emotional space
Emotional spaceEmotional space
Emotional space
 
Designer’s Design Talk Azure / Windows Development 2人のMVPの場合 -
Designer’s  Design Talk Azure / Windows Development  2人のMVPの場合 -Designer’s  Design Talk Azure / Windows Development  2人のMVPの場合 -
Designer’s Design Talk Azure / Windows Development 2人のMVPの場合 -
 
うるしまカップ パネルディスカッション
うるしまカップ パネルディスカッションうるしまカップ パネルディスカッション
うるしまカップ パネルディスカッション
 
Designer’s Design Talk - Azure / Windows Development 2人のMVPの場合 -
Designer’s Design Talk - Azure / Windows Development 2人のMVPの場合 - Designer’s Design Talk - Azure / Windows Development 2人のMVPの場合 -
Designer’s Design Talk - Azure / Windows Development 2人のMVPの場合 -
 
30min serverless-x tuber
30min serverless-x tuber30min serverless-x tuber
30min serverless-x tuber
 
HoloLensで航空管制
HoloLensで航空管制HoloLensで航空管制
HoloLensで航空管制
 
Introducing micro:bit and demo
Introducing micro:bit and demoIntroducing micro:bit and demo
Introducing micro:bit and demo
 
micro:bitさわってみた。
micro:bitさわってみた。micro:bitさわってみた。
micro:bitさわってみた。
 
HoloLens Demo
HoloLens DemoHoloLens Demo
HoloLens Demo
 
楽しく生きるために 何を選択して、どうしてきたか。
楽しく生きるために 何を選択して、どうしてきたか。楽しく生きるために 何を選択して、どうしてきたか。
楽しく生きるために 何を選択して、どうしてきたか。
 
Dotnetlab: Introducing Fluent Design System and Mixed Reality
Dotnetlab: Introducing Fluent Design System and Mixed RealityDotnetlab: Introducing Fluent Design System and Mixed Reality
Dotnetlab: Introducing Fluent Design System and Mixed Reality
 
WinMR入門
WinMR入門WinMR入門
WinMR入門
 
to tanzanite
to tanzanite to tanzanite
to tanzanite
 
ホントのホントの0から始める3Dモデリング入門
ホントのホントの0から始める3Dモデリング入門ホントのホントの0から始める3Dモデリング入門
ホントのホントの0から始める3Dモデリング入門
 
RoomAlive - HoloLensに向けていまできること
RoomAlive - HoloLensに向けていまできることRoomAlive - HoloLensに向けていまできること
RoomAlive - HoloLensに向けていまできること
 

Windows Phoneをuniversal Appsプロジェクトで