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
800
ソーシャルゲームのフロントエンドと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
770
.NET のための通信フレームワーク MagicOnion 入門 / Introduction to MagicOnion
mayuki
1
4.6k
Real World .NET Core on Kubernetes
mayuki
2
3.6k
OneDrive On-Demandがすごい
mayuki
0
2.3k
Android TVとXamarinとKotlin
mayuki
2
460
Cutting Edge!
mayuki
0
3.3k
.NETプログラム(のランタイムを実装する)入門なのです
mayuki
0
2.1k
Acute Low back pain
mayuki
1
230
TypeScriptをより実践的に使うために
mayuki
6
4.4k
Other Decks in Programming
See All in Programming
talk-with-local-llm-with-web-streams-api
kbaba1001
0
170
たのしいparse.y
ydah
3
120
14 Years of iOS: Lessons and Key Points
seyfoyun
1
770
testcontainers のススメ
sgash708
1
120
Symfony Mapper Component
soyuka
2
730
フロントエンドのディレクトリ構成どうしてる? Feature-Sliced Design 導入体験談
osakatechlab
8
4.1k
[JAWS-UG横浜 #76] イケてるアップデートを宇宙いち早く紹介するよ!
maroon1st
0
450
生成AIでGitHubソースコード取得して仕様書を作成
shukob
0
270
RWC 2024 DICOM & ISO/IEC 2022
m_seki
0
200
暇に任せてProxmoxコンソール 作ってみました
karugamo
1
720
103 Early Hints
sugi_0000
1
220
数十万行のプロジェクトを Scala 2から3に完全移行した
xuwei_k
0
260
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
26
1.9k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.9k
For a Future-Friendly Web
brad_frost
175
9.4k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
The Pragmatic Product Professional
lauravandoore
32
6.3k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.9k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Being A Developer After 40
akosma
87
590k
Speed Design
sergeychernyshev
25
670
Gamification - CAS2011
davidbonilla
80
5.1k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.6k
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