Windows 10 IoT Core ハンズオントレーニング · 2018. 10. 17. · Windows 10 IoT Core –...

Windows 10 IoT Core – MVA 2015 August

Building and running Github MS IoT Samples on Windows 10 IoT Core of 12

Windows 10 IoT Core

ハンズオントレーニング

Building and running Github MS IoT

Samples on Windows 10 IoT Core

3 章 UWP アプリの開発

Lab version: 10240.1.0

Last updated: 9/24/2015



目次

開発環境 PC のセットアップ ........................................................................................................................ 3

HELLO,WORLD!(UWP アプリ)の実行 ..................................................................................................... 4



開発環境 PC のセットアップ

参照 <http://ms-iot.github.io/content/en-US/win10/SetupPCRPI.htm>

Windows 10 IoT Core 開発環境 PC をセットアップする

1. 開発環境 PC 上で、(Windows Insider Program 等でリリースされた早期リリース版で

はなく) 正式にリリースされた Windows 10 (Build 10240 もしくはそれ以降) が動作

している事を確認します。Build 番号は、スタートボタンを押して winver と入力して

Enter キーを押すと確認する事ができます。

2. Visual Studio Community 2015 をこちらからインストールします。もしくは

Visual Studio Professional 2015 または Visual Studio Enterprise 2015 をこちら

からダウンロードしてインストールします。

NOTE: Visual Studio をインストールする際、インストールオプションは「カスタ

ム」を選択して、次に 2 つの項目を選択してインストールします。

－Windows 開発と Web 開発

⇒ ☑ Microsoft Web Developer Tools

－ユニバーサル Windows アプリ開発ツール

⇒ ☑ ツールおよび Windows SDK 10.0.10240

3. Visual Studio のインストールが完了したら、Visual Studio を起動して、メニューの

[ヘルプ] > [Microsoft Visual Studio のバージョン情報] を選択して、以下の

Windows 10 IoT Core 開発要件を満たしたバージョンである事を確認します。

Visual Studio 本体：14.0.23107.0 D14REL

ユニバーサル Windows アプリ用の Visual Studio ツール：14.0.23121.00 D14OOB

4. Windows IoT Core Project Templates をこちらよりインストールするか、同じ

Windows IoT Core Project Templates を Visual Studio Gallery の中から探してイン

ストールします。もしくは Visual Studio を起動して、メニューの [ツール] > [拡張機

能と更新プログラム] > [オンライン] から直接見つけてインストールします。

http://ms-iot.github.io/content/en-US/win10/SetupPCRPI.htm

http://go.microsoft.com/fwlink/?LinkID=534599

https://www.visualstudio.com/vs-2015-product-editions

https://visualstudiogallery.msdn.microsoft.com/06507e74-41cf-47b2-b7fe-8a2624202d36

https://visualstudiogallery.msdn.microsoft.com/



Hello,World!(UWP アプリ)の実行

参照 <http://ms-iot.github.io/content/en-US/win10/samples/HelloWorld.htm>

Windows 10 IoT Core デバイス向けに UWP アプリケーションを開発するために、まず構成

しておくべき設定を 2 点紹介します。

Windows 10 を開発者モードに設定する

今回が初めての Visual Studio 2015 におけるプロジェクト作成の場合、Visual Studio は

Windows 10 を開発者モードにするよう案内が表示されるので、それに従って設定してくだ

さい。Windows 10 のスタートボタンを押して表示されるメニューから [設定] > [更新とセキ

ュリティ] > [開発者向け] > [開発者モード] を選択します。

開発者モードについてはこちらにより詳細な説明があります。

http://ms-iot.github.io/content/en-US/win10/samples/HelloWorld.htm

https://msdn.microsoft.com/library/windows/apps/xaml/dn706236.aspx



Windows IoT Extension の追加

Windows IoT Extension はデフォルトではプロジェクトに追加されないため、別途、参照先

を追加する必要があります。これによって Windows.Devices.Gpio のようなネームスペース

がプロジェクト内で有効になります。

作成された [プロジェクト] の [参照] を右クリックして [参照の追加] で Universal Windows

> 拡張 > Windows IoT Extensions for the UWP を選択してください。

C# プロジェクトの作成

今回紹介する Hello World アプリをはじめ、Windows 10 IoT Core 向けの様々なサンプルコ

ードが纏まったものをこちらから１つのファイル (samples-develop.zip) として入手する事

ができます。

https://github.com/ms-iot/samples/tree/develop/HelloWorld



1. 開発環境 PC 上の任意の場所に samples-develop.zip をコピーして解凍します。

2. 解凍したフォルダーの中にある HelloWorld\CS が HelloWorld アプリの C# プロジェ

クトサンプルコード一式です。その中にある HelloWorld.sln をダブルクリックする

と、HelloWorld アプリの C# プロジェクトが開かれた状態で Visual Studio が起動し

ます。

NOTE: ここまでの手順で HelloWorld アプリのサンプルを開いたら、ここから先は少し手順

をスキップして「ローカルでアプリケーションをビルドする」以降の手順を実施します。

ただし、こちらの資料では（演習のため）上述のようなサンプルコードをダウンロードせずに

Hello World アプリを新規に作成するために必要なすべてのステップをここから記載していま

す。

参考：サンプルを使わずに Hello World アプリを作成する手順

・Visual Studio 2015 を起動

・新しいプロジェクトを作成 (ファイル > 新規作成 > プロジェクト…).

・新しいプロジェクトダイアログにおいて、ユニバーサルを選択

(ダイアログの左側ペイン : テンプレート > Visual C# > Windows > ユニバーサル)

・空白のアプリ (ユニバーサル Windows) を選択

初めてのアプリケーションに名前をつけましょう。こちらの例では ‘HelloWorld’ と名付けてい

ます。



MainPage.xaml にコンテンツを追加

まずはメインページにコンテンツを追加しましょう。ソリューションエクスプローラーか

ら ‘MainPage.xaml’ ファイルを選択します。双方向性を持たせるために、テキストボック

スとボタンを追加しましょう。まずは、これらの要素を追加するために XAML ファイル

を編集します。デザイナーの XAML セクションに <Grid> タグを配置し、以下のコードを

追加します。

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">

<TextBox x:Name="HelloMessage" Text="Hello, World!" Margin="10" IsReadOnly="True"/>

<Button x:Name="ClickMe" Content="Click Me!" Margin="10" HorizontalAlignment="Center"/>

</StackPanel>

</Grid>

テキストボックスとボタンが作成されました。次に、ボタンが押された時に実行され

るコードを追加しましょう。デザイン画面におけるボタンをダブルクリックします :



XAML タグに Click プロパティが追加され、‘MainPage.xaml.cs’に ClickMe_Click メ

ソッドが作成されますので、メソッドに簡単なコードを追加してみましょう。

MainPage.xaml:

<Button x:Name="ClickMe" Content="Click Me!" Margin="10" HorizontalAlignment="Center" Click="ClickMe_Click"/>

MainPage.xaml.cs:

private void ClickMe_Click(object sender, RoutedEventArgs e)

{

this.HelloMessage.Text = "Hello, Windows IoT Core!";

}

ローカルでアプリケーションをビルドする

Visual Studio から HelloWorld アプリのプロジェクトを開いている状態である事を確認して

ビルドを行います。

1. Visual Studio のメニューから [ビルド] > [ソリューションのビルド] を選択してアプ

リケーションのビルドを行います。ビルドが問題なく完了する事を確認します。

2. ユニバーサル Windows アプリは Windows 10 が動作するあらゆるマシン上で動作す

るため、Windows 10 IoT Core 上で実行する前に、開発環境 PC 上でもテスト用に実

行する事ができます。F5 キーを押すと、以下のようにその場でアプリケーションが実



行されます。

アプリケーションの実行を確認したら、このアプリケーションを閉じて終了させます。

Windows 10 IoT Core デバイスにアプリケーションをデプロイ(配置)する

ではこれから作成した UWP アプリケーションを Windows 10 IoT Core デバイスにネットワ

ーク経由で送りこんでデプロイ（配置）します。

1. Raspberry Pi 2 で実行するアプリを作成する場合、Visual Studio ツールバーのアー

キテクチャードロップダウンから ARM を選択します。



2. アーキテクチャーを ARM に変更した場合は、もう一度あらためて、Visual Studio の

メニューから [ビルド] > [ソリューションのビルド] を選択してアプリケーションのビ

ルドを行い、ビルドが問題なく完了する事を確認します。

3. Visual Studio ツールバーのアーキテクチャーの右隣のドロップダウンをクリックして

リモートコンピューターを選択します。

4. リモート接続ダイアログが表示されますので、アドレスには、Windows 10 IoT Core

デバイスの IP アドレス、またはコンピューター名 ( サンプルでは ‘minwinpc’ を使用)

を入力します。認証モードはなしを選択し、 [選択] をクリックします。



NOTE:

1. Windows 10 IoT Core デバイスのコンピューター名の代わりに、IP アドレス

を使用することも可能です。

2. これらの設定は、プロジェクトのプロパティ (ソリューションエクスプローラー

にて ‘プロパティ’ - 左側の‘デバッグ’ タブを選択 ) からも実施することも可能で

す。

5. リモートの Windows 10 IoT Core デバイスへデプロイ(配置)する準備が整いました。

F5 キー (またはツールバーの [デバッグ]) をクリックすると、HelloWorld アプリケー

ションが Windows 10 IoT Core デバイス上で実行します。Windows 10 IoT Core デ

バイスのスクリーンにアプリケーション実行画面が表示され、ボタンが表れます。

6. この状態でアプリケーションをリモートデバッグできますので、Visual Studio からブ

レークポイントを設定したり、変数の値を参照したりする事ができます。アプリケーシ

ョンを終了させるには、Visual Studio のメニューから [デバッグ] > [デバッグの停止]

を選択します。

7. アプリのデプロイ(配置) およびデバッグが成功したら、ツールバーのドロップダウン

リストの[デバッグ] を [リリース] に変更して、リリースバージョンを作成します。



8. リリースに設定変更後、Visual Studio のメニューから [ビルド] > [ソリューションの

リビルド] および [ビルド] > [ソリューションの配置] を選択し、ビルドおよびデプ

ロイ(配置) を行います。

9. おめでとうございます！これでめでたく Windows 10 IoT Core デバイスに UWP アプ

リケーションをデプロイ(配置)することができました!

－以上－

Windows 10 IoT Core ハンズオントレーニング · 2018. 10. 17. · Windows 10 IoT Core –...

Documents

Transcript of Windows 10 IoT Core ハンズオントレーニング · 2018. 10. 17. · Windows 10 IoT Core –...