ASCSS Nite in Kyoto

Satoshi Ueyama

Mapleの紹介

XMLで記述する地図

CSS、JSでWebページと同じように開発できる

HTML

MAP

HTML

<exl xmlns="http://www.csis.u-tokyo.ac.jp/exl/" id="ex1">

<map lng="139.729979" lat="35.659798" size="100663296" title="roppongi" id="the-map">

<g id="oedo-subway">

<curve><points>35.679794 139.717972,35.679752 139.718231,35.679527 139.718933,35.679264 139.719559,35.67905

139.719971,35.678867 139.720123,35.678402 139.720367,35.677376 139.720886,35.675095 139.722076,35.674774 139.722351,35.674385

139.723236,35.672222 139.724289,35.671848 139.72467,35.671329 139.72612,35.671169 139.72644,35.670471 139.726685,35.667213

139.727325,35.666931 139.727463,35.666088 139.728607,35.664318 139.73111,35.663395 139.732132,35.663227

139.732239</points></curve>

<curve><points>35.663227 139.732239,35.663082 139.732285,35.66209 139.732819,35.661625 139.73288,35.661175

139.73288,35.660061 139.732544,35.659561 139.732407,35.659039 139.732315,35.658306 139.732468,35.657784

139.732773</points></curve>

<curve><points>35.657784 139.732773,35.657501 139.732986,35.657227 139.733337,35.65707 139.733673,35.656956

139.7341,35.656261 139.737152,35.65604 139.738724,35.65519 139.741913,35.655029 139.743607</points></curve>

</g>

<g id="chiyoda-subway">

<curve><points>35.671413 139.754272,35.672661 139.751251,35.674294 139.74733,35.674347 139.746964,35.674225

139.746292,35.673622 139.743286,35.673466 139.741852,35.67329 139.738739,35.672768 139.737228</points></curve>

<curve><points>35.672768 139.737228,35.671959 139.736023,35.670944 139.73497,35.668922 139.732025,35.668819

139.731628,35.668732 139.73024,35.667973 139.727859,35.667789 139.727509,35.666805 139.726456,35.666309

139.725937</points></curve>

<curve><points>35.666309 139.725937,35.665848 139.725327,35.665524 139.724503,35.664024 139.718979,35.663746

139.718384,35.663181 139.71759,35.663006 139.717209,35.662903 139.716614,35.662937 139.716156,35.663052 139.715866,35.665218

139.712433,35.66774 139.707047</points></curve>

</g>

<point lat="35.662771" lng="139.731288" label="地下鉄六本木駅" class="place" />

<point lat="35.672114" lng="139.736245" label="地下鉄赤坂駅" class="place" />

<point lat="35.666562" lng="139.726202" label="地下鉄乃木坂駅" class="place" />

<point lat="35.665111" lng="139.73883" label="地下鉄六本木一丁目駅" class="place" />

<layer src="./dataset/roppongi/building/bld_656_594.xml" />

<layer src="./dataset/roppongi/building/bld_657_594.xml" />

<layer src="./dataset/roppongi/building/bld_658_594.xml" />

<layer src="./dataset/roppongi/building/bld_656_593.xml" />

<layer src="./dataset/roppongi/building/bld_657_593.xml" />

<layer src="./dataset/roppongi/building/bld_658_593.xml" />

<layer src="./dataset/roppongi/building/bld_657_592.xml" />

六本木ヒルズ周辺

六本木ヒルズ周辺

六本木ヒルズ周辺

システムの中身

XMLのパース、レンダリング

スクリプトエンジン

CSS処理系

Exl（システム本体）

E3Engine

ASCSS

ASで CSS

WebKitのCSSエンジンを移植

yacc + lex

C++

kmyacc

ActionScript 3

lexer は手書きでOK

ASで CSS

あとは地道に移植

kmyaccが優秀すぎて話すことがありません

パーサのデモ（4月に公開）

今日はセレクタマッチのデモを持ってきました。

http://coderepos.org/share/browser/lang/actionscript/ascss/src

未実装＆バグだらけ

地雷注意

撤 去 コミット

CodeRepos conference in Kyotoでした

以上