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

Transcript

1. None

2. ( ) http://www.misuzilla.org/

3. None

4. ( )

5. None
6. None

7. C# 5.0 (Razor ) Sass TypeScript

8. None

9. Visual Studio 2013 Premium SassyStudio Prepros

10. GUI GUI

11. None

12. HTML

13. None

14. CSS HTML

15. MindBEMding

16. None

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>
21. None

22. MindBEMding

23. None
24. None

25. docomo CSS

26. None

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

30. None

31. HtmlHelper

32. WebViewPage ( ) @inherit ( )

33. Html.Raw Considered Harmful

34. None

35. TagBuilder ( )

36. None
37. None