Windowsストアアプリを作成するには、下記のライブラリやAPIが必要になります。Explorer(以下、IE)などのブラウザーで認識していたHTMLタグをそのまま使用できるように構成されていますが、セキュリティの都合などで、一部サポートされていないHTMLタグがあります。APIとしてWindowsストアアプリ専用のHTMLタグに置き換えることで、対応できるようになっています。aタグでtargetを指定すると、IEなどのブラウザーでは、新しいブラウザーWindowを開いて、aタグで指定されたコンテンツなどを表示していました。target="_blank">フューチャーレイズ株式会社</a>しかし、Windowsストアアプリで、このコードを実装すると、Windowsストアアプリ内での新たなストアアプリを表示するのではなく、従来のWebコンテンツ同様、新しいブラウザーWindowが開く挙動となります。iframeタグの使用もWindowsストアアプリでは認められておらず、DOMの構成が通常のHTMLとは若干異なる点に留意しておく必要があります。JavaScriptでよく使用されているalert()関数は、Windowsストアアプリ内でそのまま使用することはできず、Windows.UI.Popups.MessageDialog()関数で代用する必要があります。document.write()関数についてもセキュリティ上の理由で、そのまま使用すると例外(エラー)が発生する可能性もあり、Webコンテンツ作成時との違いを認識しておく必要があります。安全性を高める:toStaticHTMLの詳細(JavaScriptとHTMLを使ったWindowsストアアプリ)(Windows)」にある「要素」の一覧をご確認ください。APIの変更点の一覧(Windows)」をご参照ください。WinJSWinJSは、Windowsストアアプリを作成するための部品ライブラリ(Windowsストアアプリ開発では「コントロールセット」と呼ぶ)です。JavaScriptとCSSで構成されており、Windowsストアアプリを柔軟に作成するための部品が収録されています。WinJSに収録されているライブラリを使用するには、divなどのHTMLタグの属性に「data-win-control」を付与する必要があります。APIに収録されているHTMLタグをそのまま記述することで使用できます。下記例は、WinJSに収録されているDatePickerという部品(Windowsストアアプリ開発では「コントロール」と呼ぶ)を使って、Windowsストアアプリ上に表示したサンプルです。style="height:20px;top:300px;left:100px;"></div>WinJSには、DatePickerの他に、時刻を選択できるTimePickerや評価値を示せるRatingコントロールなど、Windowsストアアプリに必要な強力な部品を数多く用意しています。WinJSやHTMLで表現できる部品(コントロール)の一覧については、公式サイトの「コントロールの一覧(JavaScriptとHTMLを使ったWindowsストアアプリ)(Windows)」をご参照ください。APIの他に、HTML5で対応されたコントロールも使えます。下記のコードは、動画をWindowsストアアプリで作成するコードです。APIやWinJS、HTML5で提供されているそれぞれのコントロールを組み合わせることにより、Windowsストアアプリを作成/デザインしていきます。Windowsストアアプリを開発する際、主に下記を使用います。8」いずれもマイクロソフトのWebサイトから入手可能です。Windowsの利用を推奨します。次回からは、実際にアプリを作り始めるWindowsストアアプリがもたらすWebデザイナーのメリットとして、下記のポイントを取り上げました。新たなビジネスチャンス、市場・チャネル開拓の可能性また、Windowsストアアプリを作成するのに必要なものとして下記を取り上げました。Windowsを使って、実際にWindowsストアアプリをHTMLとJavaScriptを使って作成していきます。著者プロフィール吉田実央フューチャーレイズ式会社アーキテクトフリーランスのITエンジニア/テクニカルライターとして従事し、株式会社アロウズテクノロジーズなどを経て、2013年7月にフューチャーレイズに入社。AXをはじめ、ASP.NETなど、マイクロソフト製品を活用したソリューション構築を専門としている。300の技」(ともに技術評論社:共著)など多数。8リリースと同時にストアに並べた秘訣を聞いた。アプリ開発の情報が少ない時期、フラットデザインやコンテンツファーストにどのように取り組んでいったのだろうか。Web開発者が手っ取り早くストアデビューする方法(1):Windowsストアにアプリを登録するための事前準備Windowsストア初心者のために(主に、HTMLやJavaScriptを扱うWeb開発者向けに)、簡単なアプリを開発してWindowsストアに手っ取り早くデビューする手順を解説します。OS、Tizenの6OS全方位対応をするための方法論や課題について解説していきます。Phoneアプリ化する方法を解説します。うまくいくのでしょうか。メールマガジンをご購読ください。申し込みページへITmediaはアイティメディア株式会社の登録商標です。