Clik here to view.
始めよう、Windows 8 アプリ開発 (準備編)
前回の投稿からずいぶんと期間があいてしまいましたが、ようやくブログに取り掛かる時間が取れるようになりました。今回から Windows 8 のかつて Metro スタイル アプリと呼ばれた Windows ストア アプリの開発方法について書いていきたいと思います。その前に 「Windows ストア アプリってなに?」 という人のために簡単に紹介しておきましょう。 Windows ストア...
View ArticleClik here to view.
Windows ストア アプリ(HTML + JavaScript)の構造
前回の記事から引き続き、Windows ストア アプリケーションの開発についてです。今回は、HTML + JavaScript で作成する Windows ストア アプリの構造について紹介します。 Windows ストア アプリ(HTML + JavaScript)の構造 Windows ストア アプリは、C、C++、C#、VB といった従来からのデスクトップ...
View ArticleClik here to view.
Windows ストア アプリと Web コンテンツの違い (1/3)
今回から 3 回にわけて Windows 8 の新しい UI 上で動作する Windows ストア アプリの開発について書いています。過去の記事は以下をご覧ください。始めよう、Windows 8 アプリ開発 (準備編)Windows ストア アプリ(HTML + JavaScript)の構造 前回の記事で紹介しましたように、Windows ストア アプリは JavaScript + HTML +...
View ArticleClik here to view.
Windows ストア アプリにて js ライブラリ使用時に WACK で UTF-8 エラーになる場合の対処方法
HTML + JavaScript で作成する Windows ストア アプリでは、Windows Library for JavaScript (WinJS)が提供する JS ライブラリだけでなく、jQuery のように一般的に公開されている JavaScript のライブラリも使用することができます。しかし、これらライブラリを使用して作成したアプリのパッケージを WACK (Windows...
View ArticleClik here to view.
さぶみっと！オフ会 ～JavaScript で作れるWindows 8 対応アプリの夕べ～フォローアップ
昨日 (2013/06/13) の 「さぶみっと！オフ会 ～JavaScript で作れるWindows 8 対応アプリの夕べ～」にご参加くださいました皆様、ありがとうございました。私のセッションで使用したスライドと、紹介したドキュメントのリンクを掲載させていただきます。 Windows 8 が拓く新しいアプリ市場from Osamu Monoe JavaScript + HTML5 で作る...
View ArticleClik here to view.
ライブコーディングで作るWin 8 カメラアプリ デモ - 基本機能の実装
夏ですね。お盆になって帰省して、親戚とか地元の友達なんかが集まると、よく「おい、ちょっとなんかやってみろよ」なんてことになって、ライブコーディングを披露することになることが増えると思うのですが、そういった急なデモでもネタに困ることがないように、今回は Windows ストア アプリ、しかも Web...
View ArticleClik here to view.
ライブコーディングで作るWin 8 カメラアプリ デモ - タッチ処理と共有機能の実装
前回から撮影機能を持った Windows ストア アプリをライブコーディングで作成する手順について書いています。前回の記事では、PC についている Web カメラを使用して撮影を行うという基本的な機能を実装しました。今回は、撮影した写真をタッチジェスチャで移動、回転、サイズ変更を行う機能と、写真を他の Windows ストア...
View ArticleClik here to view.
WordPress のブログを Windows 8 アプリ化する方法
今回は WordPress で構築されているブログサイトを Windows ストア アプリ化する方法について紹介します。なお、今回の内容は、Windows ストア アプリ (Windows 8 の新しい UI 上で動作するアプリ) の開発者が対象となっておりますので、これから Windows ストア...
View ArticleClik here to view.
これであなたも億万長者(?)Windows ストア アプリのマネタイズ方法まとめ
今回は Windows ストア アプリをお金に換える = マネタイズ(収益化) の方法について紹介します。Windows ストア...
View ArticleClik here to view.
『HTML5で作るWindows 8アプリ』まとめリンク
来月の 10 月 18 日に Windows 8.1 がリリースされます。それと同時に Windows ストア アプリのデザインや仕様も若干ですが変わってきます。このブログでは、次回からは Windows 8.1 ベースの Windows ストア アプリの新機能を紹介していきます。そんなわけで今回の記事は、Windows 8 用アプリ開発のまとめという意味で、Windows ストア...
View ArticleClik here to view.
Windows 8 アプリの Windows 8.1 アプリへの移行
Windows 8.1 が 10 月 18 日 (金) に公開されるということで、今回の記事では Widows 8 用に作成した Windows ストア アプリを Windows 8.1 用にマイグレーションする方法と、大きな仕様の変更について紹介します。Windows 8 と Windows 8.1Windows 8 は 2013 年 10 月現在、全世界でのライセンス数が 10...
View ArticleClik here to view.
HTML+JavaScript で作る Windows 8.1 アプリ(WinJS2.0)の新機能 - 前篇
いよいよ明日公開になる Windows 8.1 特集ということで、前回の記事に引き続き Windows ストア アプリの新機能について紹介していきます。今回は、HTML + JavaScript で作成する Windows ストア アプリ全体のフレームワークである、Windows Library for JavaScript こと、WinJS の 2.0 についてです。この WinJS 2.0...
View ArticleClik here to view.
[HTML5API] contentEditable 属性を使用したリッチテキストエディタの実現
HTML5 から要素に contentEditable 属性が指定できるようになりました。今回は contentEditable 属性について紹介するとともに、とかく疑問に思われがちな contentEditable 属性の使いかたについて紹介していきます。contentEditable 属性とは?contentEditable 属性は、designMode 属性と同じく、Web...
View ArticleClik here to view.
Windows ストア アプリをテストインストールする方法
今回の記事は、Windows ストア アプリを Windows ストアに提出せずに、開発元とは異なる環境にテストインストールする方法についてです。どこかに書いたかな? と思ったのですが、書いてなかったようなので今書きます。 Windows ストア アプリを Windows ストアを介さずに配布する方法Windows ストア アプリは、その名前が示すとおり、基本的にはすべからく Windows...
View ArticleClik here to view.
ゲーム用 Windows ストア アプリテンプレート (ブロック崩し編)
「ブロック崩し」って、たまにやりたくなりますよね?アプリのストアで検索してインストールしてみるものの、なんか違うんだよなー、ということがありませんでしょうか? いろいろインストールしてみるものの、なんかしっくりこない、なんか違う、満足できない。 そういった不満を一気に解決する究極的にして絶対的な方法があります。 それは「自分で自分の欲求を充分に満たす自分だけのブロック崩しを作る」という方法です。...
View ArticleClik here to view.
開発者向けイベント「de:code」、担当セッションをチラ見せ
2014 年 5 月 29 日 (木) - 30 日 (金)、東京は芝の ザ・プリンス パークタワー東京で、日本マイクロソフト主催による開発者向け有償イベント「de:code」が開催されます。2014 年 5 月 29 日 (木) - 30 日 (金) ザ・プリンス パークタワー東京 同イベントで、以下の 2 セッションを担当させていただきます。日時2014 年 5 月 29 日 (木) 16:30...
View ArticleClik here to view.
Windows Phone 8.1 で使用できる WinJS コントロール一覧
ただいま de:codeに向けて絶賛セッションデモを作成中です。私の担当する DE-015-「Visual Studio 2013 Update 2 と HTML5 によるクロスデバイス、クロスプラットフォーム開発の全貌」では、Windows ストア アプリから Windows Phone 8.1...
View ArticleClik here to view.
Visual Studio 2013 Update 2 での HTML5 関連の強化点
Visual Studio 2013 は、先月 (2014/5) 公開された Windows 2013 Update 2によってHTML5 を使用した開発についての機能が大幅に追加されました。今回の記事では、Visual Studio 2013 Update 2 によって行われた HTML5 関連の機能強化によって、あらたになにができるようになったのか、その全体像を俯瞰的に紹介します。(※)...
View ArticleClik here to view.
ワールドカップ、日本戦前に入れておきたい Windows ストア アプリ 5 選!
Multi-Device Hybrid Apps (Preview)のインストール方法について書こうと思い Live Writerを起動したものの、明日がワールドカップ日本戦であることを思い出して、仕事が手につかなくなってしまった….わけではないのですが、より多くの Windows 8 ユーザーの方々に Windows ストア...
View ArticleClik here to view.
Visual Studio 2013 を使用した Universal Windows App(ユニバーサルアプリ) の開発
前回の記事で、「次は WinJS のテンプレート機能について書きます」と書いたのですが、さる事情から、今回は Visual Studio 2013 Update 2 から追加された Universal Windows App (以降、ユニバーサルアプリ) の開発方法について書きます。ユニバーサル アプリとはWindows ストア アプリと Windows Phone 8.1...
View Article
