Enviar pesquisa
Carregar
メトロスタイルアプリ開発最初の一歩
•
Transferir como PPTX, PDF
•
0 gostou
•
973 visualizações
S
ShinichiAoyagi
Seguir
メトロスタイルの勉強会 MetroStyleDeveloper #02 で使用したセッション資料です
Leia menos
Leia mais
Tecnologia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 18
Baixar agora
Recomendados
VSハッカソン TypeScript ハンズオン
VSハッカソン TypeScript ハンズオン
Kazuhide Maruyama
Word Press on Movable Type
Word Press on Movable Type
Hajime Fujimoto
Openness, Innovation and Opptunity
Openness, Innovation and Opptunity
Makoto Kato
マイクロソフトにとってのWebって?
マイクロソフトにとってのWebって?
Microsoft
DEV-008_Developing on the Edge. ~Web プラットフォームと Cordova~
DEV-008_Developing on the Edge. ~Web プラットフォームと Cordova~
decode2016
Power shellmemo
Power shellmemo
ytanno
Microsoft edge deep dive
Microsoft edge deep dive
Osamu Monoe
Windows 10 の あたらしい Web ブラウザー について
Windows 10 の あたらしい Web ブラウザー について
Osamu Monoe
Recomendados
VSハッカソン TypeScript ハンズオン
VSハッカソン TypeScript ハンズオン
Kazuhide Maruyama
Word Press on Movable Type
Word Press on Movable Type
Hajime Fujimoto
Openness, Innovation and Opptunity
Openness, Innovation and Opptunity
Makoto Kato
マイクロソフトにとってのWebって?
マイクロソフトにとってのWebって?
Microsoft
DEV-008_Developing on the Edge. ~Web プラットフォームと Cordova~
DEV-008_Developing on the Edge. ~Web プラットフォームと Cordova~
decode2016
Power shellmemo
Power shellmemo
ytanno
Microsoft edge deep dive
Microsoft edge deep dive
Osamu Monoe
Windows 10 の あたらしい Web ブラウザー について
Windows 10 の あたらしい Web ブラウザー について
Osamu Monoe
Edge と IE、来年からの Web 制作
Edge と IE、来年からの Web 制作
Osamu Monoe
Microsoft Edgeでサポートされる新しい API について
Microsoft Edgeでサポートされる新しい API について
Osamu Monoe
Microsoft Edge F12 開発者ツール
Microsoft Edge F12 開発者ツール
Yoshihisa Ozaki
Windows 10 のあたらしい Web ブラウザーの F12 開発者ツール
Windows 10 のあたらしい Web ブラウザーの F12 開発者ツール
Osamu Monoe
FirefoxとMozillaでのSVGの取り組み
FirefoxとMozillaでのSVGの取り組み
Makoto Kato
Chrome GPO Availability
Chrome GPO Availability
彰 村地
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
Kiyoshi Sawada
酒と泪と Edge と IE
酒と泪と Edge と IE
Osamu Monoe
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
Kiyoshi Sawada
Silverlightをあれこれ紹介
Silverlightをあれこれ紹介
mizusawa
Internet Explorer 9 の新機能「固定サイト」 (Pinned sites)
Internet Explorer 9 の新機能「固定サイト」 (Pinned sites)
shigeya
20060419
20060419
小野 修司
Web リソースを活用した簡単アプリケーション開発(Windows Phone)
Web リソースを活用した簡単アプリケーション開発(Windows Phone)
Akira Onishi
20050903
20050903
小野 修司
2012 05-19第44回cocoa勉強会発表資料
2012 05-19第44回cocoa勉強会発表資料
OCHI Shuji
Silverlightの今
Silverlightの今
信之 岩永
HTML5&API総まくり
HTML5&API総まくり
Shumpei Shiraishi
Angular の紹介
Angular の紹介
Neo Xrea
Windows phone & windows 8で見えてくるメトロの世界
Windows phone & windows 8で見えてくるメトロの世界
Makoto Nishimura
Windowsストアアプリ開発 オープンセミナー広島
Windowsストアアプリ開発 オープンセミナー広島
Akira Onishi
HTML5最新動向
HTML5最新動向
Shumpei Shiraishi
Windows 8時代のアプリ開発
Windows 8時代のアプリ開発
信之 岩永
Mais conteúdo relacionado
Mais procurados
Edge と IE、来年からの Web 制作
Edge と IE、来年からの Web 制作
Osamu Monoe
Microsoft Edgeでサポートされる新しい API について
Microsoft Edgeでサポートされる新しい API について
Osamu Monoe
Microsoft Edge F12 開発者ツール
Microsoft Edge F12 開発者ツール
Yoshihisa Ozaki
Windows 10 のあたらしい Web ブラウザーの F12 開発者ツール
Windows 10 のあたらしい Web ブラウザーの F12 開発者ツール
Osamu Monoe
FirefoxとMozillaでのSVGの取り組み
FirefoxとMozillaでのSVGの取り組み
Makoto Kato
Chrome GPO Availability
Chrome GPO Availability
彰 村地
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
Kiyoshi Sawada
酒と泪と Edge と IE
酒と泪と Edge と IE
Osamu Monoe
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
Kiyoshi Sawada
Silverlightをあれこれ紹介
Silverlightをあれこれ紹介
mizusawa
Mais procurados
(10)
Edge と IE、来年からの Web 制作
Edge と IE、来年からの Web 制作
Microsoft Edgeでサポートされる新しい API について
Microsoft Edgeでサポートされる新しい API について
Microsoft Edge F12 開発者ツール
Microsoft Edge F12 開発者ツール
Windows 10 のあたらしい Web ブラウザーの F12 開発者ツール
Windows 10 のあたらしい Web ブラウザーの F12 開発者ツール
FirefoxとMozillaでのSVGの取り組み
FirefoxとMozillaでのSVGの取り組み
Chrome GPO Availability
Chrome GPO Availability
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
酒と泪と Edge と IE
酒と泪と Edge と IE
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
Silverlightをあれこれ紹介
Silverlightをあれこれ紹介
Semelhante a メトロスタイルアプリ開発最初の一歩
Internet Explorer 9 の新機能「固定サイト」 (Pinned sites)
Internet Explorer 9 の新機能「固定サイト」 (Pinned sites)
shigeya
20060419
20060419
小野 修司
Web リソースを活用した簡単アプリケーション開発(Windows Phone)
Web リソースを活用した簡単アプリケーション開発(Windows Phone)
Akira Onishi
20050903
20050903
小野 修司
2012 05-19第44回cocoa勉強会発表資料
2012 05-19第44回cocoa勉強会発表資料
OCHI Shuji
Silverlightの今
Silverlightの今
信之 岩永
HTML5&API総まくり
HTML5&API総まくり
Shumpei Shiraishi
Angular の紹介
Angular の紹介
Neo Xrea
Windows phone & windows 8で見えてくるメトロの世界
Windows phone & windows 8で見えてくるメトロの世界
Makoto Nishimura
Windowsストアアプリ開発 オープンセミナー広島
Windowsストアアプリ開発 オープンセミナー広島
Akira Onishi
HTML5最新動向
HTML5最新動向
Shumpei Shiraishi
Windows 8時代のアプリ開発
Windows 8時代のアプリ開発
信之 岩永
Windows Phoneで始める拡張現実の世界
Windows Phoneで始める拡張現実の世界
Akira Hatsune
jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
Daizen Ikehara
jQuery Mobile(開発編)勉強会資料
jQuery Mobile(開発編)勉強会資料
Nobumasa Ura
TypeScript ファースト ステップ (v.0.9 対応版) ~ Any browser. Any host. Any OS. Open Sourc...
TypeScript ファースト ステップ (v.0.9 対応版) ~ Any browser. Any host. Any OS. Open Sourc...
Akira Inoue
Mvc conf session_5_isami
Mvc conf session_5_isami
Hiroshi Okunushi
[デブサミ2012]趣味と実益の脆弱性発見
[デブサミ2012]趣味と実益の脆弱性発見
Yosuke HASEGAWA
「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ
Yasuhito Yabe
Windows アプリケーション開発はじめに ~ Windows アプリケーション開発初学者の方向けVisual Studio を使ったアプリケーショ...
Windows アプリケーション開発はじめに ~ Windows アプリケーション開発初学者の方向けVisual Studio を使ったアプリケーショ...
Fujio Kojima
Semelhante a メトロスタイルアプリ開発最初の一歩
(20)
Internet Explorer 9 の新機能「固定サイト」 (Pinned sites)
Internet Explorer 9 の新機能「固定サイト」 (Pinned sites)
20060419
20060419
Web リソースを活用した簡単アプリケーション開発(Windows Phone)
Web リソースを活用した簡単アプリケーション開発(Windows Phone)
20050903
20050903
2012 05-19第44回cocoa勉強会発表資料
2012 05-19第44回cocoa勉強会発表資料
Silverlightの今
Silverlightの今
HTML5&API総まくり
HTML5&API総まくり
Angular の紹介
Angular の紹介
Windows phone & windows 8で見えてくるメトロの世界
Windows phone & windows 8で見えてくるメトロの世界
Windowsストアアプリ開発 オープンセミナー広島
Windowsストアアプリ開発 オープンセミナー広島
HTML5最新動向
HTML5最新動向
Windows 8時代のアプリ開発
Windows 8時代のアプリ開発
Windows Phoneで始める拡張現実の世界
Windows Phoneで始める拡張現実の世界
jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
jQuery Mobile(開発編)勉強会資料
jQuery Mobile(開発編)勉強会資料
TypeScript ファースト ステップ (v.0.9 対応版) ~ Any browser. Any host. Any OS. Open Sourc...
TypeScript ファースト ステップ (v.0.9 対応版) ~ Any browser. Any host. Any OS. Open Sourc...
Mvc conf session_5_isami
Mvc conf session_5_isami
[デブサミ2012]趣味と実益の脆弱性発見
[デブサミ2012]趣味と実益の脆弱性発見
「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ
Windows アプリケーション開発はじめに ~ Windows アプリケーション開発初学者の方向けVisual Studio を使ったアプリケーショ...
Windows アプリケーション開発はじめに ~ Windows アプリケーション開発初学者の方向けVisual Studio を使ったアプリケーショ...
Mais de ShinichiAoyagi
WPF & Windows Forms on .NET Core 3.0
WPF & Windows Forms on .NET Core 3.0
ShinichiAoyagi
【18-C-5】C# で iOS/Androidアプリ開発 - Visual Studio 2015 + Xamarin + MVVMCross -
【18-C-5】C# で iOS/Androidアプリ開発 - Visual Studio 2015 + Xamarin + MVVMCross -
ShinichiAoyagi
Visual Studio 2015 + Xamarin
Visual Studio 2015 + Xamarin
ShinichiAoyagi
Xamarin+MVVMCross のあれこれ
Xamarin+MVVMCross のあれこれ
ShinichiAoyagi
うるう秒とタイムゾーン
うるう秒とタイムゾーン
ShinichiAoyagi
XAML 入門
XAML 入門
ShinichiAoyagi
LINQ 概要 + 結構便利な LINQ to XML
LINQ 概要 + 結構便利な LINQ to XML
ShinichiAoyagi
C# と .NET と ・・・
C# と .NET と ・・・
ShinichiAoyagi
LINQ概要
LINQ概要
ShinichiAoyagi
LINQ の概要とかもろもろ
LINQ の概要とかもろもろ
ShinichiAoyagi
Windows ストアーアプリで SQLite を使ってみよう
Windows ストアーアプリで SQLite を使ってみよう
ShinichiAoyagi
WindowsストアーアプリでSharpDXを動かしてみる
WindowsストアーアプリでSharpDXを動かしてみる
ShinichiAoyagi
“なめらか”なメトロスタイルアプリを作るために ~WinRT の非同期性を活用したアプリ開発~
“なめらか”なメトロスタイルアプリを作るために ~WinRT の非同期性を活用したアプリ開発~
ShinichiAoyagi
メトロスタイルってなに?
メトロスタイルってなに?
ShinichiAoyagi
ついに日本上陸!Windows Phone 7.5 アプリケーション開発
ついに日本上陸!Windows Phone 7.5 アプリケーション開発
ShinichiAoyagi
Mais de ShinichiAoyagi
(15)
WPF & Windows Forms on .NET Core 3.0
WPF & Windows Forms on .NET Core 3.0
【18-C-5】C# で iOS/Androidアプリ開発 - Visual Studio 2015 + Xamarin + MVVMCross -
【18-C-5】C# で iOS/Androidアプリ開発 - Visual Studio 2015 + Xamarin + MVVMCross -
Visual Studio 2015 + Xamarin
Visual Studio 2015 + Xamarin
Xamarin+MVVMCross のあれこれ
Xamarin+MVVMCross のあれこれ
うるう秒とタイムゾーン
うるう秒とタイムゾーン
XAML 入門
XAML 入門
LINQ 概要 + 結構便利な LINQ to XML
LINQ 概要 + 結構便利な LINQ to XML
C# と .NET と ・・・
C# と .NET と ・・・
LINQ概要
LINQ概要
LINQ の概要とかもろもろ
LINQ の概要とかもろもろ
Windows ストアーアプリで SQLite を使ってみよう
Windows ストアーアプリで SQLite を使ってみよう
WindowsストアーアプリでSharpDXを動かしてみる
WindowsストアーアプリでSharpDXを動かしてみる
“なめらか”なメトロスタイルアプリを作るために ~WinRT の非同期性を活用したアプリ開発~
“なめらか”なメトロスタイルアプリを作るために ~WinRT の非同期性を活用したアプリ開発~
メトロスタイルってなに?
メトロスタイルってなに?
ついに日本上陸!Windows Phone 7.5 アプリケーション開発
ついに日本上陸!Windows Phone 7.5 アプリケーション開発
メトロスタイルアプリ開発最初の一歩
1.
メトロスタイルアプリ開発
最初の一歩 青柳 臣一 MetroStyleDeveloper #02 2012年4月19日(土)
2.
自己紹介
Twitter: @ShinichiAoyagi ブログ: http://shinichiaoyagi.blogspot.com/ 仕事 職場 自宅 ソフトウエア開発 WPF、Silverlight、 淀屋橋 吹田 C#、VB、
3.
Windows 8 • 正式名
– Windows 8 – Windows 8 Pro – Windows RT 発売時期は不明 • Windows 8 Consumer Preview リリース中
4.
Windows 8 のエディション
※ITPro より
5.
メトロスタイル Apps とデスクトップ
Apps
6.
メトロスタイル Apps
Windows WinRT フル スクリーン Store サスペンド タイル Share
7.
Windows Store
要登録 有料 審査 メトロスタイル Apps
8.
WinRT • 新しいランタイム –
.NET Framework、Silverlight、Windows Phone のいずれとも異なる • 制限された API(セキュアー) • 非同期を前提とした API
9.
フルスクリーン • 最低 1024px×768px •
スナップ 320px固定
10.
サスペンド • いつの間にか終了 • 起動時に復帰
11.
インターネットエクスプローラー • IE10 相当 •
メトロスタイル IE とデスクトップ IE • メトロスタイル IE から Windows Store やアプリへシームレスに連携 – 例: http://www.buildwindows.com/
12.
デモ • Visual Studio
11 Beta
13.
XAML (1) <Grid Background="{StaticResource
ApplicationPageBackgroundBrush}"> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <Grid Grid.Row="0"> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto"/> <ColumnDefinition Width="*"/> </Grid.ColumnDefinitions> <Button Grid.Column="0" x:Name="OpenButton" FontSize="48“ Content="開く" Width="300" Margin="16,16,16,16“ Click="OpenButton_Click"/> <Border Grid.Column="1"> <TextBlock x:Name="FileNameText" FontSize="48“ Margin="16,16,16,16" VerticalAlignment="Center"/> </Border> </Grid> <Image x:Name="PictureImage" Grid.Row="1" Margin="16,16,16,16"/> </Grid>
14.
XAML (2) • だいたい
WPF、Silverlight、WP7 と同 じ感じ • けど、いろいろ違うところもあり – そもそも属する名前空間が違ったり (Windows.UI.Xaml.Controls) – TextBlock には Background が無かったり – Border や TextBlock は sealed だったり
15.
画像を選択 (1) private void
OpenButton_Click(object sender, RoutedEventArgs e) { var openPicker = new FileOpenPicker(); openPicker.ViewMode = PickerViewMode.Thumbnail; openPicker.SuggestedStartLocation = PickerLocationId.PicturesLibrary; openPicker.FileTypeFilter.Add(".jpg"); var asyncOpe = openPicker.PickSingleFileAsync(); asyncOpe.Completed = onCompleted; } private void onCompleted(IAsyncOperation<Windows.Storage.StorageFile> asyncInfo, AsyncStatus asyncStatus) { if (asyncStatus == AsyncStatus.Completed) { var file = asyncInfo.GetResults(); var path = file.Path; this.Dispatcher.Invoke(Windows.UI.Core.CoreDispatcherPriority.Normal, (s, e) => { this.FileNameText.Text = path; }, this, null); } }
16.
非同期 • 50ms 以上かかりそうなものはみんな非同
期 – 例: ファイルを作成 StorageFolder.CreateFileAsync() – 例: ファイルを列挙 CreateFileQuery() して GetFilesAsync() • 同期版の API はそもそも存在しない
17.
画像を選択 (2) • async/await private
async void OpenButton_Click(object sender, RoutedEventArgs e) { var openPicker = new FileOpenPicker(); openPicker.ViewMode = PickerViewMode.Thumbnail; openPicker.SuggestedStartLocation = PickerLocationId.PicturesLibrary; openPicker.FileTypeFilter.Add(".jpg"); var file = await openPicker.PickSingleFileAsync(); this.FileNameText.Text = file.Path; }
18.
ありがとうございました。
Baixar agora