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
550
ソーシャルゲームのフロントエンドと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.1k
mayuki
0
1.6k
mayuki
2
340
mayuki
0
2.4k
mayuki
0
1.7k
mayuki
1
160
mayuki
6
3.7k
mayuki
0
170
mayuki
1
300
Other Decks in Programming
See All in Programming
saki4869
0
200
anchorcable
1
130
rshindo
2
330
hirotokirimaru
1
440
balestrapatrick
0
110
azdaroth
0
180
adoranwodo
0
260
nbkouhou
9
4.9k
thatjeffsmith
0
480
masayaaoyama
4
910
kenmaz
1
100
akatsukinewgrad
0
220
Featured
See All Featured
keithpitt
401
20k
zakiwarfel
88
3.3k
lara
172
9.5k
lara
590
61k
samanthasiow
56
6.3k
lemiorhan
627
43k
deanohume
295
27k
thoeni
4
550
colly
187
14k
roundedbygravity
241
21k
schacon
145
6.6k
jacobian
255
20k
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