Pro Yearly is on sale from $80 to $50! »

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

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

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

1fe26e11357f3ba7250b6668ca61309f?s=128

Mayuki Sawatari

January 18, 2014
Tweet

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