Web Application Template ハッカソン成果発表 - 2014/09/28

Web Application Template(WAT) ハッカソン～結果発表～
2014年09月28日(日)
@fullvirtue
Copyright © @fullvirtue. All rights reserved.

今回やった内容
今回のハッカソンでやった内容について説明します
Copyright © @fullvirtue. All rights reserved. 2

Web Application Template(WAT) ハッカソン
起業家のためのITスクール(Tech Garden School)のWeb サイトからWeb Application Template(WAT)を使って『Windows ストアアプリ』『Windows Phone 8.1 アプリ』を作る
既存のWebサイト
http://www.techgardenschool.com/

起業家のためのITスクール(Tech Garden School)のWeb サイトからWeb Application Template(WAT)を使って『Windows ストアアプリ』『Windows Phone 8.1 アプリ』を作る

STEP.1 Web Application Template の適用

STEP.1 Web Application Templateの適用
1.開発環境を準備
Windows 8.1
Visual Studio 2013Update 3
2.Web Application Template をインストール
http://wat.codeplex.com/
3.Visual Studio 2013 でWAT を使用したプロジェクトを新規作成

STEP.1 Web Application templateの適用
4.適用するWebサイトのURLを設定
プロジェクト名/プロジェクト名.Shared/Config/config.json
URLを変更

5.実行して動作確認

Windows ストアアプリ
Windows Phone アプリ

6.この時点で、動画が再生可能なことを確認

STEP.2 ヘッダーのカスタマイズ

1.デフォルトで非表示にされている<header>を復活
削除

3.標準で表示にされているタイトルを非表示に変更
変更

5.標準で表示にされている検索フォームを非表示に変更
変更

STEP.3 アプリのロゴを設定

1.ロゴを準備
2.アプリ用のロゴ作成サービスへアクセス
http://wat-docs.azurewebsites.net/Tools
3.上記サービス内にロゴをアップロードして、アプリのロゴをダウンロード
用意したロゴ

4.ダウンロードしたロゴを確認

5.ダウンロードしたロゴをWindows ストアアプリに反映
プロジェクト名/プロジェクト名/images

6.ダウンロードしたロゴをWindows Phoneアプリに反映
プロジェクト名/プロジェクト名.WindowsPhone/images

STEP.4 ナビゲーションバーのボタンを設定

config.jsonは、デフォルトのままでは日本語が使えない →日本語を使えるようにする
1.config.jsonを開いたら、UTF-8 で保存しなおす
手順参考URL： http://blogs.msdn.com/b/osamum/archive/2013/05/27/windows-js-wack-utf-8.aspx

2.ナビゲーションを変更
変更

参考資料

参考資料
1.Web Application Template インストール配布元
http://wat.codeplex.com/
2.Web Application Template 日本語簡易版チュートリアル
http://bit.ly/monoesblog_WAT
3.Web Application Template Document
http://wat-docs.azurewebsites.net/
4.Windows Store Image Generator
http://wat-docs.azurewebsites.net/Tools

ご静聴ありがとうございました。

Web Application Template ハッカソン 成果発表 - 2014/09/28

More Related Content

Similar to Web Application Template ハッカソン 成果発表 - 2014/09/28

More from 満徳 関