皆さん。ご無沙汰しております。アスカクリエイションの石原です。

このところプロジェクトが忙しくて、なかなか記事を書く時間が取れませんでしたが、ようやく落ち着いてきたので久々に書こうと思います。

さて、今回はWindows8ネタで書こうと思います。先日、Windows BlueことWindows8.1のプレビュー版が公開されました。早速インストールして使ってみた中で、目立った変更点を紹介していきたいと思います。

Windows8.1プレビュー版は下記URLから入手できます。

http://windows.microsoft.com/ja-jp/windows-8/preview-download

なお、今回ISOイメージをダウンロードしVMWare上にインストールしてみましたが、インストール手順は従来のWindows8と大きな変更点もなくスムーズに完了しました。

 

まず、Windows8.1の前評判として期待されていたデスクトップのスタートメニューの復活ですが、Windows7以前のスタートメニューを期待していた方には期待外れかもしれません。

たしかに新Windowsロゴマークのアイコンがタスクバーの左下に追加されていますが、これは単にタイルのスタート画面への切り替えでした。

現在のWindows8ではアイコンは表示されていませんが、デスクトップの左下の隅にマウスカーソルを持っていくとタイルのスタート画面への切り替えとなっていたものが、アイコンとして明示的に表示されるようになったにすぎません。

なお、左下の隅で右クリックすると表示されるコンテクストメニューに若干の追加がありました。

PowerShellとシャットダウンメニューが追加されました。現在の８ではシャットダウンはチャームから設定で行うので、少しわかり辛かったのが多少楽になるかもしれません。

その他、エクスプローラのリボンがデフォルト最小化になっていました。

 

スタート画面です。

スタート画面は魚があしらわれています。これは恐らくベタでしょうか。Windows7のベータ版でも壁紙にベタの画像が使用されていました。ちなみにベタの泡が時間の経過によって動きます。

スタート画面での変更点でまず、目につくのは左下の矢印アイコンの追加です。これをクリックすると以下のようにインストールされているアプリの一覧表示になります。

以前のスタート画面からチャームの検索の表示と同様のものですが、確かに、Windows8を使い始めたころはメモ帳や電卓、ペイントなどのデスクトップアプリを探すのに戸惑った経験があります。地味ですが気の利いた改善だと言えます。

 

 

なお、スタート画面でチャームから検索すると、すべての場所の検索、つまりPCのファイルやアプリやストアとWeb(bing)での検索結果の表示という動作に変更されたようです。

 

また、タイルの固まりにグループ名をつけられるようになりました。

 

さらに、目立った点としてタイルサイズがこれまで標準とワイドのみでしたが、新たに小と大が加わり４段階になりました。これはアプリ開発時の対応が必要になってきそうですね。

 

その他、特筆すべき点としてスナップの動作が変更されました。

従来のスナップでは横幅320ピクセル固定だったのが、自由な割合でスナップできるようになっていました。

これはアプリ開発のスナップ時のレイアウトに影響しそうですね。ちなみにスナップは従来1366×768以上の画面解像度が必要でしたがこの制限は取り払われたようです。

また、従来はスナップ時のメインとサブが明確だったため、スナップ中に新たにアプリを起動するとメイン側が入れ替わるのに対し、領域が自由に分割可能になりメインかサブか明確では無くなったためか、新たにアプリを立ち上げると左右のどちらに表示するかを選択する画面になります。

駆け足で目立った変更点を紹介しましたが、他にもストアの表示が変更されたりと細かな改善が見られます。正式リリースで仕様が変更される可能性もありますが、一ユーザーとしてリリースが楽しみです。開発者としてはタイルやスナップの仕様変更によって考慮しなければならない点が増えそうです。

今回は以上です。

こんにちは。アスカ・クリエイション株式会社　研究開発チームの石原です。前回に続き、今回は開発環境の構築について書きたいと思います。

まず、開発には以下のソフトウェアが必要となります。

• Windows8
• Visual Studio 2012 Professional以上、または Visual Studio Express 2012 for Windows8

Windows8は開発PC用のOSとして必要になります。Windows7以前のOSでストアアプリの開発は出来ません。

Visual Studioに関してはほとんどの場合、無償のExpressで十分アプリ開発が可能ですが、カスタムデバイスを制御するようなアプリの場合、ドライバのSDKの関係でProfessional以上が必要になってきます。今回はVisual Studio 2012 for Windows8での開発環境構築を説明しようと思います。Visual Studio 2012 for Windows8は以下よりダウンロード可能です。

http://www.microsoft.com/visualstudio/jpn/downloads

.exe形式と、.iso形式が用意されていますので、好みのほうをダウンロードします。.isoの場合はマウントするかCDに焼き付けwin8express_full.exeを実行します。

 

ライセンス条項に同意するにチェックしインストールを開始します。しばらくするとインストールが完了します。特に迷う部分は無いと思います。

初回起動ではプロダクトキーの入力を求められるのでオンライン登録を行いプロダクトキーを入手します。また、Windows8開発者用ライセンスを取得するよう促されるので同意して取得します。

Visual Studioでは開発用PCのローカル環境でアプリを実行しデバッグ可能な他に、以下のスクリーンショットのような端末のシミュレータが使用できます。

シミュレータでは、解像度の変更やマウスで疑似的にタッチ操作のシミュレートやGPSセンサーのシミュレートが可能です。しかし、これはOSイメージを仮想マシンで動かすようなものではなく、ローカル環境に別ウインドウでログインしているようなもので、ローカル環境で実行しているのとあまり変わりません。別解像度でのレイアウト確認など、補助的な用途には便利な場面もありますが、加速度センサーやジャイロセンサー等はシミュレート出来ませんし、マウスでのタッチ操作のシミュレートはやはり実際の操作感とはかけ離れているので、本格的な動作確認には確認用ハードウェアを用意するのが望ましいです。

ハードウェアについては、タッチ操作や各種センサーを利用したアプリの動作確認にはそれらを備えたWindows8やRTが動作するPCやタブレット端末が必要になります。もう一つ注意すべき点として古いPCにWindows8をインストールして動作確認に使用する場合、ストアアプリを実行するには最低1024 x 768 以上の画面解像度が必要なこと、さらにスナップという横端にアプリを小さくドッキングさせて表示する機能を使用するには1366 x 768 以上の画面解像度が必要となります。スナップ時にはレイアウトを大きく変更する必要が出てきますので、動作確認のために1366 x 768以上の端末を用意することが望ましいです。

別の端末にリモートでアプリを配置しデバッグを行うにはターゲット端末にRemote Tools for Visual Studio 2012をインストールする必要があります。このツールはARM版もあるのでWIndowsRT機にインストールしてデバッグすることも可能になります。このツールは前述のVisual Studioのダウンロードページからダウンロードします。

ターゲット端末のCPUに応じたインストーラーを選択します。インストール後、Remote Debuggerを起動します。

このツールが開発PCと通信することになるので立ち上げっぱなしにしておきます。開発PCとターゲット端末の接続はネットワークで行いますので、有線LANやWifi等で同一ネットワーク上に属している必要があります。

リモートでアプリを実行するにはVisual Studioのツールバーにある実行ボタンからリモートコンピューターを選択します。

初回時はネットワーク上をサーチしデバッグモニターの起動している端末が表示されるのでターゲット端末を選択します。またユーザー名とパスワードが求められるのでターゲット端末側のログインユーザーとパスワードを入力します。認証を保存にチェックを入れることで次回から省略出来ます。

以上で、リモートでアプリが実行されリモートデバッグが可能になります。

次回以降はコードを交えて、より踏み込んだ内容を書いていこうと思います。

はじめまして。ASTEC LABでWindows8/RTストアアプリの開発を担当させて頂いております、アスカ・クリエイション株式会社の石原繁彦と申します。

Windows8、WindowsRTが発売されて３ヵ月が立ち、ストアアプリも少しづつ充実してきました。私も発売の数か月前からRelease Preview版での検証や、開発者セミナーに参加するなど情報収集してきましたが、限られた情報の中で、まだまだ試行錯誤の連続です。このブログを通して、これまでの成果や、実験的な内容も交えつつノウハウの蓄積と発信を目指していこうと思います。

さて、記念すべき第一回は、ざっくりWindows8/RTストアアプリのアーキテクチャをまとめてみたいと思います。

ストアアプリでは下図のような構成になっています。従来のデスクトップアプリとの大きな違いは、これまでのWin32 APIではなくWinRTという新しいAPI群を使用するということです。

Windows8/RTではWin32 APIとその上位フレームワーク及び、デスクトップ環境も搭載しているためWindows7までのデスクトップアプリも動作します。が、しかし、ストアアプリの実行環境はAPIレベルで全くの別物、別環境と言っても過言ではないほど異なります。そしてストアアプリはご存じの通り、タッチ操作に特化しており、動作やコンセプトはAndroidやiOSのそれに近いものとなっております。従来のデスクトップ環境とタッチ向けの環境が同じカーネル上に同居しているようなOSとなっています。つまり、WinRT APIはWindowsにタブレット端末の実行環境を実現させるためのAPI群という位置付けになるかと思います。

ストアアプリを作成するためのプログラミング言語の組み合わせは以下にになります。

• HTML/CSS + JavaScript
• XAML + C#
• XAML + VB
• XAML + C/C++
• DirectX + C/C++

この他に、一部C++ でDLLを作成してC#から呼び出すハイブリッドアプリという手段もあります。HTML/CSSとJavaScriptの組み合わせでストアアプリが作成できるのでWeb系開発者も参入しやすいかもしれません。一方でDirectXを使用した3Dゲーム等はC/C++で作成する必要があります。標準的なアプリ開発ではUIをXAMLで作成しロジックをVB、C#、C/C++で好みのものを選択するケースが多いのではないでしょうか。XAMLによるUI作成はWPFのWindowsアプリケーションと共通する部分も多く、WPFを触ったことがある方なら扱いやすいと思います。

 

ストアアプリの開発で留意しなければならない点としてライフサイクルが従来のデスクトップとは異なる点が挙げられます。

図のように一時停止という状態が存在します。具体的にはバックグラウンドに回った時に一時停止状態に遷移します。さらに、一時停止中のアプリはメモリ等のリソース減少によりOSの判断で自動的に終了します。しかもアプリは終了前に通知を受けません。状態の保存には一時停止時にイベントが発生するので、このタイミングで保存しておく必要があります。また、この中断処理は５秒以内に終わらせる必要があります。

その他の留意点としてサンドボックスで実行されるためデバイス等にアクセスするにはアプリマニフェストの定義とユーザーの許可が要ること、アプリ間やOSとのデータ受け渡しにコントラクトという仕組みを使うことなどが挙げられます。これらは、また後日詳しく紹介していこうと思います。