Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

Mayuki Sawatari

January 18, 2014
Tweet

More Decks by Mayuki Sawatari

Other Decks in Programming

Transcript

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

    View full-size slide

  2. C# 5.0 (Razor )
    Sass
    TypeScript

    View full-size slide

  3. Visual Studio 2013 Premium
    SassyStudio
    Prepros

    View full-size slide

  4. BEM HTML/CSS

    View full-size slide

  5. Element
    Element
    Element
    Element
    Element
    Block:
    Element:
    Modifier:

    View full-size slide


  6. Hauhau
    Gaogao


    Item1
    Item2(Selected)

    View full-size slide


  7. Hauhau
    Gaogao


    Item1
    Item2(Selected)

    View full-size slide

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

    View full-size slide

  9. var content = @
    1
    2
    ";
    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();
    //
    // 1
    // 2
    //

    View full-size slide

  10. CSS HTML style

    View full-size slide

  11. WebViewPage ( )
    @inherit ( )

    View full-size slide

  12. Html.Raw Considered Harmful

    View full-size slide

  13. TagBuilder ( )

    View full-size slide