JavaScriptのSource Mapの内部表現について

プログラミング (iOS, JavaScript, Jenkins, Sikuli) とMacやiPhoneなどの話題が中心のブログ CoffeeScriptなどの別言語からコンパイルしたり、ClosureコンパイラなどでMinifyしたりしたソースをデバッグしているときなどに、生成されたJavaScriptソースコードから変換前のオリジナルソースの場所を知りたいときがあります。 それを知るための技術がSource Mapです。これがどのようにオリジナルのソースを参照しているのか気になったので調べてみました。 CoffeeScriptをコンパイルしたときのソースマップ 簡単な例として、フィボナッチのCoffeeScript版をソースとして用います (fibonacci.coffee)。 fib = (n) -> if n == 0 or n == 1 n else (fib n - 1)

[efcl]

SourceMapによるマッピングデータの構造についての解説。 視覚的に対応を見るなら https://github.com/sokra/source-map-visualization がわかりやすい

[t-wada]

SourceMap 内部のセグメント情報について詳しく説明したエントリ

[vvakame]

これは俺が今まで求めてやまなかった神解説…！！

[makenowjust]

これ覚えないとな

[ledsun]

Source Map と言うのか

[d_animal141]

Safx: JavaScriptのSource Mapの内部表現について

[ismage]

via vantguarde http://b.hatena.ne.jp/vantguarde/