「JavaScriptのシンタックスハイライターをJavaScriptで作れ」
本日の講義の資料と録画を公開しました。Javascriptの概要からDOM、イベントドリブンまでを2時間で網羅した密度の高い講義となっています。 #hatenatech インターン講義4日目「JavaScriptで学ぶイベントドリブン」 http://htn.to/m5HF34
2010-08-05 19:59:37はてなインターン4日目の課題3のシンタックスハイライトどうやるんだ。preむずいね。DocumentFragmentをどう使うんだ。 http://j.mp/aloXCv #hatenatech
2010-08-07 21:03:16シンタックスハイライトするやつ作った "Happy Hacking Prettifier" - http://j.mp/cKLGQ0
2010-08-07 21:17:54文字列の任意の位置から正規表現のマッチングをはじめたかったのだけれど, その方法が良く分からずni結局毎回 slice するという超絶に遅い仕様となった. lastIndex がどうのこうのという記述もあったけれど, 良く分からず.
2010-08-07 21:22:19また, はじめて input イベントを使ってみた. これはテキストエリア内の文字列が入力 (変更) される度に通知されるイベントで, keyup などを見るよりも効率が良い.
2010-08-07 21:27:37私もシンタックスハイライトするやつ作った!自分用のいいかげんなやつだけど(ぁ http://gist.github.com/512773
2010-08-07 21:45:18@Griever2 正規表現の \b 便利ですよねー. あと, この後からキーワード使って正規表現組み立てるの良いですね. 後で真似します.
2010-08-07 21:49:55とりあえずtoken列に解析(index + length + type)はできた. http://gyazo.com/1fc14581add537913b6639c13e3ce89d.png ただspecial_variableとかに何を当てたらいいのかちょっと不明...
2010-08-07 22:41:14こんな感じで. http://constellation.github.com/iv/js/syntax.html みんな大好きdesert256 color in vim
2010-08-07 23:23:16http://gyazo.com/3f70f6d4873f1f2140197acc354c5f36.png こんな感じでget / setのハイライトに対応. IdentifierNameとして入ったReservedWordsはhighlightしない. 満足...
2010-08-07 23:57:37cho45先生のシンタックスハイライト見本。 "cho45's jshighlight at master - GitHub" http://is.gd/e8myc
2010-08-08 16:02:35