Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
ソーシャルゲームのフロントエンドとASP.NET MVC (Lite)
Mayuki Sawatari
January 18, 2014
Programming
1
560
ソーシャルゲームのフロントエンドとASP.NET MVC (Lite)
Room metro Tokyo #3 (2014-01-18)
Mayuki Sawatari
January 18, 2014
Tweet
Share
More Decks by Mayuki Sawatari
See All by Mayuki Sawatari
mayuki
2
2.6k
mayuki
0
1.6k
mayuki
2
350
mayuki
0
2.4k
mayuki
0
1.7k
mayuki
1
160
mayuki
6
3.8k
mayuki
0
170
mayuki
1
300
Other Decks in Programming
See All in Programming
y__mattu
0
240
jschaedl
2
110
kensukenakazawa
0
110
horie1024
2
280
tkmnzm
1
260
bamboooo
1
130
fei0203018
0
200
chimerast
0
360
cc4966
1
110
o0h
PRO
3
1.6k
timeseriesfr
1
150
patrickjahr
0
130
Featured
See All Featured
jnunemaker
PRO
40
4.7k
smashingmag
232
18k
chrislema
231
16k
addyosmani
1346
200k
roundedbygravity
242
21k
jonyablonski
22
1.3k
chriscoyier
146
20k
lauravandoore
440
29k
malarkey
119
16k
dougneiner
119
8k
jeffersonlam
330
15k
zakiwarfel
88
3.4k
Transcript
None
( ) http://www.misuzilla.org/
None
( )
None
None
C# 5.0 (Razor ) Sass TypeScript
None
Visual Studio 2013 Premium SassyStudio Prepros
GUI GUI
None
HTML
None
CSS HTML
MindBEMding
None
BEM HTML/CSS
Element Element Element Element Element Block: Element: Modifier:
<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>
<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>
None
MindBEMding
None
None
docomo CSS
None
C# HTML https://github.com/mayuki/Cartelet
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>
CSS HTML style
None
HtmlHelper
WebViewPage ( ) @inherit ( )
Html.Raw Considered Harmful
None
TagBuilder ( )
None
None