Visual Studio 2015 でシンプルな Windows 10 IoT アプリケーションを作成する

Visual Studio 2015 でシンプルな Windows 10 IoT アプリケーションを作成する手順を紹介します。

事前準備

Visual Studio 2015 のインストール

Visual Studio 2015をインストールします。手順等はこちらの記事を参照してください。
Windows 10 ユニバーサルアプリ開発の機能をインストールします。

Windows 10 IoT Coreデバイスの準備

Windows 10 Iot Coreデバイスを準備します。今回は Raspberry Pi 2を用意しました。

Windows 10 IoT Coreのインストール

Windows 10 IoT Coreをダウンロードし、インストールします。手順等は下記を参照して下さい。

Raspberry Pi 2との接続

LANケーブルをつなぎ、Raspberry Pi 2との接続ができることを確認します。Webの管理画面への接続などをテストします。

Windows 10を開発者モードに切り替える

開発マシンのWindows 10を開発者モードに切り替えます。切り替え手順は「Windows 10で開発者モードにする」を参照してください。

WinRM(Windows リモート管理) サービスを開始する

アプリデバッグ時には不要ですが、最初のフレームワーク配布の際に、WinRMが起動していないとエラーが発生したため、開発マシンのWinRMサービスを起動します。サービス開始手順は「WinRM(Windows リモート管理) サービスを開始する」を参照してください。

WinRM の TrastedHosts にホストを追加する

Windows 10 IoT CoreのデバイスをWinRMの信頼されたホストに追加します。追加手順は「WinRM の TrastedHosts にホストを追加 / 確認 / 削除する」を参照してください。

手順

Visual Studio 2015を起動します。
Visual Studio 2015 でシンプルな Windows 10 IoT アプリケーションを作成する:画像1

[ファイル]メニューの[新規作成]メニューの[プロジェクト]を選択し、プロジェクトを新規作成します。下図の[新しいプロジェクト]ダイアログが表示されます。左側のツリービューから[Windows]ノード内の[ユニバーサル]ノードを選択し、一覧の[空白のアプリ(ユニバーサル Windows)]を選択します。
Visual Studio 2015 でシンプルな Windows 10 IoT アプリケーションを作成する:画像2

参考
Windows 10が開発者モードでない場合は下図のダイアログが表示されます。こちらの手順を参照して、開発者モードに切り替えます。
Visual Studio 2015 でシンプルな Windows 10 IoT アプリケーションを作成する:画像3


空のユニバーサルアプリが作成されます。右側のソリューションエクスプローラから、"MainPage.xaml"をダブルクリックして開きます。
Visual Studio 2015 でシンプルな Windows 10 IoT アプリケーションを作成する:画像4

"MainPage.xaml"を開くと下図のフォームデザイナが表示されます。
Visual Studio 2015 でシンプルな Windows 10 IoT アプリケーションを作成する:画像5

左上のコンボボックスをクリックして開きます。今回はIoTデバイスのアプリを作成するので、"4" IoT Device (569 x 320) 160%スケール"を選択します。
Visual Studio 2015 でシンプルな Windows 10 IoT アプリケーションを作成する:画像6

横長のフォームデザイナに切り替わります。
Visual Studio 2015 でシンプルな Windows 10 IoT アプリケーションを作成する:画像7

ツールボックスを開き、一覧からTextBlockコンポーネントを選択し、フォームデザイナにドラッグ&ドロップします。
Visual Studio 2015 でシンプルな Windows 10 IoT アプリケーションを作成する:画像8

フォームデザイナに、TextBlockコンポーネントが配置できました。
Visual Studio 2015 でシンプルな Windows 10 IoT アプリケーションを作成する:画像9

右下のプロパティウィンドウのTextの値を変更します。今回は "Hello Windows 10 IoT World!" としました。
Visual Studio 2015 でシンプルな Windows 10 IoT アプリケーションを作成する:画像10

TextBlockの位置を少し下にします。(左上だとデバッグメッセージとかぶってしまうため)
Visual Studio 2015 でシンプルな Windows 10 IoT アプリケーションを作成する:画像11

ローカルPCでのデバッグ

[デバッグ]メニューの[デバッグの開始]、または、ツールバーの緑色の三角形ボタンをクリックしてデバッグを開始します。プロジェクトのビルドが実行され、ローカルPCでアプリが実行されます。実行できると下図の画面が表示されます。
Visual Studio 2015 でシンプルな Windows 10 IoT アプリケーションを作成する:画像12

リモートPCでのデバッグ

続いてリモートPCでデバッグします。今回はRaspberry Pi 2を利用していますので、ビルドターゲットをARMに変更します。ツールバーの上部の"x86"のコンボボックスをクリックして開きます。
Visual Studio 2015 でシンプルな Windows 10 IoT アプリケーションを作成する:画像13

ビルドターゲットの一覧が表示されますので、"ARM"を選択します。
Visual Studio 2015 でシンプルな Windows 10 IoT アプリケーションを作成する:画像14

ビルドターゲットがARMに変わりました。
Visual Studio 2015 でシンプルな Windows 10 IoT アプリケーションを作成する:画像15

ツールバーの緑色の三角形ボタンの右側のドロップダウンボタンをクリックします。下図のドロップダウンメニューが表示されるので、[リモート コンピューター]を選択します。
Visual Studio 2015 でシンプルな Windows 10 IoT アプリケーションを作成する:画像16

下図の[リモート接続]ダイアログが表示されます。Raspberry Pi 2と接続できていれば、[自動検出]の欄にRaspberry Pi 2のデバイス名が表示されていますのでクリックします。下図の状態になりますので、右下の[選択]ボタンをクリックします。
(認証が有効になっていません。の警告が表示されていますが、リモートデバッグは動作します。)
Visual Studio 2015 でシンプルな Windows 10 IoT アプリケーションを作成する:画像17

デバッグ]メニューの[デバッグの開始]、または、ツールバーの緑色の三角形ボタンをクリックしてデバッグを開始します。デバッグが開始できると、Visual Studioの画面がデバッグレイアウトに切り替わります。
Visual Studio 2015 でシンプルな Windows 10 IoT アプリケーションを作成する:画像18

Raspberry Pi 2のディスプレイ出力を確認すると、作成したアプリケーションが実行されていることが確認できます。
Visual Studio 2015 でシンプルな Windows 10 IoT アプリケーションを作成する:画像19
Visual Studio 2015 でシンプルな Windows 10 IoT アプリケーションを作成する:画像20

以上でリモートデバッグ開発ができるようになりました。

AuthorPortraitAlt
著者
iPentecのメインプログラマー
C#, ASP.NET の開発がメイン、少し前まではDelphiを愛用
作成日: 2015-08-09
Copyright © 1995–2025 iPentec all rights reserverd.