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

Web Application Template(WAT) ハッカソン～結果発表～

2014年09月28日(日)

@fullvirtue

今回やった内容今回のハッカソンでやった内容について説明します

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の適用

1. 開発環境を準備

Windows 8.1

Visual Studio 2013 Update 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

Internet

【トークソン】はじめてのハッカソン 140302

161030 ビル空調ハッカソン

AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015

Template 1 Stijl 1 Template 1 Stijl 2 Template 1 Stijl 3...Template 7 Stijl 1 Template 7 Stijl 4 Template 8 Stijl 1 Template 8 Stijl 4 Template 7 Stijl 2 Template 7 Stijl 5 Template

ハンズオンハッカソンデータコンペアウトプット …データ同化ハンズオンデータ分析ハッカソンスポーツデータ解析コンペティション

ハッカソン · 2017. 7. 4. · ハッカソンって何？ Mashup Awards 2017 ハッカソン予選（2017.9.23-9.24 開催予定）レッドハッカソンひろしまプレイベント

TOSHIBAxGUGEN FlashAirハッカソン-FlashAirでなに作る?

ハッカソンに使うSwift & Swift 3.0のGCD

20131030 dstnハッカソン - ワークショップ

Rails application template

201619 20ハッカソンまとめ

はじめてのハッカソン＆インセプションデッキ 140308

m3ハッカソンチームC（おかんアラート）

15 ai農業ハッカソン

20140914スライドハッカソン・プログラム

20140208 r4 rハッカソン

Circular Deformable Template Application in Eye Openness ... · PDF fileThe circular template will locate the iris region and ... A diagram of anisotropic diffusion algorithm ... Hough

ヤマノススメ〜秋山郷 de ハッカソン〜

d3jsハンズオン @E2D3ハッカソン

Unityハッカソンチームドミノ発表用資料 2012.12

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

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