際際滷

際際滷Share a Scribd company logo
MetroStyle
ハッカソンに歌紗してきた

     @thayamizu
徭失B初
? ハンドル
 o Twitter : @thayamizu
 o Hatena: Crest


? お碧並
 o 蝶垢I寄僥寄僥垪の鴬平瘁豚n殻に壓汐
 o 寄僥では廁返として碧並に亊わってます
 o 好蛍勸はコンピュ`タネットワ`クおよびグラフィックス恷除は鮫
   I尖?パタ`ンJRを嶄伉に函りQってます


? 箸龍
 o iプログラミング剃アセンブル咄Sap}宙きカラオケetc.
Metro Style ハッカソンに
       歌紗したよ
? MetroStyle ハッカソンとは
    o Metro Developer コミュニティ[1]とVSハッカソンS何[2]のコラボ二鮫
    o 7/14のアイディアソンと7/21のハッカソンに蛍けて佩われる
    o 書指は念冨蕕離▲ぅ妊アソンに歌紗栖Lも歌紗嚠協


? アイディアソンの坪否
    o   Windows8のh廠B
    o   Metro Style アプリの児云並の茶氏
    o   グル`プに蛍かれてアイディアソン
    o   恬IL尚顔り梨れてました┷


? 書指はMetro Styleのアイディアソンに歌紗して誼たことを
  B初できたらいいなと房ってます

[1] http://metrostyledev.net/index.php/
[2] https://sites.google.com/site/visualstudiohackathon/
Windows8のh廠B
? 怜念嶄はh廠Bのインスト`ル恬Iの縮えあい
 o 磯方ぐらいの繁はすでにインスト`ルgみだった


? ∀覘h廠かデュアルブ`トか
 o ∀覘h廠ならVMWareFusionVirtual Boxがオススメ
 o デュアルブ`トの繁はかけなかった
 o なぜかMacユ`ザが謹かったです
    ? Boot CampはWindows8隆鬉蕕靴い任



? たぶんWindows8が匯何塁に30岬參貧嘛してるのは
  晩云でここぐらいじゃないでしょうか
Metro Styleとは
? メトロ(Metro)は哂Zで仝仇和々の吭龍
? 仇和の秤鷄輅召里茲Δ法▲轡鵐廛襪盃姥亠弔淵哀
  フィックを聞ってユ`ザに秤鵑止_する
Metro Style UI
Metro Style UI の蒙
? コンテンツが麼叨
 o コンテンツ麼悶のインタフェ`ス
 o アプリのコンテンツに短秘できるようにOされている
    ? WebであればWebコンテンツ


? クロムレス
 o 噫蛍な秤鵑鰐疂召靴覆 ★ がない
 o メニュ`やコマンドなどの噫蛍な秤鵑鮖中から茅
 o コマンドを柵び竃すrはアプリバ`やチャ`ムを聞う
Metro Style UIの鮫中撹
? 麼に2N
? Hub,spokes, details.
   o 秤鵑幕A咾魍屬燭擦襪茲Δ撹
   o 秤麩M侏のアプリ鬚(ニュ`ス吉)


? Flat
   o 揖じA咼譽戰襪離擧`ジがAく
   o 掲秤麩M侏のアプリ鬚
Demo(1)
? COCKTAIL FLOW
  o どうでもいいけどMterovSの茶氏でUIをB初するときの協桑になってます
     ? COD2012とかMetroStyleハッカソンとか
Metro Style 鏡徭のUI
? アプリバ`
? スナップ
? タイル
 o ライブタイル
 o セカンダリタイル
? チャ`ムとコントラクト
 o Windows8で駻辰気譴織ぅ鵐織侫З`ス
 o チャ`ム
    ? 極挑の嘔極から鮫中貧に鬚ってスワイプすると竃Fするインタフェ`ス
 o コントラクト
    ? チャ`ムにЪ{されている4つのC嬬
    ? 碧コントラクト
    ? 慌嗤コントラクト
    ? デバイスコントラクト
    ? O協コントラクト
? セマンティックズ`ム
 o 鮫中をピンチすることでペ`ジに燕幣される秤鵑淋業を貧和できる
Demo(2)
Metro Style アプリの
     ガイドライン
? かなりしいらしい貧に砲ある
? タイポグラフィ
 o Metroデザインにおいては嶷勣な勣殆Eかにするとアプリの|がグッとさがる
 o フォント?フォントサイズはガイドラインに峺協がある


? グリッドとマ`ジン
 o タイポグラフィと揖に嶷勣な勣殆
 o ただgに噫ったから腎gを_けるということはしない腎gそれ徭悶に吭龍
   を隔たせる
 o 児云議に5pxg了で深えるといいらしい
アイディアソン
? 4゛6繁殻業のグル`プに蛍かれてハッカソンに鬚韻討
  アイディア竃し
 o 匯つのグル`プにとどまるのではなく3指に蛍けていくつかのグル`プを
   指って徭蛍の挫みに栽うアイディアのところに歌紗
 o ちょっと玉かったかなぁという湖


? アイディアの箭
 o   胆繁rのMetro井かわいいねボタン
 o   ソ`シャルデ`タの匯圷砿尖泳溺ができる碧Mみ
 o   メトリス
 o   Etc..


? 栖Lのハッカソンが階Sしみです
? ご賠ありがとうございました

More Related Content

Metro style ハッカソンに歌紗してきた

  • 2. 徭失B初 ? ハンドル o Twitter : @thayamizu o Hatena: Crest ? お碧並 o 蝶垢I寄僥寄僥垪の鴬平瘁豚n殻に壓汐 o 寄僥では廁返として碧並に亊わってます o 好蛍勸はコンピュ`タネットワ`クおよびグラフィックス恷除は鮫 I尖?パタ`ンJRを嶄伉に函りQってます ? 箸龍 o iプログラミング剃アセンブル咄Sap}宙きカラオケetc.
  • 3. Metro Style ハッカソンに 歌紗したよ ? MetroStyle ハッカソンとは o Metro Developer コミュニティ[1]とVSハッカソンS何[2]のコラボ二鮫 o 7/14のアイディアソンと7/21のハッカソンに蛍けて佩われる o 書指は念冨蕕離▲ぅ妊アソンに歌紗栖Lも歌紗嚠協 ? アイディアソンの坪否 o Windows8のh廠B o Metro Style アプリの児云並の茶氏 o グル`プに蛍かれてアイディアソン o 恬IL尚顔り梨れてました┷ ? 書指はMetro Styleのアイディアソンに歌紗して誼たことを B初できたらいいなと房ってます [1] http://metrostyledev.net/index.php/ [2] https://sites.google.com/site/visualstudiohackathon/
  • 4. Windows8のh廠B ? 怜念嶄はh廠Bのインスト`ル恬Iの縮えあい o 磯方ぐらいの繁はすでにインスト`ルgみだった ? ∀覘h廠かデュアルブ`トか o ∀覘h廠ならVMWareFusionVirtual Boxがオススメ o デュアルブ`トの繁はかけなかった o なぜかMacユ`ザが謹かったです ? Boot CampはWindows8隆鬉蕕靴い任 ? たぶんWindows8が匯何塁に30岬參貧嘛してるのは 晩云でここぐらいじゃないでしょうか
  • 5. Metro Styleとは ? メトロ(Metro)は哂Zで仝仇和々の吭龍 ? 仇和の秤鷄輅召里茲Δ法▲轡鵐廛襪盃姥亠弔淵哀 フィックを聞ってユ`ザに秤鵑止_する
  • 7. Metro Style UI の蒙 ? コンテンツが麼叨 o コンテンツ麼悶のインタフェ`ス o アプリのコンテンツに短秘できるようにOされている ? WebであればWebコンテンツ ? クロムレス o 噫蛍な秤鵑鰐疂召靴覆 ★ がない o メニュ`やコマンドなどの噫蛍な秤鵑鮖中から茅 o コマンドを柵び竃すrはアプリバ`やチャ`ムを聞う
  • 8. Metro Style UIの鮫中撹 ? 麼に2N ? Hub,spokes, details. o 秤鵑幕A咾魍屬燭擦襪茲Δ撹 o 秤麩M侏のアプリ鬚(ニュ`ス吉) ? Flat o 揖じA咼譽戰襪離擧`ジがAく o 掲秤麩M侏のアプリ鬚
  • 9. Demo(1) ? COCKTAIL FLOW o どうでもいいけどMterovSの茶氏でUIをB初するときの協桑になってます ? COD2012とかMetroStyleハッカソンとか
  • 10. Metro Style 鏡徭のUI ? アプリバ` ? スナップ ? タイル o ライブタイル o セカンダリタイル ? チャ`ムとコントラクト o Windows8で駻辰気譴織ぅ鵐織侫З`ス o チャ`ム ? 極挑の嘔極から鮫中貧に鬚ってスワイプすると竃Fするインタフェ`ス o コントラクト ? チャ`ムにЪ{されている4つのC嬬 ? 碧コントラクト ? 慌嗤コントラクト ? デバイスコントラクト ? O協コントラクト ? セマンティックズ`ム o 鮫中をピンチすることでペ`ジに燕幣される秤鵑淋業を貧和できる
  • 12. Metro Style アプリの ガイドライン ? かなりしいらしい貧に砲ある ? タイポグラフィ o Metroデザインにおいては嶷勣な勣殆Eかにするとアプリの|がグッとさがる o フォント?フォントサイズはガイドラインに峺協がある ? グリッドとマ`ジン o タイポグラフィと揖に嶷勣な勣殆 o ただgに噫ったから腎gを_けるということはしない腎gそれ徭悶に吭龍 を隔たせる o 児云議に5pxg了で深えるといいらしい
  • 13. アイディアソン ? 4゛6繁殻業のグル`プに蛍かれてハッカソンに鬚韻討 アイディア竃し o 匯つのグル`プにとどまるのではなく3指に蛍けていくつかのグル`プを 指って徭蛍の挫みに栽うアイディアのところに歌紗 o ちょっと玉かったかなぁという湖 ? アイディアの箭 o 胆繁rのMetro井かわいいねボタン o ソ`シャルデ`タの匯圷砿尖泳溺ができる碧Mみ o メトリス o Etc.. ? 栖Lのハッカソンが階Sしみです