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

Transcript

1. 1.

   None
2. 2.

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

3. 3.

   None
4. 4.

   ( )

5. 5.

   None
6. 6.

   None
7. 7.

   C# 5.0 (Razor ) Sass TypeScript

8. 8.

   None
9. 9.

   Visual Studio 2013 Premium SassyStudio Prepros

10. 10.

    GUI GUI

11. 11.

    None
12. 12.

    HTML

13. 13.

    None
14. 14.

    CSS HTML

15. 15.

    MindBEMding

16. 16.

    None
17. 17.

    BEM HTML/CSS

18. 18.

    Element Element Element Element Element Block: Element: Modifier:

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

    None
22. 22.

    MindBEMding

23. 23.

    None
24. 24.

    None
25. 25.

    docomo CSS

26. 26.

    None
27. 27.

    C# HTML https://github.com/mayuki/Cartelet

28. 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. 29.

    CSS HTML style

30. 30.

    None
31. 31.

    HtmlHelper

32. 32.

    WebViewPage ( ) @inherit ( )

33. 33.

    Html.Raw Considered Harmful

34. 34.

    None
35. 35.

    TagBuilder ( )

36. 36.

    None
37. 37.

    None