多段SourceMapとASTの現状について話してきた
ConstさんがWebKitにコミットしてたCSS JIT入りのiOS8リリースがされたのを記念して@Constellationさんと@saneyuki_s さんと#DOMQuery寿司をしてきました。 元ネタは以下の記事です。 Apple Shows Love for HTML5 with iOS 8 | Blog | Sencha iOS 8 に Apple の HTML5 への愛を見た | 株式会社ゼノフィ SourceMapとASTの問題点 これが #DOMQuery寿司 です pic.twitter.com/o4qpKqrKYT — azu (@azu_re) September 22, 2014 一つ目の献立として発表したのは、SourceMapとASTでちょっと似てるなーと思った問題点の話について。 前半の多段SourceMapについては以下の記事で書いた話と大体同じです。
URI Parsing with Javascript
uri.js �� ��U � ��U var parser = document.createElement('a'); parser.href = "http://example.com:3000/pathname/?search=test#hash"; parser.protocol; // => "http:" parser.hostname; // => "example.com" parser.port; // => "3000" parser.pathname; // => "/pathname/" parser.search; // => "?search=test" parser.hash; // => "#hash" parser.host; // => "example.com:3000"
jq. A command-line JSON parser. | Ore no homepage
せっかく天気良いのに花粉がきつくて嫌だね。つーか、気がついたら転職して2年経ってた。 えーと、どこぞのWebAPIやミドルウェアのAPIを叩くとJSONでレスポンスが返ってくることは珍しくない。でもコマンドラインからcurlなどでJSONなレスポンスを貰うと整形されてなくて困ったりする。あと、パースも面倒。なので結局はLLでAPIを叩く簡単なコードを書く必要が出てきたりする。コマンドラインから手軽にJSONの整形やらパースができたらいいんだけどな・・・と思ってたらjqというモノを見つけた。 0. jq jqについては↓の通り jq is a lightweight and flexible command-line JSON processor. http://stedolan.github.com/jq/ 1. LLでJSONを整形/パースするとき 例えばRabbitMQのapiを叩く
ECMAScript tools - composable modules and transpiler infrastructure
ECMAScript tools composable modules and transpiler infrastructure Yusuke Suzuki (a.k.a Constellation) self introduction ECMAScript engine iv / lv5 (written in C++) owner Esprima committer Escodegen owner Esmangle owner background ECMAScript everywhere ECMAScript is now widely used client side server side databases And ECMAScript tools are also developed widely ECMAScript tools tools UglifyJS closu
Const なんとかさん関連のツール群をつかうと、簡単に EcmaScript target の言語をつくれる! - tokuhirom's blog
で、esprima とか関連のツール群は Mozilla の Parser API の AST 形式をサポートしています。詳細はここのへんかな。 https://developer.mozilla.org/en-US/docs/SpiderMonkey/Parser_API で、escodegen があるということは Parser API 形式の AST をはけば、そこから JS を生成できるってことですね。しかも escodegen は source-map の生成にも対応しているので、エラーの処理もらくちんで、実行時エラーがおきても、「ああ、JSでかいておけばよかった。。」とはならない(という未来がくることになっています) CoffeeScriptRedux というカッフィースクリプトのあたらし版をつくってるプロジェクトでは実際に CoffeeScript code => [parse
escodegen + esprima で JS のデバッグをしたら捗りそう - tokuhirom's blog
以下のようなコードを実行すると console.log([ [1,1,8] [2,1,16] ]);このような結果になる。 [ undefined ]アレレーってなってたんだけど kazuho さんにきいたところ、 [1,1,8][2,1,16] => ([1,1,8])[(2,1,16)] => ([1,1,8])[16] => undefinedってことでした。 こんな時、Perl Monger ならとりあえず B::Deparse することによって解決の糸口をさがすんだけど、そういうの EcmaScript でどうすんすかね、ってなことを kazuho さんにきいたところ、esprima っていう es のパーサーがあるよって教えてもらったので、AST はとりだせたんだけど、AST をみても埒があかないので、AST からソースにおとす君がないかなーとさがしたところ const なんと
Esprima
Esprima is a high performance, standard-compliant ECMAScript parser written in ECMAScript (also popularly known as JavaScript). Features Full support for ECMAScript 2019 (ECMA-262 10th Edition) Sensible syntax tree format, with optional node location info Experimental support for JSX, a syntax extension for React Heavily tested (~1600 tests with full code coverage) API Esprima can be used to perfo
JavaScript syntax tree visualization with Esprima · ariya.io
JavaScript syntax tree visualization with Esprima Apr 4, 2012 2 min read #code #esprima #javascript #parser One little feature I added to Esprima parser demo was syntax tree visualization (using YUI TreeView). While it is already possible to see the JSON version of the parsed AST, often a much more visual representation improves the syntax analysis workflow. It is also more educational. An example
language-javascript
Parses Javascript into an Abstract Syntax Tree (AST). Initially intended as frontend to hjsmin. Note: Version 0.5.0 breaks compatibility with prior versions, the AST has been reworked to allow round trip processing of JavaScript. [Skip to Readme]
JavaScriptをやり始めた人が理解したほうが良いJSONパーサのコード - sifue's blog
そろそろ4月も近いということもあって、新たにWeb業界やSIer業界に入るぞという方がプログラミングの勉強をし始めているころでしょうか。最近は、エンタープライズでもWebクライアントが主流になりつつあるのでJavaScriptの習得は避けては通れない道だと思います。また、Node.js等サーバーサイドのJavaScriptも出てきたこともあって、非常に有用な言語になりつつあります。 そんなJavaScriptを学び始めている人の中でも、ある程度プログラミングをやったことがある人がJavaScriptの綺麗な書き方を学ぶのに絶対理解しておいた方が良い300行程度のソースコードがあります。 それは、JavaScript: The Good Partsに載っているJSONパーサのコードです。 JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス 作者:
PSD.js by meltingice
A Photoshop PSD file parser in Javascript for NodeJS and the browser. View the Project on GitHub meltingice/psd.js Download ZIP File Download TAR Ball View On GitHub A general purpose PSD parser written in Coffeescript. Based off of PSD.rb. It allows you to work with a Photoshop document in a manageable tree structure and find out important data such as: Document structure Document size Layer/fold
pfffをビルドする - YAMAGUCHI::weblog
はじめに チャオ（こんにちは）、Python界のザッカーバーグです。最近「ソーシャル・ネットワーク」とかいう映画が流行ってるそうですね。僕も刺激されたのでFacebookが開発したソースコード解析ツールのpfffを試してみました。Python Hackathon 2011.02で紹介させてもらいましたが、何回かに分けてご紹介していこうと思います。 [20110219] pfffについてView more presentations from Yoshifumi YAMAGUCHI. 訂正：発表時点ではMac OSでビルドできませんでしたが、怒涛のアップデートによりビルド出来るようになりました 参考 facebook/pfff · GitHub Pfff! PHP Frontend For Fun | Devis Lucato 作者によるデモ映像 Code visulization, pff
Zaa.ch - JSON formatting
The original source of JSONLint There have been many implementations using this pure JavaScript implementation of JSONLint to format JSON on sites like JSONLint.com (the original), JSONLint Pro (a new version without ads). Both sites make it easy to format and validate JSON. JSONLint is an online tool for validating and formatting JSON (JavaScript Object Notation) data. It can be used to check if
JavaScriptでマイクロフォーマットのデータをパースするライブラリ「Microformat Shiv」 | Web活メモ帳
「hCard」や、イベント・カレンダーとしての情報を記す「hCalendar」、書籍や音楽などについてのレビューを示す「hReview」など様々なタイプのデータに対応しています。 サポートしているフォーマットは現在はhCard、hCalendar、hResume、hReview、hAtom、XFN、adr、geo、tagの9種類のようです。 使い方 ライブラリを読み込み後に、DOMから情報を持ってきます。 まずは以下のようなサンプルのHTMLを使用します。 WEB活メモ帳 Google アップル JavaScriptを実行します。 var domNode = document.getElementById('example'); var jsonObject = navigator.microformats.get('tag', domNode); alert(JSON.stringify
JavaScript で構文解析: Days on the Moon
C++ の特徴のひとつである演算子オーバーロード、その粋を極めたのが Boost Lambda (無名関数) と Boost Spirit (構文解析) ではないかと思っています。JavaScript では無名関数が使えるので Lambda に関しては間に合っているとも言えますが、Spirit はそうも行きません。JavaScript 2 で演算子オーバーロードがサポートされるのならチャレンジしてみようかななどと思ってそれきりになっていました。 しかし、一部でパーサブームが起こっているというのを受け、Perl 6 Rules をつらつらと眺めているうち、正規表現のメタ文字を使えば文法定義をきれいに書けるのではと思い至りました。そこで実際に JavaScript でパーサジェネレータを作り、Spirit にあやかって Gin (ジン) と名づけてみました。 文法定義 正規表現リテラルを使うこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - robertkrimen/otto: A JavaScript interpreter in Go (golang)
Jmacro - HaskellWiki
GitHub - estools/escodegen: ECMAScript code generator
GitHub - NV/JSCSSP: CommonJS module of JavaScript CSS Parser written by Daniel Glazman
UglifyJS — a JavaScript parser/compressor/beautifier
