Build a Dependency Graph Profiler in JS
An example of smart use of dependency graphs can be found in Bit. Bit isolates your app’s modules/components by tracking your files’ dependencies. This component isolation enables sharing and collaborating on individual components instead of the old way of collaborating solely on full monolithic projects constructed out of unintelligible files. Simple, starting from an entry point (such as main1.j
A simple homemade JavaScript obfuscator
In this post, I present how you can create your own simple JavaScript obfuscator. To illustrate our example, we will apply our obfuscator on a simple fingerprinting script. In the remaining of this post, we consider we are working in a directory with the following structure: The src/ directory will contain the source of the JavaScript files we write, while the dist/ directory will contain transpil
Puppeteerで不要なCSSを消す - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは。フロントエンドエキスパートチームの穴井（@pirosikick）です。福岡在住で、普段は福岡のweworkで働いています。他のメンバーは皆、東京に居てリモートで仕事をしていますが、モブでわいわい開発していますし、weworkが快適すぎて、毎日楽しいです！ フロントエンドエキスパートチームでは、サイボウズの各プロダクトが抱えるWebフロントエンドの課題を解決するのが仕事の一つです。 blog.cybozu.io 最近の取り組みとして、Puppeteerで不要なCSSを消した事例を紹介します。 このブログは、6/19に福岡で開催した「Google I/O '19のWebをまとめる会」で登壇したときの内容を詳細に説明しつつ、アップデートした部分もあるので、発表見たぞ、スライド見たぞという方も見ていただけますと幸いです。 speakerdeck.com きっかけ とあるプロダクトのCS
Faster script loading with BinaryAST?
The performance of applications on the web platform is becoming increasingly bottle necked by the startup (load) time. Large amounts of JavaScript code are required to create rich web experiences that we’ve become used to. When we look at the total size of JavaScript requested on mobile devices from HTTPArchive, we see that an average page loads 350KB of JavaScript, while 10% of pages go over the
Release v0.6.1 · facebook/jscodeshift
Added Tranform files can be written in Typescript. If the file extension of the transform file is .ts or .tsx, @babel/preset-typescript is used to convert them. This requires the --babel option to be set (which it is by default). ( #287 , @brieb ) Changed The preset and plugins for converting the transform file itself via babeljs have been updated to work with babel v7. This included removing babe
社内勉強会 TechLunch で"JavaScript AST ことはじめ"という発表をしました | MEDLEY Developer Portal
2018-06-22社内勉強会 TechLunch で"JavaScript AST ことはじめ"という発表をしましたみなさん、こんにちは。開発本部エンジニアの平木です。こちらのブログの投稿自体はほぼ 1 年ぶりになりそうな勢いですが、みなさまお元気でしょうか? 弊社で定期的に開催してる社内勉強会 TechLunch で自分の順番が回ってきたため、どうしようか迷った末にJavaScript AST ことはじめという発表をしたので、そのことについて書いていきます。 なぜ JavaScript AST について話そうと思ったのか現在、弊社のエンジニアメンバーのバックグラウンドで一番多数派なのは「元サーバサイドエンジニア」です。もちろん、業務ではサーバサイド・フロントエンド・ネイティブアプリとバックグラウンドに関わらず、必要に応じて分け隔てなく開発しています。 とはいえ、ちゃんとサービス開発自体
Node.jsでつくるNode.js - もくじ - Qiita
はじめに 「RubyでつくるRuby ゼロから学びなおすプログラミング言語入門」(ラムダノート, Amazon) という本を手を動かしながら読んで、非常に感銘を受けました。そんなおりに PythonでつくるPythonという記事を読み、自分でもNode.jsでミニNode.js作りにチャンレンジすることにしました。 予想以上に手間取り端折った部分もありますが、なんとか最後はブートストラップまで行くことができました。 目次 ミニインタープリター編 Step1：ソースのパース ... 初めての esprima Step2：単純化 ... 抽象構文木(AST)を単純化 Step 3: +演算子を評価する ... 足し算を実行 Step 4: 四則演算で電卓を作る ... 電卓を作るところまでと、比較演算子の実装 Step 5: 変数を使う ... 変数の宣言、代入、参照 Step 6: 条件分岐
GitHub - xtuc/webassemblyjs: Toolchain for WebAssembly
ast - AST utils for webassemblyjs cli - Toolbox for WebAssembly dce - Eliminate unused functions in your WASM binary eslint-plugin-webassembly - ESLint plugin for WebAssembly. floating-point-hex-parser - Parser function for floating point hexadecimals. helper-buffer - Buffer manipulation helpers helper-fsm - FSM implementation helper-wasm-bytecode - Constants for the wasm format helper-wasm-sectio
東京ラビットハウス
簡単JavaScript AST入門 2017/10/24 試供用PDF最新版を配布しています。第三章まで載っています。 2017/10/22 第1版 技術書典3 頒布 (80P, 1000円) 誰か売り子を手伝っていただけないでしょうか？一日中ブースにいるとトイレにいくタイミングが無くてしんどいので、お手伝いできる方いたらTwitter @erukiti にでもご連絡ください。 あと前回の経験上おそい時間だと売り切れ完売の可能性が高そうなので、取り置き希望の人はこれまた Twitter などでご連絡ください。 コンセプト この本は JavaScript AST の入門書です。AST とはソースコードを扱いやすいように加工されたデータ構造のことです。AST を操作するとソースコードの変更・削除・挿入や解析ができます。 JavaScript においては AST は難しいものではありません。A
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - SimpliField/jsub: JavaScript library to create JavaScript subsets.
GitHub - Rich-Harris/code-red: Experimental toolkit for writing x-to-JavaScript compilers
Release v0.6.0 · facebook/jscodeshift · GitHub
GitHub - JamesHenry/typescript-estree: A parser that converts TypeScript source code into an ESTree-compatible form
GitHub - vtrushin/json-to-ast: JSON AST parser
Compiler in JavaScript using ANTLR
GitHub - alangpierce/sucrase: Super-fast alternative to Babel for when you can target modern JS runtimes
GitHub - ronami/minipack: 📦 A simplified example of a modern module bundler written in JavaScript
Transform your codebase using codemods | _Nec
GitHub - suchipi/transform-imports: Tools that make it easy to codemod imports/requires in your JS
GitHub - azz/ast-grep: 🔍 Like grep, but more powerful than you can possibly imagine
