Windows 8 アプリの Windows 8.1 アプリへの移行

Windows 8.1 が 10 月 18 日 (金) に公開されるということで、今回の記事では Widows 8 用に作成した Windows ストア アプリを Windows 8.1 用にマイグレーションする方法と、大きな仕様の変更について紹介します。 Windows 8 と Windows 8.1 Windows 8 は 2013 年 10 月現在、全世界でのライセンス数が 10 億を超えており、ストアには 10 万以上以上のアプリがあります。 また NETMARKETSHARE のデータによれば、Windows 8 がインストールされたコンピューターの数は、Mac OS のすべてのバージョンを足した数を超えています。 Windows 8.1 はこの市場を完全に引き継ぎ、さらに拡大すべく、インテル機、Windows RT を含めたすべての Windows 8 ユーザーに無償で配布されます。 つまり、これまである全ての Windows 8が 遠からず Windows 8.1…


『HTML5で作るWindows 8アプリ』まとめリンク

来月の 10 月 18 日に Windows 8.1 がリリースされます。 それと同時に Windows ストア アプリのデザインや仕様も若干ですが変わってきます。 このブログでは、次回からは Windows 8.1 ベースの Windows ストア アプリの新機能を紹介していきます。 そんなわけで今回の記事は、Windows 8 用アプリ開発のまとめという意味で、Windows ストア アプリを開発するための MSDN のドキュメントと、いままで投稿した Windows 8 用ストア アプリを開発するための記事をまとめて紹介します。 Windows 8 用とは言っても Windows 8.1 用のストア アプリの開発にも十分使えますので、これから Windows ストア アプリの開発を始められる方は、ぜひご覧ください。       Windows ストア アプリ Windows ストア アプリの紹介 http://msdn.microsoft.com/ja-JP/windows/apps/hh974576     開発のプランニング アプリの計画 http://msdn.microsoft.com/library/windows/apps/hh465427 ユーザーエクスペリエンスのガイドライン http://msdn.microsoft.com/library/windows/apps/hh770552 Windows…


これであなたも億万長者(?)Windows ストア アプリのマネタイズ方法まとめ

今回は Windows ストア アプリをお金に換える = マネタイズ(収益化) の方法について紹介します。 Windows ストア アプリには、複数のマネタイズの方法が用意されており、そのいずれか、あるいは複数を組み合わせて売上を得ることができます。 マネタイズの方法には、アプリそのものの販売から、アプリ内販売、広告モデルなどが用意されており、アプリの形態やサービスの内容に合わせ、柔軟に対応させることができます。 各マネタイズの方法について紹介する前に、マネタイズの基盤となる Windows ストアについて、販売という観点から紹介しましょう。   Windows ストア Windows ストアは Windows 8 のスタート画面に組み込まれた Windows 8 の新しい UI 環境で動作するアプリの販売所です。 Windows ストアにアプリを公開することで、世界中のすべての Windows 8 ユーザーがそのアプリを購入することができるようになります。 Windows ストアへのアプリの提出と販売に必要な作業は、オンラインで完結しており、従来のデスクトップ用アプリケーションを販売するときのような、CD に記録し、パッケージに梱包し、流通を手配し、店頭への陳列、在庫管理、といったことが必要なくなり、また、ダウンロード販売のように、サーバーの用意や、決済システムの導入、クレジットカード決済を行うための加盟契約、といったことも必要ありません。   売り上げについて Windows ストアで販売したアプリの売上のうち、アプリの提供者は、Windows ストアの使用料を抜いた 70% を受け取ることができます。 ただし、総売り上げが $25,000 を超えると、アプリの提供者は売り上げの 80% を受け取ることができるようになります。 なお、Windows ストアを介さずに得た収益については、マイクロソフトでは関与せず、Windows ストアの使用料の徴収は行われません。 提出するアプリの品質について Windows ストアは、アプリを単に公開するだけの場所ではなく、「ストア」と名前にあるとおり基本的にはアプリを販売する場所です。   Windows ストアでは無償のアプリも公開することができますが、これは無償…


WordPress のブログを Windows 8 アプリ化する方法

今回は WordPress で構築されているブログサイトを Windows ストア アプリ化する方法について紹介します。 なお、今回の内容は、Windows ストア アプリ (Windows 8 の新しい UI 上で動作するアプリ) の開発者が対象となっておりますので、これから Windows ストア アプリの開発を始ようという方は、この記事を読む前に、以下のドキュメントをご覧いただくことをお薦めします。   始めよう、Windows 8 アプリ開発 (準備編) http://blogs.msdn.com/b/osamum/archive/2012/10/10/windows-8.aspx   さらに、今回の記事は WordPress で既に何らかのブログをホストしているか、WordPress の基本的な設定、もしくは操作が可能な方を対象としていますので、WordPress がよくわからないという方は、先に WordPress に触れたことのない方は市販の本などで勉強されることをお薦めします。 ちなみに Microsoft Web Platform Installer (WebPI) を使用すると、Windows 環境に WordPress を簡単にインストールして試すことができますので、これから WordPress を勉強される方はこちらもお使いください。   Microsoft Web Platform Installer http://www.microsoft.com/web/downloads/platform.aspx   WordPresss でリッチな RSS を公開する設定…


ライブコーディングで作るWin 8 カメラアプリ デモ – タッチ処理と共有機能の実装

前回から撮影機能を持った Windows ストア アプリをライブコーディングで作成する手順について書いています。 前回の記事では、PC についている Web カメラを使用して撮影を行うという基本的な機能を実装しました。 今回は、撮影した写真をタッチジェスチャで移動、回転、サイズ変更を行う機能と、写真を他の Windows ストア アプリ共有する機能を実装します。 上記の各機能を実現するコードは、タイプするには長く、時間もかかるため、あらかじめ用意したコードを張り付けていきます。   貼りつけるコードの準備 ライブコーディングの醍醐味はリアルタイムにコードを書き、その場でソフトウェアを作っていくことにあります。 しかしながら、セッションの目的から外れた必ずしもライブコーディングで説明する必要のない冗長なコードの記述が必要になる場合があります。 そのようなときは無理せずにあらかじめ用意しておいたコードを貼り付けて使用しましょう。 Visual Studio では、ツールバーに記述したコードを張り付けておくことができます。 以下で貼りつけておくコードと、Visual Studio のツールバーにコードを登録する方法について説明します。 手順は以下のとおりです。   以下のコードをクリップボードにコピーします。 function manipulateElement(e) {         var m = new MSCSSMatrix(e.target.style.transform);         e.target.style.transform = m         .rotate(e.rotation * 180 / Math.PI)         .scale(e.scale)         .translate(e.translationX, e.translationY)     } function goGesture(image)…


ライブコーディングで作るWin 8 カメラアプリ デモ – 基本機能の実装

夏ですね。 お盆になって帰省して、親戚とか地元の友達なんかが集まると、よく「おい、ちょっとなんかやってみろよ」なんてことになって、ライブコーディングを披露することになることが増えると思うのですが、そういった急なデモでもネタに困ることがないように、今回は Windows ストア アプリ、しかも Web カメラを使ったアプリをライブコーディングで作る、というデモの手順を紹介します。 なお、書き始めたら思いのほか長くなってしまったので、2 回に分けて紹介していきます。 全部の記事を投稿し終わるころには、もしかしたらお盆が過ぎてしまっているかもしれませんが、そういう場合には秋の芋煮会などで披露していただければと思います。   準備するもの キーボード、マウスつきの PC Windows 8 Visual Studio 2012 (※) (※) Visual Studio 2012 をお持ちでない方は以下から無償版が入手できるので速やかにインストールしてください。 なお、使用する OS は Windows 8  でないと Windows ストア アプリの開発はできないので、お持ちでないという方は、速やかに量販店などから購入してください。   Windows ストア アプリ開発に関するダウンロード http://msdn.microsoft.com/ja-JP/windows/apps/br229516   Visual Studio 2012 エディタのフォントサイズの変更 エディタのフォントサイズは観客からよく見えるように最低でも 18 ポイント以上にしておきましょう。 フォントのサイズは、Visual Studio 2012 のメニュー [ツール] – [オプション] を選択して表示されるダイアログボックスで変更できます。…


さぶみっと!オフ会 ~JavaScript で作れるWindows 8 対応アプリの夕べ~フォローアップ

昨日 (2013/06/13) の 「さぶみっと!オフ会 ~JavaScript で作れるWindows 8 対応アプリの夕べ~ 」にご参加くださいました皆様、ありがとうございました。 私のセッションで使用したスライドと、紹介したドキュメントのリンクを掲載させていただきます。   Windows 8 が拓く新しいアプリ市場 from Osamu Monoe   JavaScript + HTML5 で作る Windows 8 アプリ from Osamu Monoe 以下はセッションで紹介したドキュメントのリンク集です。   Windows ストア関連 Windows デベロッパーセンター – Windows ストア アプリ http://msdn.microsoft.com/ja-jp/windows/apps/ Visual Studio Express 2012 for Windows 8 のダウンロード http://msdn.microsoft.com/ja-JP/windows/apps/br229516 Windows ストア登録/サイン イン https://appdev.microsoft.com/StorePortals/ja-jp/Account/signup/start Windows ストア開発者アカウントへのサインアップ http://msdn.microsoft.com/library/windows/apps/jj193592…


Windows ストア アプリにて js ライブラリ使用時に WACK で UTF-8 エラーになる場合の対処方法

HTML + JavaScript で作成する Windows ストア アプリでは、Windows Library for JavaScript (WinJS) が提供する JS ライブラリだけでなく、jQuery のように一般的に公開されている JavaScript のライブラリも使用することができます。 しかし、これらライブラリを使用して作成したアプリのパッケージを WACK (Windows App Cert Kit) にかけると、JS ファイルに対して Fail が返り UTF-8 でエンコードを行うよう促される場合があります。 このエラーは、使用されている JS ファイルのテキストエンコード方式が Windows 8 のバイトコード キャッシュが処理できない方式であるために発生します。 このエラーを解決するには、Fail と判断された JS ファイルを Visual Studio 2012 でオープンし、文字エンコードを 「Unicode(UTF-8 シグネチャ付き) – コードページ 65001」を指定して保存しなおします。 具体的な手順は以下の通りです。 Visual Studio 2012 で問題の発生している JS…


Windows ストア アプリと Web コンテンツの違い (1/3)

今回から 3 回にわけて Windows 8 の新しい UI 上で動作する Windows ストア アプリの開発について書いています。 過去の記事は以下をご覧ください。 始めよう、Windows 8 アプリ開発 (準備編) Windows ストア アプリ(HTML + JavaScript)の構造   前回の記事で紹介しましたように、Windows ストア アプリは JavaScript + HTML + CSS でも作成することができます。 アプリをホストするプロセスが Internet Explorer 10 のスーパーセットであり、マークアップを解釈し、描画を行うエンジンも Internet Explorer 10 と共通であるため、Internet Explorer 10 で動作する Web コンテンツはであれば、若干の仕様上の制限こそあれ Windows ストア アプリのプロセスでホストすることができます。 Windows 8 OS が提供する機能や、Windows ストア アプリが提供する機能を使用しないのであれば、Web の標準技術だけでアプリケーションを作成することも可能です。…


Windows ストア アプリ(HTML + JavaScript)の構造

前回の記事 から引き続き、Windows ストア アプリケーションの開発についてです。 今回は、HTML + JavaScript で作成する Windows ストア アプリの構造について紹介します。   Windows ストア アプリ(HTML + JavaScript)の構造   Windows ストア アプリは、C、C++、C#、VB といった従来からのデスクトップ アプリケーション用の開発言語だけでなく、JavaScript でも開発を行うことができます。 JavaScritp を使用して Windows ストア アプリを作成する際に使用されるテクノロジーは以下の三つです。 HTML5 CSS3 JavaScript これを WWAHost.exe のプロセスがホストします。 WWAHost.exe は Internet Explorer 10 のスーパーセットであり、Internet Explorer 10 よりも多くの機能を持ち、より強い権限で動作します。 そのため、いくつかセキュリティ上の制限はあるものの、Internet Explorer 10 で動作するコンテンツは、 WWAHost.exe プロセスで容易にホストすることができます。   開発に使用されるライブラリ JavaScript を使用した Windows…