comment(本記事はVisualStudio2012RC+Windows8RP環境で確認しております。製品版では動作が異なる可能性があるのでご注意ください。)故あってMetroスタイルアプリケーション@HTML+JSデビュー。お仕事がWeb屋なんだからHTMLはなれたもの!!(のはず・・・)プロジェクト作成まずはプロジェクトの作成。おープロジェクトの種類もC#+XAML版とは異なりますね。App」は同じ意味だよね・・・)「固定レイアウトアプリケーション」が気になりますが、最初なので「空のアプリケーション」を作成します。作成直後に開かれるのは「default.js」C#+XAMLでいうところのApp.xaml.csに対応したものっぽいけど、処理は明らかに少ないですね。ブレークポイントをはってみる早速デバッグ!!ですがそのままというのもなんですのでブレークポイントをはってみます。VisualStudioで初のJavaScriptをブレークポイントで止めます。スタックを見てみるとbase.jsが先に実行されていることがわかります。base.jsはどこにあるかというと、参照にデフォルトで追加されています。開いてみると1万行ぐらいのJSファイル・・・これはおいおい必要に応じて読むようにしましょう。ほかにもui.jsなどがあります。cssディレクトリにはui-dark.cssとui-light.cssがあります。ライトとダークのテーマを定義しているんでしょうかね。UIはこのファイル内には無いようでした。深追いせずに参照のファイル確認終了。default.htmlを触ってみるアプリケーション起動時に呼び出されるビューファイルはdefault.htmlです。そのことはpackage.appxmanifestファイルに記載されています。default.htmlを開いてみます。here</p></body></html>おおっ、HTMLだ!!(当然か)なんかVisualStudioで開発してないみたいです。ツールボックスからボタンを配置してみます。/></body>実行結果は・・・おおっ、メトロっぽい。(ちなみにスタイルシートを外すと一気にSilverlightっぽいコントロールになります)Blendで開いてみるHTMLでコントロールを配置する自信がなかったので、Blendで編集してみます。Blendを起動するには、slnファイルをBlendで開いてもいいですが、ソリューションエクスプローラーのプロジェクト名を右クリックから起動することもできます。default.cssも一緒に開かれていて、ViewStateにあたるものが定義されていることがわかります。ここでlandscape時やsnapなどの見た目を変更するんでしょうね。いうわけで、JS+HTMLのプロジェクトをさわってみました。これからどんどんJS+HTMLも紹介していこうと思いますのでよろしくお願いします。コメントをキャンセルメールアドレスが公開されることはありません。付いている欄は必須項目ですCommentName*Email*Website古代魚庵という屋号でフリーランスのプログラマー兼ライター業をやっています。