2015年8月26日にCEDEC 2015で講演を行いました。ANGLE (OpenGL ES)、 Cocos2d-x、 Unity の Windows 10 対応について、まとめておきます。

ANGLE:

OpenGL ES の API 呼び出しを DirectX 11 の API 呼び出しに変換するマッパーで、もともとはGoogle 様が始めたオープンソースプロジェクトです。

2013年より、Microsoftも参加し、Windows 8, Windows 8.1, Windows Phone 8, Windows Phone 8.1, Windows 10への対応が完了しています。

https://github.com/MSOpenTech/angle

このコンポーネントを利用することで、既存のOpenGL ESのコードを再利用して、DirectX 11のドライバーを利用してレンダリングできます。

ANGLE の詳細については、Build 2015のセッションをご覧ください。

Cocos2d-x:

C++で作成されたオープンソースの軽量なゲームエンジンで、OpenGL ESを利用しています。ANGLEが Windows 10に対応しているため、Cocos2d-xもWindows 10対応しています。

2Dゲーム開発向けで有名ですが、3D機能も充実してきています。

Cocos2d-xのコードをお持ちであれば、Windows 10用のテンプレートを作成し、そちらに既存のコードを取り込むことで、Windows 10対応できます。

https://jp.cocos.com/

ソースコード: https://github.com/cocos2d/cocos2d-x

Unity:

最新バージョンの Unity 5.2 に Windows 10 Universal Windows Platform の対応が入りました。Unity から Windows 10用にビルドすることで、Windows 10の様々なデバイスファミリーに対応できます。

https://unity3d.com/jp

Unity 5.2のインストーラーには、Visual Studio Community 2015とVisual Studio Tools for Unity 2.1のセットアップも含まれており、最小構成で環境を構築できます。

ゲーム開発とクロスプラットフォーム対応は、年々、デバイスやOSの進化とともに変化が進んでいます。GDC 2015からいくつかのトピックをご紹介します。

Unreal Engine 4 (Epic Games)

GDC 2015のDay 1に、Unreal Engine 利用の無償化が発表されました。正確には、"Pay a 5% royalty on games and applications you release. We succeed when you succeed. " ということで、詳細はUnreal Engine のサイトを参考にしてください。

Unreal Engine に興味のある方は、UE4攻略wiki というコミュニティコンテンツをぜひ参考にしてください。

Unreal Engine は DirectX 12に対応しており、今後、Windows 10 のゲーム開発における重要な選択肢の一つです。

Unity 5 (Unity Technologies)

GDC 2日目、朝の8:30より、Unity Technologiesにより、Unity 5のリリースについて、発表がありました。Unreal Engine 同様にインディーデベロッパー、個人開発者向けのサポートを強化し、Unity 5 Personal Editionはゲームエンジンのすべての機能を使えるようになり、こちらも無償化の流れとなりました。詳細は、Unity 5 Professional Edition と Unity 5 Personal Edition の違いをご覧ください。

Unity 5 は 21 のプラットフォームを活用できるツールに成長しています。

Unity 5 は DirectX 12 に対応しており、こちらも Windows 10 ゲーム開発の重要な選択肢の一つです。

↑の写真は、Microsoftブースで展示されていたUnity 5 with DirectX 12のデモです。写真だとわかりづらいかもしれませんが、水たまりに映り込む光や影、水面がキラキラ光っています。これらは、リアルタイムグローバルイルミネーションや物理ベースシェーディング、反射プローブなど、Unity 5 のグラフィックス強化の一部ですが、DirectX 12のハイパフォーマンスなグラフィックス機能と併せることで、今後、スゴイ表現を伴うゲームがどんどん出てくることが期待できます。

Unity と言えば、Visual Studio Tools for Unity (VSTU) も忘れてはいけません。Microsoftブースでは、VSTUが展示されていて、Jb Evain と Sebastien Lebreton と再会しました。彼らは昨年 Unite Tokyo 2014 で講演とブース出展で日本に来ており、「今年のUnite Tokyoも行きたいなー」と話していました。MSDN上にVSTUの公式ドキュメントが展開されており、今後、日本語対応しなければね、と話をしました

写真左: Jb Evain 写真右: Sebastien Lebreton

ちなみに、GDCの2日目に、Unity Technologies のサンフランシスコオフィスにお邪魔してきました。米国の各地でUnity User Groupを展開しているコミュニティーリーダーと話をしてきました。オフィス内なので、写真はありません…。

Cocos2d-X (forged by Chukong Technoglogies)

OpenGL ベース、C++による2Dゲーム開発で人気のCocos2d-x。GDC Expo会場には、Chukong Technologiesの展示があり、GDC最終日に、Chukong USAのGeneral Manager のLei Zhangさんと少しだけお話してきました。

Cocos2d-x は、iOS, Android, Windows, Windows Phone, Mac OS X, Linux とマルチプラットフォームに対応しています。

Windows ストア アプリ、Windows Phone アプリへの対応は、Microsoft OpenTechnologies によって行われています。WinRT対応を担当している Dale Stammen とGDC期間中に Microsoft San Francisco オフィスで会うことができました。

さて、https://windows.cocos.com/ というサイトでは、Cocos2d-xに関するコンテストの予告が行われています。Cocos2d-xで開発されている方は、ぜひ参加してみてください。

今後、Windows 10 への対応も進むことでしょう。こちらもWindows 10対応ゲーム開発の重要な選択肢の一つです。

Windows 10 + DirectX 12 + Xbox Live + Xbox App (Microsoft)

GDC期間中、Microsoft は大きなブースを構え、たくさんのお客様がいらしてました。

GDC 2015のMicrosoft セッションは、Channel 9にアーカイブが掲載されています。ビデオが公開されていないセッションもありますので、ご注意ください。

写真は Don Boxのセッションより。

参加できたセッションのスピーカーにはそれぞれ声を掛け、「コンテンツを日本語化して日本の開発者向けに展開していいですか？」と突撃してきました。それぞれ、「問題ないよ、ぜひやって！」と快諾してくれました。

GDC Expo会場では、主にDirectXチームと話をしてきました。Intel, NVIDIA, AMDのGPUに対応したデモや、Unity 5, Unreal Engine 4, Visual Studio 2015のグラフィックス診断機能、DXCAPなどの展示がありました。

DirectX 12 では、GPUリソースの割り当て、GPUへのコマンド発行など、開発者が書くべきコードは増えるのですが、CPU、GPU、メモリの利用を計画的に行え、並列処理を活かしながら、最良のパフォーマンスを得ることができます。

DirectX 12を直接知らなくても、Unreal Engine や Unity が DirectX 12 に対応するので、ゲームエンジンを利用している開発者は、知らずして、DirectX 12のパワーを活用できます。

さらにWindows 10では Xbox Live への接続、Xbox Appによるソーシャル機能の活用、Game DVR (ゲームのプレー画面のキャプチャー）、Xbox One から Windows 10 PCへのゲームストリーミング (家庭内ネットワーク)など、ゲームシナリオで様々な機能拡張が行われます。

もっと詳しい情報は、来月開催される //Build 2015 で発表される予定です。

ゲームとクロスプラットフォーム対応

Windows 10, iOS, Android と ゲームとクロスプラットフォーム対応は今後、より高度な機能を備えたゲームエンジンによって、新しい世界が広がることでしょう。

開発者の皆さんが考えることは、プログラミング言語の選択、ゲームエンジンの選択、高度なアセットを開発できる人たちとのコラボレーションです。

ネイティブを活用するという観点では、Windows であれば DirectX 、DirectX 上に構築された ANGLE (OpenGL ES の呼び出しを DirectXの呼び出しに変えるプロジェクト)、iOSやAndoidであればOpenGL ESが主軸になります。ゲーム開発全体で考えると、グラフィックス以外にはサウンドが必要となり、オーディオやメディアを制御する機能についても知る必要があります。ゲーム開発の先端を走るためには、プログラマとして努力を惜しまないことでしょう。

GDCに参加して、いつかは、スピーカーの立場で講演できたら、って思いました。加えて、人とコミュニケーションするのが得意な人たちが集まっていて、いろんなコミュニティの形があるのだな、と思いました。コミュニティへ参加して、情報を交換することは今後、ますます重要となっていきます。日本からも世界に情報を発信していきましょう。

Windows 10

iOS, Android

クロスプラットフォーム対応

次のアクション

※コンテンツへのアクセスにはMicrosoftアカウントが必要です

https://www.microsoftvirtualacademy.com/training-courses/decode-track1?m=9477

タイトルの下に３つリンクが並んでいます。ビデオ、スライド、サンプルコードの順になっています。

実は、このビデオは講演時のものではなく、講演後に自分で収録し直し、編集したものとなっています。

なので、de:code 2014でセッションに参加した方に披露していないデモが入っています。

※コンテンツへのアクセスにはMicrosoftアカウントが必要です

https://www.microsoftvirtualacademy.com/training-courses/decode-track1?m=9465

タイトルの下に２つリンクが並んでいます。ビデオ、スライドの順になっています。

こちらエバンジェリスト4名での共同登壇でした。それぞれの色の違いをお楽しみください。

※コンテンツへのアクセスにはMicrosoftアカウントが必要です

https://www.microsoftvirtualacademy.com/training-courses/decode-track1?m=9469

タイトルの下に３つリンクが並んでいます。ビデオ、スライド、サンプルコードの順になっています。

de:code Day 2 で イベント内、4つ目の登壇、思えば、この時のデモは当日の早朝に作り直したことや、睡眠不足から当日かなりヘロヘロだったことを思い出します。

※コンテンツへのアクセスにはMicrosoftアカウントが必要です

https://www.microsoftvirtualacademy.com/training-courses/decode-track1?m=9464

タイトルの下に３つリンクが並んでいます。ビデオ、スライド、サンプルコードの順になっています。

普段見ることのできない、Xbox One アプリの開発についても取り上げていますので、ぜひご覧ください。

WPF ( Windows Presentation Foundation ) は、Windows Vista 、Windows 7 、 Windows 8 、 Windows 8.1 で利用できるデスクトップアプリ用の部品群です。

WPF は .NET Framework の構成要素で、今後も発展を続けます。

この記事ではサービスの対話を REST で行う最初のきっかけとして、データの参照を取り上げます。

RESTを利用したサービスとの対話

WPF を使ったデスクトップアプリから、サービスにアクセスする前に、REST を利用して対話するための基本を学びましょう。

まずは、HTTP GET リクエストでデータを取り出す様子を体験するために、ブラウザーから次の URL にアクセスしてみましょう。

https://boya-catalog2.azurewebsites.net/Api/FoodCatalog/1

1.json というファイルをダウンロードします。ダウンロードが完了したら、ファイルの中身をメモ帳やテキストエディターで開きます。次の JSON 文字列が確認できるはずです。

{"id":1,"name":"リンゴ","price":98.00,"quantity":0,"uri":"https://boya-catalog2.azurewebsites.net/Images/Foods/Apple.jpg","groupName":"果物"}

参考までに、アクセスしたサービスは、 ASP.NET Web API を利用して作成したものを、 Azure Websites に展開しているものです。この記事では RESTサービスにアクセスする WPF のクライアント側を中心にご紹介するので、現時点で ASP.NET Web API や Azure Websites そのものを知らなくても構いません。また RESTサービスにアクセスするクライアントは、URL によって決められた　API のみを意識し、サーバーがどのように実装されているか、どのように展開されているかについては、一切気にする必要はありません。

続いて、次のURLにアクセスし、同様にファイルをダウンロードして中身を確認しましょう。

https://boya-catalog2.azurewebsites.net/Api/FoodCatalog/2

今度は、異なるデータが取得できていることがわかります。

{"id":2,"name":"さやえんどう","price":100.00,"quantity":0,"uri":"https://boya-catalog2.azurewebsites.net/Images/Foods/Beans.jpg","groupName":"野菜"}

この REST サービスの例では、 URL の最後に id を指定することでリソースを特定して、データを取得することができます。

さらに、次のURLにアクセスして、ファイルをダウンロードして、中身を確認しましょう。

https://boya-catalog2.azurewebsites.net/Api/FoodCatalog/

 今度は、カタログの内容がJSONの配列リテラルとして一覧されました。

[{"id":1,"name":"リンゴ","price":98.00,"quantity":0,"uri":"https://boya-catalog2.azurewebsites.net/Images/Foods/Apple.jpg","groupName":"果物"},

{"id":2,"name":"さやえんどう","price":100.00,"quantity":0,"uri":"https://boya-catalog2.azurewebsites.net/Images/Foods/Beans.jpg","groupName":"野菜"},

{"id":3,"name":"パン","price":120.00,"quantity":0,"uri":"https://boya-catalog2.azurewebsites.net/Images/Foods/Bread.jpg","groupName":"食品"},

{"id":4,"name":"ヘルシーケーキ","price":320.00,"quantity":0,"uri":"https://boya-catalog2.azurewebsites.net/Images/Foods/Cake.jpg","groupName":"食品"},

{"id":5,"name":"シナモン","price":180.00,"quantity":0,"uri":"https://boya-catalog2.azurewebsites.net/Images/Foods/Cinnamon.jpg","groupName":"野菜"},

{"id":6,"name":"クッキー","price":250.00,"quantity":0,"uri":"https://boya-catalog2.azurewebsites.net/Images/Foods/Cookie.jpg","groupName":"食品"},

{"id":7,"name":"果物ジュース","price":140.00,"quantity":0,"uri":"https://boya-catalog2.azurewebsites.net/Images/Foods/FruitJuice.jpg","groupName":"果物"},

{"id":8,"name":"マスカット","price":230.00,"quantity":0,"uri":"https://boya-catalog2.azurewebsites.net/Images/Foods/Grapes.jpg","groupName":"果物"},

{"id":9,"name":"ハーブティー","price":190.00,"quantity":0,"uri":"https://boya-catalog2.azurewebsites.net/Images/Foods/Herbtea.jpg","groupName":"食品"},

{"id":10,"name":"レモン","price":50.00,"quantity":0,"uri":"https://boya-catalog2.azurewebsites.net/Images/Foods/Lemon.jpg","groupName":"果物"},

{"id":11,"name":"レタス","price":70.00,"quantity":0,"uri":"https://boya-catalog2.azurewebsites.net/Images/Foods/Lettuce.jpg","groupName":"野菜"},

{"id":12,"name":"ミルク","price":210.00,"quantity":0,"uri":"https://boya-catalog2.azurewebsites.net/Images/Foods/Milk.jpg","groupName":"食品"},

{"id":13,"name":"ジャガイモ","price":540.00,"quantity":0,"uri":"https://boya-catalog2.azurewebsites.net/Images/Foods/Potato.jpg","groupName":"野菜"},

{"id":14,"name":"カボチャ","price":350.00,"quantity":0,"uri":"https://boya-catalog2.azurewebsites.net/Images/Foods/Pumpkin.jpg","groupName":"野菜"},

{"id":15,"name":"有機野菜サラダ","price":840.00,"quantity":0,"uri":"https://boya-catalog2.azurewebsites.net/Images/Foods/Sarada.jpg","groupName":"食品"},

{"id":16,"name":"イチゴ","price":750.00,"quantity":0,"uri":"https://boya-catalog2.azurewebsites.net/Images/Foods/Strawberry.jpg","groupName":"果物"},

{"id":17,"name":"トマト","price":290.00,"quantity":0,"uri":"https://boya-catalog2.azurewebsites.net/Images/Foods/Tomato.jpg","groupName":"野菜"},

{"id":18,"name":"スイカ","price":340.00,"quantity":0,"uri":"https://boya-catalog2.azurewebsites.net/Images/Foods/Watermelon.jpg","groupName":"果物"}]

このように、RESTを使ったサービスでは、クライアントアプリから、URLによって取得するリソースを指定し、目的のデータにアクセスします。

REST を使った WPF アプリとサービスとの対話 

それでは、ブラウザーでの対話を WPF アプリからの対話に切り替えてみましょう。

従来の Web 参照とは異なり、事前にサービス用のプロキシ―クラスを作る必要はありません。RESTサービスのアクセスには、 System.Net.Http.HttpClient クラスを使うと便利です。 

アプリとサービスとの通信は非同期で行われます。async - await パターンを利用すれば、コードの記述は同期のイメージで、実際の動作は非同期で処理されます。

Visual Studio 2013 を起動し、「WPFREST」という名前で WPF アプリケーションを新規に作成します。

WPF では XAML を利用して画面を作成します。ソリューション エクスプローラー から MainWindow.xaml を開き、XAMLのコードを次の内容で置き換えましょう。

[MainWindow.xaml]

<Window x:Class="WPFREST.MainWindow"
        xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="33*"/>
            <ColumnDefinition Width="14*"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="67*"/>
            <RowDefinition Height="252*"/>
        </Grid.RowDefinitions>
        <Button x:Name="btnRunQuery" Content="GET" FontSize="32" Grid.Column="1" Margin="10" Click="btnRunQuery_Click"/>
        <TextBlock x:Name="txtStatus" Grid.ColumnSpan="2" Grid.Row="1" TextWrapping="Wrap" Text="TextBlock"/>

    </Grid>
</Window>

続いて、MainWindow.xaml.cs を開き、次のメソッドを追加します。

[MainWindow.xaml.cs]

        private async void btnRunQuery_Click(object sender, RoutedEventArgs e)
        {
            var client = new HttpClient();
            var uri = "https://boya-catalog2.azurewebsites.net/Api/FoodCatalog/";
            var result = await client.GetStringAsync(uri);
            txtStatus.Text = result;
        }

async - await パターンを利用しているので、サービスとの通信が完了した後、 TextBlock.Text プロパティへの設定が行われます。

Visual Studio 2013 IDE から [F5] キーを押してアプリをデバッグ実行し、表示された [GET] ボタンをクリックしましょう。先ほどブラウザーで対話した時と同じデータがウィンドウ内に表示されることを確認します。

JSON文字列の処理

REST サービスとの対話において、XML や JSON が利用されます。最近は、データ転送量を減らす目的で JSON を採用する場合が増えています。

JSON から .NET のオブジェクトに変換する際は、 json.net を使うのが便利です。NuGet パッケージの管理からインストールするのが簡単です。

さきほどのアプリに、Product.cs というファイル名で商品データを取り扱うクラスを追加しましょう。

[Product.cs]
using System.ComponentModel;

namespace WPFREST
{
    //
    // 取得した商品データ
    //
    public class Product : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        int _id;

        public int Id
        {
            get { return _id; }
            set
            {
                _id = value;
                RaisePropertyChanged("Id");
            }
        }
        string _name;

        public string Name
        {
            get { return _name; }
            set
            {
                _name = value;
                RaisePropertyChanged("Name");
            }
        }
        double _price;

        public double Price
        {
            get { return _price; }
            set
            {
                _price = value;
                RaisePropertyChanged("Price");
            }
        }
        int _quantity;

        public int Quantity
        {
            get { return _quantity; }
            set
            {
                _quantity = value;
                RaisePropertyChanged("Quantity");
            }
        }
        string _imageUri;

        public string uri
        {
            get { return _imageUri; }
            set
            {
                _imageUri = value;
                RaisePropertyChanged("uri");
            }
        }
        string _groupName;

        public string GroupName
        {
            get { return _groupName; }
            set
            {
                _groupName = value;

                RaisePropertyChanged("GroupName");
            }
        }
        protected void RaisePropertyChanged(string name)
        {

            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(name));
            }

        }
    }
}

続いて、MainWindow.xaml.cs の MainWindow クラスに次のメンバー変数を加えます。

[MainWindow.cs]

       
private ObservableCollection<Product> _myData;

さらに、btnRunQuery_Clickメソッドを修正します。太字の部分にご注目ください。

[MainWindow.cs]

        private async void btnRunQuery_Click(object sender, RoutedEventArgs e)
        {
            var client = new HttpClient();
            var uri = "https://boya-catalog2.azurewebsites.net/Api/FoodCatalog/";
            var result = await client.GetStringAsync(uri);
            // txtStatus.Text = result;
            _myData = JsonConvert.DeserializeObject<ObservableCollection<Product>>(result);
        }

_myData = で始まる行にブレークポイントを設置し、 [F5] キーを押してデバッグ実行し、REST サービスから取得した JSON 配列がコレクションに変換されていることを確認しましょう。

XAML とデータバインディングによる UI 作成

サービスとの対話が確認できたので、画面に表示しましょう。

今回は、ListView コントロールで商品を一覧表示するために、データバインディングを活用します。データバインディングの概念は、はがきに住所や名前を印刷する際の差し込み印刷を思い起こすとよいでしょう。

ListViewに対して ItemTemplate を定義し、データを表示するコントロールのプロパティに {Binding } を使って指定します。

<Image Source="{Binding uri}" />

<TextBlock Text="{Binding Name}"/>

WPFのデータバインディングでは、文字書式の指定もできます。例えば、Priceプロパティについては、日本の通貨記号を付けて表示しています。

<TextBlock Text="{Binding Price, StringFormat=C0,ConverterCulture=ja-JP}" />

[MainWindow.xaml]

<Window
        xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="https://schemas.microsoft.com/expression/blend/2008" xmlns:mc="https://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" x:Class="WPFREST.MainWindow"
        Title="MainWindow" Height="600" Width="800">
    <Window.Resources>
        <DataTemplate x:Key="DataTemplate1">
            <Grid d:DesignWidth="620" d:DesignHeight="128.955">
                <Grid.RowDefinitions>
                    <RowDefinition Height="22*"/>
                    <RowDefinition Height="21*"/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="124*"/>
                    <ColumnDefinition Width="345*"/>
                    <ColumnDefinition Width="151*"/>
                </Grid.ColumnDefinitions>

                <TextBlock Grid.Column="1" HorizontalAlignment="Left" Height="46" Margin="10,10,0,0" TextWrapping="Wrap" Text="{Binding Name}" VerticalAlignment="Top" Width="325" FontSize="32"/>
                <TextBlock Grid.Column="2" Height="Auto" Grid.Row="1" TextWrapping="Wrap" Text="{Binding Price, StringFormat=C0,ConverterCulture=ja-JP}" Width="Auto" FontSize="32"/>
                <Image Grid.RowSpan="2" Stretch="Fill" Source="{Binding uri}" Width="124" Height="124"/>
            </Grid>
        </DataTemplate>
    </Window.Resources>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="33*"/>
            <ColumnDefinition Width="14*"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="67*"/>
            <RowDefinition Height="252*"/>
        </Grid.RowDefinitions>
        <Button x:Name="btnRunQuery" Content="GET" FontSize="32" Grid.Column="1" Margin="10" Click="btnRunQuery_Click"/>
        <ListView x:Name="myListView" Grid.ColumnSpan="2" Grid.Row="1" FontSize="32" ItemTemplate="{DynamicResource DataTemplate1}">
        </ListView>

    </Grid>
</Window>

myListViewという名前のListViewには、ItemsSourceプロパティに_myDataのコレクションを指定し、Product オブジェクトのデータを流し込みます。ListViewは、コレクション内のそれぞれの要素を表示する際に、XAML 上に定義された ItemTemplate に従ってレンダリングを実行します。

[MainWindow.xaml.cs]

        private async void btnRunQuery_Click(object sender, RoutedEventArgs e)
        {
            var client = new HttpClient();
            var uri = "https://boya-catalog2.azurewebsites.net/Api/FoodCatalog/";
            var result = await client.GetStringAsync(uri);
            // txtStatus.Text = result;
            _myData = JsonConvert.DeserializeObject<ObservableCollection<Product>>(result);
            myListView.ItemsSource = _myData;

        }

最後に、[F5]キーで実行し、表示を確認しましょう。

まとめ

脱Web参照、軽量なRESTサービスと接続するアプリ開発を始めてみましょう。

WPFデスクトップアプリとRESTサービスが対話するのは非常に簡単です。

・HttpClientクラスとasync-awaitパターンを利用してRESTサービスへアクセス

・json.net を利用して、JSONから.NETオブジェクトへの変換

・ListViewのItemsSource と ItemTemplateを利用して、データバインディングによる画面表示

サンプルアプリを改変して、様々なインターネット上のサービスから情報を取得してみましょう。

今回ご紹介した方法は、もちろんユニバーサル Windows アプリでも活用いただけますので、お試しください。

ここまでお読みいただき、ありがとうございました。

2014/9/4 に行いましたCEDEC 2014のセッションビデオをChannel 9に公開しました。

セッションスライド: