読者です 読者をやめる 読者になる 読者になる

RunningCSharp

.net中心の開発話。記事は個人の見解であり、所属組織を代表するものてはありません。

Microsoft Band:Web Tileを作ってみる

Microsoft Bandで、このブログの更新を読み込むタイルを作成してみます。

https://developer.microsoftband.com/

上記サイトで、「Web Tile」のGet Startedボタンを押下します。(次の遷移先でも、GetStarted押下。)

f:id:ys-soniclab:20160507233751p:plain

上記ページで、今回は更新を読み込むタイルを作るので「Feed tile」を選択しNextを押下。

f:id:ys-soniclab:20160508204456p:plain ここでrssのurlを入力します。なお、はてなブログでは http://running-cs.hatenablog.com/rssのように、トップのurlにrssを付けたものを渡します。

入力後、Nextを押下。

f:id:ys-soniclab:20160508205355p:plain

この画面で画面に表示する項目をドラッグドロップで決定します。 今回はブログの新規投稿タイトルと内容を表示したいので、画像の矢印の通りドラッグドロップします。 なお、ドロップ後の文字列は日本語が化けてしまいますが、Bandに表示される際はきちんと化けずに表示されます。

f:id:ys-soniclab:20160508210129p:plain

そしてNext押下です。

f:id:ys-soniclab:20160508210442p:plain

ここはSkip押下です。

f:id:ys-soniclab:20160508210628p:plain

ここでタイトルの表示色やタイル名、説明、作者、任意でアイコンなどを設定できます。

今回は画像がないので、アイコンは設定せずに進みます。

f:id:ys-soniclab:20160508211047p:plain

こんな感じに入力後、Nextを押下。

f:id:ys-soniclab:20160508211135p:plain

この画面で「Submit my tile」を押下するとこのタイルを公開できるようなのですが、流石に技術ブログの更新をBandで受けたい人も少ないと思いますので、公開はしませんでした。

「Download my tile」を押下し、「Microsoft Health」が入ったモバイルにメールなどで添付ファイルとして送り、「Microsoft Health」でそのファイルを開けばタイルが利用可能となります。

---追記---

f:id:ys-soniclab:20160508223340j:plain

この記事がアップされたことの通知が、Bandに表示されました。