Windonws8アプリを作成する際のMSDN参考リンク

こんにちは。松村です。
今日のマイクロソフトさんのイベント「8nights」で紹介するWindows8アプリ「Photomille(フォトミル)」作成時に参考にしたURLを書いておきます。
ほぼすべてMSDNのリンクなので、MSDN内で検索すれば出てくるのですが、MSDNの中もかなり情報が多いので、自分のメモがわりにもということで。

今日のイベント「8nights」

http://www.microsoft.com/ja-jp/events/8nights/osaka/default.aspx

Windows8アプリ 「Photomille(フォトミル)」

http://apps.microsoft.com/webpdp/ja-JP/app/photomille/552fb4bf-8167-488d-84de-bc8d250f9cc7

開発リンク集

● 単一ページ ナビゲーション
まずはほぼ絶対必要になるであろうページ遷移の方法
http://msdn.microsoft.com/ja-JP/library/windows/apps/hh452768

● Namespaceの作り方
クラスっぽく作れるので、僕はフルスクリーンとスナップビューを別々のNamespaceで作っています。
http://msdn.microsoft.com/ja-jp/library/windows/apps/hh967793.aspx

● 共有チャームの使い方
Photomilleで入力したタグをメールで送るときの方法。
テキスト、HTML、画像などシェアする方法が違うので、以下の2つを両方とも見ると理解しやすいかも。
http://msdn.microsoft.com/ja-jp/library/windows/apps/Hh758312 (日本語)
http://msdn.microsoft.com/en-us/library/windows/apps/hh465255.aspx (英語)

サンプルがダウンロードできるところ
http://code.msdn.microsoft.com/windowsapps/Sharing-Content-Source-App-d9bffd84/

こっちはIE10のブラウザで内容を共有する方法
http://blogs.msdn.com/b/ie_ja/archive/2012/05/18/get-your-sites-ready-for-sharing-with-ie10.aspx

● 外部リンクからアプリの起動
リンクを押すと、アプリが直接立ち上がる方法。アプリがインストールされていなければ、ストアで検索されます。
「photomille://windows8」みたいに自分でリンクが作れます。
http://msdn.microsoft.com/ja-jp/library/windows/apps/hh700321.aspx

● Windows8アプリのUIの作り方
ボタンとかポップアップウィンドウなどUIパーツの使い方です。
http://msdn.microsoft.com/ja-jp/library/windows/apps/hh465393.aspx

実際UIパーツを作るときのHTMLコードが紹介されています。
http://msdn.microsoft.com/ja-jp/library/windows/apps/hh465453.aspx

● アニメーション
デフォルトで用意されているアニメーションの実装方法。
ビデオで紹介されているので動きが分かりやすいです。
http://msdn.microsoft.com/ja-jp/library/windows/apps/hh465165.aspx

サンプルがダウンロードできるところ
http://code.msdn.microsoft.com/windowsapps/using-the-animation-787f3720/

● ローディングバー
あのぐるぐる回っているローディングの作り方です。
http://msdn.microsoft.com/ja-jp/library/windows/apps/hh465487.aspx

そのスタイルの変更方法
http://msdn.microsoft.com/ja-jp/library/windows/apps/jj651676.aspx

● ポップアップのウィンドウの追加
http://msdn.microsoft.com/ja-jp/library/windows/apps/hh465354.aspx

サンプルがダウンロードできるところ
http://code.msdn.microsoft.com/windowsapps/Flyout-sample-258757b3/

● スナップビュー
サイド画面に小さく表示する方法
http://msdn.microsoft.com/ja-jp/library/windows/apps/hh465371.aspx

フルスクリーンやスナップの状態がわかる方法
http://msdn.microsoft.com/ja-jp/library/windows/apps/hh465826.aspx

CSSでコントロールする方法
http://www.saturn.dti.ne.jp/npaka/metro/CSS/index.html

JSでコントロールする方法(ApplicationViewクラス)
http://msdn.microsoft.com/ja-jp/library/windows/apps/windows.ui.viewmanagement.applicationview.aspx

サンプルがダウンロードできるところ
http://code.msdn.microsoft.com/windowsapps/Snap-Sample-2dc21ee3/

● 設定チャームの使い方
ネットワークにつながるアプリは必ずプライバシーポリシーのリンクをつける必要があるので、ここは結構重要です。
(これはJSでの実装方法ですが、多分テンプレートで既に実装されているものがあるはずです)
http://code.msdn.microsoft.com/windowsapps/app-settings-sample-1f762f49/

ということで、細かな使い方は時間を見つけて書いていければなあと思っています。