ソーシャルゲームのフロントエンドとASP.NET MVC (Lite)

Room metro Tokyo #3 (2014-01-18)

Transcript

2. ( ) http://www.misuzilla.org/
4. ( )
7. C# 5.0 (Razor ) Sass TypeScript
9. Visual Studio 2013 Premium SassyStudio Prepros
10. GUI GUI
12. HTML
14. CSS HTML
15. MindBEMding
17. BEM HTML/CSS
18. Element Element Element Element Element Block: Element: Modifier:
19. <div class="block"> <div class="block__element">Hauhau</div> <div class="block__element--modifier">Gaogao</div> </div> <div class="listview"> <div class="listview__item">Item1</div> <div class="listview__item--selected">Item2(Selected)</div> </div>
20. <div class="block"> <div class="block_element">Hauhau</div> <div class="block_element-Modifier">Gaogao</div> </div> <div class="listview"> <div class="listview_item">Item1</div> <div class="listview_item-Selected">Item2(Selected)</div> </div>
22. MindBEMding
25. docomo CSS
27. C# HTML https://github.com/mayuki/Cartelet
28. var content = @ <ul> <li><a href=""#"">1</a></li> <li><a href=""#"">2</a></li> </ul>"; var htmlFilter = new HtmlFilter(); htmlFilter.AddHandler("li:nth-child(2n)", (ctx, nodeInfo) => { nodeInfo.Attributes["style"] = "color:red;"; return true; }); var sw = new StringWriter(); htmlFilter.Execute(new CarteletContext(content, sw), HtmlParser.Parse(content)); sw.ToString(); // <ul> // <li><a href="#">1</a></li> // <li style="color:red;"><a href="#">2</a></li> // </ul>
29. CSS HTML style
31. HtmlHelper
32. WebViewPage ( ) @inherit ( )
33. Html.Raw Considered Harmful
35. TagBuilder ( )