Animated GIF を StoreApp / UWP Appで再生する

(2016年3月追記)

2016年2月、Skodje さん作のコンポーネント GifImageSource  が公開されました。Windows 10 UWP / Windows 8.1 / Windows Phone 8.1 で使えるライブラリです。

この一か月ほど 画像掲示板ブラウザ F10 に組み込んで使っていますが、Windows10 Desktop・Mobile双方で問題なく動いており、また今までのComponentにあったようなWebブラウザ再生とのタイミングのずれ等も見られません。

お勧めです。

ソースはこちら。使い方もこちらに書いてあります（簡単！）。

GifImageSource
https://github.com/sskodje/GifImageSource

プロジェクトへの追加はNuGetで行います。

GifImageSource 1.0.5
https://www.nuget.org/packages/GifImageSource/


また、これは未確認のヨタ話なのですが…Windows10 Redstone1、API変更ログを見ると…Bitmap系に再生サポートっぽいMethodがいくつか生えているようです。ひょっとしたらOSで対応するの「かも」しれません。ヨタ話ですよ！！


…以下は2015年頃の話で、現状あまり意味は無い記述になってしまいました。

------

現在、ストアアプリ・UWP アプリでアニメGIFを再生するには幾つか方法があります。個人的に試してみたもの・実際に自分のアプリで使っているもの等を紹介しますよ、という記事です。

この記事のまとめ

• WebView / WinRT Component / FFmpeg について説明します
• 「動画の再現性」という観点ではWebViewを使う再生がベスト　ただコード的なダサさは否めない
• 他の方法は再現性に難がある・再生できないファイルがある等幾つか問題あり

※この記事はC#＋XAML Appを扱います。なお、HTML/JS Appの場合は
特に何もしなくてもimgタグで再生できます（ｶﾞﾋﾞｰﾝ）。

WebViewを使う

GIFファイルがWebサーバ上にあるか、それともローカルファイルかで方法が異なります。

Webサーバ上にある場合

そのGIF ファイルのURLをそのままWebViewに食わせることで再生可能です。

ローカルファイルを再生する場合

これは少々手間です。

1. GIFファイルをApplication Folderにコピー

基本的に、WebView はApplication Folderの外のローカルフォルダ・ファイルを扱うことができません。LocalFolderなりTempFolderなりに一度Copyする必要があります。
（Streamを使う方法もあるが、外のローカルファイルを直接扱っていないという点では同じ事なのでこの項では省略）

2. HTML ファイルの生成

Webサーバの場合と異なり、ローカルファイルのUri file:///ms-appdata/...hogehoge.gif にNavigateさせても再生されません。

理由を確認できていないのですが…おそらく、Webサーバから取得する場合はMIME情報がつくのでそこでアニメGIF再生になるのに対し、ローカルだとその情報が無いために失敗している気がします。

このため、再生用に「imgタグでローカルのGIFファイルを指定するHTMLファイル」を作成し、それをWebViewに食わせる必要があります。

うーｎ、ださい。でも再現度はピカイチで、普段Webブラウザで見ているのと同じクオリティでアニメGIFを再生できます。
拙作のアプリでは、PICT8 と futa8 でこの方法を使っています。コードはダサいですが、でも実際アプリに組み込んで使ってみると違和感はあまり無いです。

WinRT でGIFをデコードし、再生する

XamlAnimatedGif
https://www.nuget.org/packages/XamlAnimatedGif/

Animated GIF playback (XAML) sample
https://github.com/Microsoft/Windows-universal-samples/tree/master/Samples/XamlAnimatedGif


WinRT の 画像処理…Windows.Graphics.Imaging では、GIFの様な「複数フレームの画像が入っている」ファイルから画像を取り出すことが可能です。

BitmapDecoder class
https://msdn.microsoft.com/en-us/library/windows/apps/windows.graphics.imaging.bitmapdecoder.aspx

この機能を使ってGIFから複数フレームを取り出し順次表示させているのが、ここで紹介している二つのコンポーネントです（後者はサンプルコードですが、UserControlとして使うことができます。表示にWin2Dを使っている面白いサンプルですので一読をお勧めします）。

この方法、XAML UI内では上のWebView・下のFFmpegに比べると圧倒的に使いやすいです。
が、動画の再現性に難があります。
凝ったキャプもの、職人が命を削ってる系のアニメGIF再生では、意図したウェイト・タイミングで再生されない場合が多いです。

これ、気にならない人には気にならないかもしれません。が、週に何本もアニメをHDDレコーダに録画するような一般的な日本人には受け入れにくいのではとも思います。

（推測ですが、Win10 標準の「フォト」もおそらくこの系統です。アニメ再生のウェイトがブラウザと全然違う。）

ただ、もしあなたがアニメGIFの構造に詳しいのなら、上のコンポーネントはソースつきでもあるので自前でこの問題を解決することは可能かもしれません。

FFmpegを使う

かなりオーバーキル気味な方法ですが…太陽系内で再生できないファイルは無い気がする無敵の動画ライブラリ FFmpeg、実はアニメGIFにも対応しており、再生することができます。

また、2015年6月に「ストアアプリ・UWP アプリでFFmpegを使うためのライブラリ」をMicrosoft 自らがリリースして以降、「比較的(*1)」簡単にストアアプリ・UWPアプリで FFmpeg を使えるようになりました。

Using FFmpeg in Windows Applications
http://blogs.windows.com/buildingapps/2015/06/05/using-ffmpeg-in-windows-applications/


動作環境は Win10 / Win8.1 / Windows Phone 8.1, x86 / x64 / ARM  つまり最近のWinRT系全部。
対応言語は C#/C++/HTML/JS, これも全部。
ストアアプリ・UWP App、ほぼほぼ全部サポートではないかと。MS頑張った。

この方法では上のWinRT系コンポーネントのようなタイミング問題は無く、完璧にブラウザと同じ再生が可能です。
ただ…互換性に難があるようで、私の手持ちのアニメGIFで言うと半分ほどが再生できませんでした。
このため、アプリで「今」使うのはなかなか難しいかな、という所です。


*1) 「比較的」…FFmpegですので、ソースを取ってきて自分でビルドする必要があります。また、ビルドのための環境も準備する必要があります。詳しい手順は全てまとめられていますが、それでもそれなりに手間は掛かります。

FFmpeg サンプルアプリでGIFを再生している様子
再生はMediaElementに、FFmpegInteropで作ったMediaStreamSourceを渡す形
アニメGIFであっても完全に動画扱いです

Win10 UWP App で GetEncoding("shift-jis") を使う

Win10 UWP でGetEncoding("Shift-JIS")が使えない件、このblogの5月の記事でも触れていたのですが、Connectで質問していたところ「そういう仕様だから」という解答を得ました。


[Win10 UWP, VS2015RC] System.Text.Encoding.GetEncoding raise exception
https://connect.microsoft.com/VisualStudio/feedback/details/1496110/win10-uwp-vs2015rc-system-text-encoding-getencoding-raise-exception

UWP Appが依って立つ所の.NET CoreからShift-JIS等のEncodingProviderは外しちゃったので、必要な人は別途System.Text.Encoding.CodePages を追加すれ、との事です。

以下簡単な使い方です。

1. System.Text.Encoding.CodePagesのインストール

ツール → NuGet パッケージマネージャ　→ ソリューションのNuGet パッケージを管理 をクリックしてNuGet パッケージマネージャを開き、"System.Text.Encoding.CodePages"を検索してインストール。

NuGet コンソールから入れたい人はそちらで。

System.Text.Encoding.CodePages
https://www.nuget.org/packages/System.Text.Encoding.CodePages/

NuGet パッケージマネージャ

2. CodePagesEncodingProvider を登録

…上の二行、毎回要る訳ではなく…というか、アプリケーションのどこぞで一回呼べば済むようです。
自分の所では、App.xaml.csのコンストラクタで一発呼ぶと以降どこでも…参照してるライブラリでも…動いてるのでそうしています。
（このあたり良くわからない）

※今まではPortable.Text.Encoding のお世話になっていました。こちらでも困ることは全く無かったです。感謝。

Portable.Text.Encoding
https://www.nuget.org/packages/Portable.Text.Encoding/

WinRT とタイムゾーン・夏時間の話

2018年4月追記…なななんと北朝鮮がタイムゾーンもとに戻すらしいですね。
今回もおそらくMS先生はWindows Updateで対応するのではと思います。
ちなみに前回の変更お知らせはこちら
https://blogs.technet.microsoft.com/dst2007/2015/10/09/upcoming-windows-dst-update-for-turkey-democratic-peoples-republic-of-korea-and-fiji/




先日、北朝鮮が2015年8月15日を以て時制を現在のUTC+9から30分遅らせるよというニュースがありました。UTC+8:30になると。意図はさておき、とにかく一国の採用するタイムゾーンが変わる事になります。

で、この手の話はそれほど珍しい事ではなく、年に数回はどこかの国や地域でタイムゾーン・夏時間の変更が行われています。Windows の場合、その都度Windows Updateで対応するタイムゾーン・夏時間の情報が配信されます。

Windows のタイムゾーン・夏時間更新は、Technetのblogで通知されます。
普通に使っていればWindowsUpdateで自然と更新される感じです。
右のArchiveを見ると分かるように、結構頻繁に更新されます。

アプリ側は、上品に…自分の中にタイムゾーン情報等を持たず、OSのサービスから情報を取るようにしていれば、OSの更新に合わせて自動的に新しい情報を使えるようになるという仕組みです。

Wheel World Clock のタイムゾーン設定UI
これらのタイムゾーン（時間と名前）はアプリ内部で持っている訳ではなく、
OSの持っている情報を右から左に表示しているだけです。
北朝鮮用のタイムゾーン情報が配信されれば、ここにその旨が追加される…はず。

ただ、WinRT 上でタイムゾーン・夏時間の列挙・変換を行うには注意が必要です。

…この言い回しで、賢明なる読者様ならばあーはいはい大体わかったWinRT だからねだからなのね？とお分かりでしょう。はいそれで正解で、

WinRT API からは、「自分のローカルタイムゾーン」と、「UTC」 この二つしか見えない作りになっています。

• OSのサポートするタイムゾーン・夏時間の列挙
• 各タイムゾーン間の時間の変換

がバッサリ落ちてるんですね。困る。

※とはいいつつ、世界時計でも作るのでなければ…ローカルタイムとUTCだけで「大抵は」済む話かもしれません。

ただOS自体には機能があるので、それを叩くPCLがNuGetで公開されています。ありがたいことです。

WinRTTimeZones
https://www.nuget.org/packages/WinRTTimeZones/

ページにはWinRT, WinStore, WP8, WPA81, .NET4.5 がサポート環境として記載されていますが、試したところ Win10 UWP でも使えています。

拙作の世界時計アプリ Wheel World Clock も、このNuGet Packageを使ってタイムゾーンの列挙・時間の変換をWindows Phone 8.1 / Windows 8.1 / Windows 10 UWP 上で行っています。

※ 30分刻みのタイムゾーンは例が無い、けしからん！という論調のニュースが一部にはあるようですが、そんなことは無く…イラン、ネパール、中央オーストラリアのようにUTCから30分ずれたタイムゾーンを採用している国・地域は幾つか存在します。

Wheel World Clock UWP版 を公開しました

世界時計アプリ Wheel World Clock の Universal Windows Platform （以下UWP）版を公開しました。


Wheel World Clock
https://www.microsoft.com/store/apps/wheel-world-clock/9nblggh10zzn


今回の作業、UWP化の恩恵をフルに活用しよう！という訳では無く、この元々簡単な時計アプリをダシにしてアプリのUWP化・ビルド・ストアへの提出等の作業を一度全部通して試してみるのが目的です。

このため、UWPの売りであるところのAdaptiveなLayout変更やx:Bind等は全く使っていません。
Appとして破綻しない程度に動けばOK！くらいの簡単な実装です。

Win10 Desktop でWheel World Clock UWP が動いている様子

UWP対応でやったこと

Wheel World Clock(以下WWC）は元々「Win/WP8.1の」Universal アプリで、

• Windows 8.1用Project
• Windows Phone 8.1用Project、
• 共用のShared Project

 から成るソリューションになっています。

今回、これに「Universal Windows」…UWP のProjectを追加し、3Project+Sharedのソリューションとする変更を行いました。


※今回は練習のため8.1 UniversalにUWPを追加する形にしていますが…今後特にWin/WP8.1用をメンテする予定がないのなら、素直にUWPだけのソリューションにしたほうが話は早いと思います。

UWP Project の追加

追加時にはフォルダ作成先に気を付け、三つ仲良く並ぶように作成。

Project三つ＋Shared一つ

フォルダはこんな感じに並びます
ソリューション .sln　ファイルは一つ上のフォルダ

8.1 Sharedは、各々のProjectの名前空間を共通にすることでSharedのソースを共通に参照する、という仕掛けになっています。
このため、UWP Projectをその名前空間に変更します。

• Main.xaml / cs
• PackageManifestのスタートアップを指定してるとこ

そして、参照にShared Projectを追加します。

Shared.projitem を参照に追加

最後に、App.xaml / cs を削除　（App.xaml / cs を共用している場合）。

ここで一発Appをビルドし、実行されAppのWindowが出てきたらソリューション・プロジェクトの枠組み作成はとりあえず成功です。

Project Unique な部分の変更

ここから先はApp Specificな部分が多いのですが、その中でもある程度アプリ共通な部分を挙げてみます。

備考…WWCの構成

WWCの構成を簡単に説明します（以降のUWP化作業理解の助けのため）


アプリが持っているページは二つ

• Main.xaml 　メイン。時計を表示するページ。
• Cities.xaml　　表示するタイムゾーンをカスタマイズするページ。

Win8.1用のCities ページ

WP8.1 用のCities ページ

そして、ぐるぐる回る時計はユーザーコントロールとして作ってあります。

Win8.1/WP8.1 Universal では、Main・CitiesをそれぞれのProject用、ユーザーコントロールは共通として作っていました。
今回のUWPも、MainとCitiesのみ別持ち、時計は共通のユーザーコントロールをそのまま使うという方針です（このためコード変更があんまり無い…）

SuspensionManager, NavigationHelper等のテンプレート部分

このあたり、今回UWPはBlankで作ったため初期状態では何もありません。

そこで、Microsoft が　Githubに上げているSample集から当該ファイルをパチっ（持ってきて）使います。
今回、名前空間だけ変更しました（そのままでも別にいいですが…使う人のUsingが変わるだけ）

Commonに置くファイル　最低限これだけあればなんとか

一つ注意なのは、これらのSourceは8.1と異なりUWP用であるため、中でMobile DeviceFamilyのExtensionを参照しています。このため、参照にMobile Extensionを追加する必要があります。

App.xaml.cs の変更

WWCでは Application Insights を使っています。今回、UWP用を別集計としたいので…#ifdefで分け、UWP用のInstrumentation Keyを指定します。

Windowの最小サイズ変更・タイトルバーの色変更

UWPではAppの最小サイズを縦・横で指定できます。
指定はManifestでは無くコードで行います。
また、タイトルバーの色もここで変更します。OS標準の白は正直見づらいので。

App.xaml.cs で指定している様子
App.xaml.cs はShared コードであるため、UWP用の部分はIFDEFで分けます。

Main.xaml の変更

WWCでは、Windows用に三点リーダのAppBar引きずり出しボタンを自作して使っていました。UWPでは同じ物がCommandBarに組み込まれているため、そちらを利用しました。

広告

困ったことに、UWP 用のMicrosoft Advertising SDK はまだリリースされていません。無いものは仕方ないので、今回UWP版には広告を出さないことに決め、関連コードをコメントアウトしました。

Cities.xamlの変更

WWCでは、

• 電話用　Pivot
• PC用 Hub

で、UIを作り分けていました。

今回のUWP版ではPC・電話両方で動くわけですが…Hubは電話では使いづらいため、電話用に作ったPivot版をそのまま持ってくることにしました。　PCで動かすと見た目は少し悪いです。

UWP用のCities ページ
PC・電話ともにこれが表示されます
上のWP8.1用と構成が同じなのが見て分かります

また、元の電話UIにはバックボタンをつけていませんでした。これは電話では常にバックボタンがOS（またはハードウェア）で用意されているため、アプリ側では（特に処理が無いのなら）何もしなくてもよかったためです。

今回はそうもいかないので…タイトルバーに表示するバックボタンを使うことにします。
これはよくできていて、
Window表示…タイトルバーにバックボタン表示
フルスクリーン表示…タスクバーにバックボタン表示

という切り替えをOSが勝手にやってくれます。ありがたい。

バックボタンの追加

Cities.xaml.csのコンストラクタで行っています

タイトルバーのバックボタン

Win2D

WWCでは文字盤に貼り付ける画像の切り出しにWin2Dを使っているのですが、このライブラリがVS2015RTMのタイミングでWin8.1用とUWP用に分かれました。
このため、UWP版を使用するよう変更しました。

画像リソースの追加

これが一番面倒なんですが…　UWP用にアイコン・タイル・スプラッシュ画面等の画像リソースを作成します。
UWPではベースのスケールが200になっているので、そのままではWin/WP8.1用の画像は使えないです。諦めて一個一個リサイズしましょう…
（.csprojでスケールを指定する方法も一応あるのですが、今回はUWP標準に揃えました）

また、UWPは電話・PC共通ですが…特に電話ではタイルを透明にすると見栄えが大変良いので、タイルはなるべく背景を透明で作ると良いです。

UWP用画像リソース

ストアへのアップロード用パッケージのビルド

本来なら引っかかる所では無いのですが…8月3日現在のWin10 SDKには問題があり、私のPackageはこれに引っかかってしまいました。
詳しくはMSDN Forumの当該スレッドを見て頂ければと（私も書いてます）。このスレの通り、更新版の.targets fileを使う事でBuildに成功しました。

RTM Known Issue: Release configuration fails to build on using Desktop and Mobile Extension SDKs in a Universal Windows app
https://social.msdn.microsoft.com/Forums/en-US/2887e169-348d-4d97-a359-aee413b5fa26/

この問題、鍵になっているのは.NET Native 用のFileです。
既定の設定では、UWP Projectは

• Debug Build .NET Native Off
• Release Build .NET Native On

になっています。
このためリリースビルドのアップロードパッケージ作成で問題が発覚した感じです。
私のようにリリース直前にエラー出て慌てるのもなんなので、開発中も「たまには」リリースビルドを行い様子を見るのをお勧めします。
私の経験では….NET Nativeに対応するためにコード変更が必要になった事は無いのですが、有るときは有るので（凝ったSerializerを自作してるとか）…その意味でもたまにリリースビルドを行い動作を確認するといいよ！とBuildでMSのエンジニアが言っていました。

なお….NET Native をOnにするとコンパイル・ビルドに偉く時間がかかります。私のポンコツマシン（Core2Duo 2GHz, Memory 4GB, SSD)だと、ARM/x86/x64 全部ビルドするのに17,8分。

ストアへのアップロード

ここはWebの言うとおりに進めることができ、特に引っかかる所は無かったです。
WWCは既にWin8.1とWP8.1用のパッケージがアップロード済みで、それに今回ビルドしたWin10 UWP パッケージが追加される形になります。
Win8.1/WP8.1用アプリが独立していた頃とは異なり、ストア上のエントリ…登録の扱いは一つ、その中に各OS用のパッケージが格納される感じです。

Win10 / Win8.1 / WP8.1 それぞれのパッケージが並んでいる様子

ユーザーがストアにアクセスし「インストール」ボタンを押すと、システムに応じたパッケージのみがDLされます（Win10に無理くりWin8.1用を入れる、とかは無し）。

最後に…

VS2015RTM＋Win10SDK、出たばかりという事もあり中々スリリングでして…私のポンコツマシンだと、Win10 をクリーンインストールした上にVSをインストールした環境でも頻繁にフリーズが発生し、若干使い物にならない感じ（マイルドな表現）です。特にスタートアッププロジェクトを変更すると100発100中で死ぬんですが。困った。

そんな中でも今回の作業や画像掲示板ブラウザ F10の開発を続けられているのは、Azure VM上に安定したWin10＋VS2015の仮想環境を確保できているのが大変大きいです。
本来なら使用料が発生する所ですが、昨年 Microsoft Taiwan が主催したアプリコンテスト「MSCC」の参加賞として3年分の「AzureとVisualStudio Enterpriseをタダで使える権」を頂いたので無償で使えています。本当に、Microsoft Taiwan には感謝しか無いです。有難うございます。

暑中お見舞い申し上げます

お暑うございます。つらい。重力すら感じさせる日差しに脳天から貫かれる日々が続いています。皆様は御無事にお過ごしでしょうか。


（この項、暑中見舞いにかこつけて今年前半をざっくり振り返ろうという趣旨です）


//Build と Universal Windows Platform

5月頭にMicrosoftの開発者イベント Build があり、Universal Windows Platform の情報が沢山出ました。PC / Phone / IoT ./ XBOX 等、Win10 が動く環境ならアプリを１バイナリで揃えてしまおうぜという。

ここでも記事を幾つか書きました。

Windows 10 UAP お勉強メモ
http://ddlgjp.blogspot.jp/2015/04/windows-10-uap.html
Win10 UWP メモ
http://ddlgjp.blogspot.jp/2015/05/win10-uwp.html
Win10 UWP 文書リンク＆小ネタ
http://ddlgjp.blogspot.jp/2015/06/win10-uwp.html

Build2015 Day1 Session 視聴メモ
http://ddlgjp.blogspot.jp/2015/05/build2015-session.html
Build2015 Day2 Session 視聴メモ
http://ddlgjp.blogspot.jp/2015/05/build2015-day2-session.html
Build2015 Day3 Session 視聴メモ

http://ddlgjp.blogspot.jp/2015/05/build2015-day3-session.html

（Session視聴メモは自分でいうのも何ですが、かなり便利なのでお勧め。PowerPointのDeck見るだけでは分からん事多いです。）

Win10 と言っても、PCと電話で同じOSが走る…訳ではないです。電話用のは「for Mobile」で別物であり、Windows Phone 8.1から進化させたOSです。これで１バイナリほんとに行けるんかなぁ？と若干怪しんでいた処はあります。

が、Win10 MobileのPreview Buildが進むにつれ…同じバイナリでPC・電話ほんとに一緒に動くなこれ！というのが分かってきて、これ面白いなーと。
8.1時代の共有ソース形式「ユニバーサル」も結構便利ではあったのですが、バイナリ１つ、ソース１つ、パッケージも１つというのは諸々の手間が圧倒的に違う。少ない。楽。これも下のF10をいじってて日々実感してるところです。


F10

この４月から、「F10」という画像掲示板ブラウザを作っています。

特徴は

• Universal Windows Platform アプリ … Win10 PC / タブレット / スマホ …で動作します。
• futaba, 4chan, 8chan 対応
• PC / 電話等、共通のマイクロソフト アカウントで使っているシステム間での未読・今読んでるスレの同期

これ、Win8.1用画像掲示板ブラウザ futa8のUWPへの移植ではなく、新規に書き起こしているので結構時間が掛かっています。

進捗は…今のペースだと、９月中に出せるかな？無理かな？くらいな感じです。


写真は新潟県・柏崎の夕日です。
猛暑はまだ続くようです。どうぞご自愛下さい。


以下は開発中のF10 スクリーンショットです。動作確認用にUIを並べているだけなので、最終版と大いに異なるのは確実です。

F10を電話で動かしている様子・スレ表示画面
右・左でPivot（タブ）移動、右上のハンバーガーで下のカタログがうにょっと出てくる感じ

カタログ画面
ここで右・左で板を切り替え

同じF10をPCで動作させた場合の様子

Windows / Windows Phone ストアへのリンクが動作しなくなっている件(修正されたようです)

(7/21朝更新： 現在、正しくストアへのリンクが動作していることを確認しました。リダイレクトの問題は修正されたようです。)


私の気付いている範囲では、7/17（金）よりWindows ストア・Windows Phone ストア へのURL リンクが動作しなくなっているようです。

具体例を挙げると、
Windows ストア へのリンク　(Win8形式、例：PICT8)
http://apps.microsoft.com/windows/app/04366e7f-e3f2-4dd8-aa4b-629223935359

Windows ストア へのリンク (Win10形式、例：PICT8 *1)
https://www.microsoft.com/store/apps/9WZDNCRDHM4C

Windows Phone ストアへのリンク　（例：WiFiSD8）
http://windowsphone.com/s?appid=0c242c2c-5c7a-4498-9999-118b116b162a

これらのURLを開こうとすると、関係の無い「マイクロソフト ストア」へリダイレクトされてしまいます。
検索で見つかる他のアプリも軒並み同じページへ飛ばされるようです。

「マイクロソフト ストア」

現状、回避策としては…ブラウザの言語設定を英語に変更する ことで、正しくストアのサイトにリダイレクトされるようです。
ただ、普段使いのブラウザで英語に設定といわれても…中々現実的な回避策とは言いづらい処です。

ちなみに7月18日（金）は、Windows 10用のストア、のWeb版が公開になった日でもあります。このタイミングでリダイレクト設定がおかしくなったのかもしれません。

Apps on Windows
https://www.microsoft.com/en-us/store/apps/

Windows 10 用のストア Web版
Windows / Phone アプリが一つにまとまっています

なお、この新ストアからアプリをクリックすると正しいページに飛びます。
見たところ、ダッシュボードそのままのURLではダメで、URLで明示的にen-usを指定すると日本語設定ブラウザでもアプリページが表示されるようです。

日本語設定ブラウザでも動く形式
https://www.microsoft.com/en-us/store/apps/PICT8/9WZDNCRDHM4C

困ったことに日本語の説明ページに飛ぶにはやはり日本語設定ブラウザではダメで、英語設定にする必要があります（ややこしい）
https://www.microsoft.com/ja-jp/store/apps/PICT8/9WZDNCRDHM4C






(*1) Win10 形式のアプリケーション URLは、新しい統合版ダッシュボードの各アプリページ →　App Management →　App Identity から確認できます。

Win10 UWP でのデバイスベンダ名・モデル名の取得

[2016/01/11追記]　その後このEasClientDeviceInformation、めでたくUniversalApiContractに復帰したようです。最新のドキュメントにはそう書いてあり、Desktop・Mobile実機両方で動作を確認できました。
以下は2015年7月当時の文章です。


-----


StoreAppでデバイスのベンダ・モデル名を取得する場合、Win8.1/WP8.1 までは"EasClientDeviceInformation" Classを使う事ができました。

EasClientDeviceInformation class

https://msdn.microsoft.com/en-US/library/windows/apps/windows.security.exchangeactivesyncprovisioning.easclientdeviceinformation.aspx

ところが…Win10 UWPになると、このNamespaceはUniversalApiContract…UWP Appなら誰でも使えるAPI、では無く、「Desktop」デバイスファミリ…つまりPC・タブ等の所謂PC系でしか使えなくなってしまいました。電話はどうすれば。

※4月くらいのSDKではUniversalApiContractに含まれてたと思うんですけどね。いつのまにかお引越ししてしまった。

うそーん

困ったﾅｰとMSDN Forumを見ていたら、何か凄い方法で取得しているというPostがありました。HALのPnpObjectからDeviceClassのUUIDで舐めて無理くり取得するという。すげえ。

SystemInfoHelper.cs
https://gist.github.com/HamGuy/8294463

以下、手持ちのデバイスで取得してみた例です。ちゃんと取得できているようです。

ThinkPad X200 / Win10 / UWP Appでの取得例

ONDA V891w / Win10 / UWP Appでの取得例

SurfaceRT / Windows RT 8.1 / Win8.1 StoreAppでの取得例

MADOSMA / WP8.1 / WP8.1 StoreApp での取得例

Lumia520 / Win10 Mobile / UWP Appでの取得例

Lumia520 / Win10 Mobile / WP8.1 StoreAppでの取得例