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
880
ソーシャルゲームのフロントエンドと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
980
.NET のための通信フレームワーク MagicOnion 入門 / Introduction to MagicOnion
mayuki
2
21k
Real World .NET Core on Kubernetes
mayuki
2
3.7k
OneDrive On-Demandがすごい
mayuki
0
2.4k
Android TVとXamarinとKotlin
mayuki
2
490
Cutting Edge!
mayuki
0
3.5k
.NETプログラム(のランタイムを実装する)入門なのです
mayuki
0
2.2k
Acute Low back pain
mayuki
1
240
TypeScriptをより実践的に使うために
mayuki
6
4.5k
Other Decks in Programming
See All in Programming
抽象化という思考のツール - 理解と活用 - / Abstraction-as-a-Tool-for-Thinking
shin1x1
1
830
それ CLI フレームワークがなくてもできるよ / Building CLI Tools Without Frameworks
orgachem
PRO
11
2.5k
変化を楽しむエンジニアリング ~ いままでとこれから ~
murajun1978
0
470
Vibe Codingの幻想を超えて-生成AIを現場で使えるようにするまでの泥臭い話.ai
fumiyakume
18
9.4k
AIに安心して任せるためにTypeScriptで一意な型を作ろう
arfes0e2b3c
0
240
React は次の10年を生き残れるか:3つのトレンドから考える
oukayuka
40
15k
LLMは麻雀を知らなすぎるから俺が教育してやる
po3rin
2
820
Workers を定期実行する方法は一つじゃない
rokuosan
0
130
テスターからテストエンジニアへ ~新米テストエンジニアが歩んだ9ヶ月振り返り~
non0113
2
240
ソフトウェア設計とAI技術の活用
masuda220
PRO
25
6.9k
Advanced Micro Frontends: Multi Version/ Framework Scenarios
manfredsteyer
PRO
0
100
中級グラフィックス入門~効率的なメッシュレット描画~
projectasura
3
1.6k
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
283
13k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Faster Mobile Websites
deanohume
308
31k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
GraphQLとの向き合い方2022年版
quramy
49
14k
How to train your dragon (web standard)
notwaldorf
96
6.1k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
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