Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ソーシャルゲームのフロントエンドとASP.NET MVC (Lite)
Search
Mayuki Sawatari
January 18, 2014
Programming
1
840
ソーシャルゲームのフロントエンドと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
.NET 9アプリをCGIとして レンタルサーバーで動かす
mayuki
1
880
.NET のための通信フレームワーク MagicOnion 入門 / Introduction to MagicOnion
mayuki
2
13k
Real World .NET Core on Kubernetes
mayuki
2
3.6k
OneDrive On-Demandがすごい
mayuki
0
2.4k
Android TVとXamarinとKotlin
mayuki
2
480
Cutting Edge!
mayuki
0
3.5k
.NETプログラム(のランタイムを実装する)入門なのです
mayuki
0
2.2k
Acute Low back pain
mayuki
1
230
TypeScriptをより実践的に使うために
mayuki
6
4.5k
Other Decks in Programming
See All in Programming
AIエージェントを活用したアプリ開発手法の模索
kumamotone
1
750
アーキテクトと美学 / Architecture and Aesthetics
nrslib
12
3.1k
Fluent UI Blazor 5 (alpha)の紹介
tomokusaba
0
150
ローコードサービスの進化のためのモノレポ移行
taro28
1
340
ニックトレイン登壇資料
ryotakurokawa
0
140
Denoでフロントエンド開発 2025年春版 / Frontend Development with Deno (Spring 2025)
petamoriken
1
1.3k
S3静的ホスティング+Next.js静的エクスポート で格安webアプリ構築
iharuoru
0
200
今から始めるCursor / Windsurf / Cline
kengo_hayano
0
110
Devin入門と最近のアップデートから見るDevinの進化 / Introduction to Devin and the Evolution of Devin as Seen in Recent Update
rkaga
7
3.9k
ベクトル検索システムの気持ち
monochromegane
30
9.1k
エンジニア未経験が最短で戦力になるためのTips
gokana
0
220
Preact、HooksとSignalsの両立 / Preact: Harmonizing Hooks and Signals
ssssota
1
770
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Stop Working from a Prison Cell
hatefulcrawdad
268
20k
Gamification - CAS2011
davidbonilla
81
5.2k
GitHub's CSS Performance
jonrohan
1030
460k
KATA
mclloyd
29
14k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
227
22k
Music & Morning Musume
bryan
46
6.4k
Fireside Chat
paigeccino
37
3.3k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
How STYLIGHT went responsive
nonsquared
99
5.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