Puppeteerで不要なCSSを消す - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは。フロントエンドエキスパートチームの穴井（@pirosikick）です。福岡在住で、普段は福岡のweworkで働いています。他のメンバーは皆、東京に居てリモートで仕事をしていますが、モブでわいわい開発していますし、weworkが快適すぎて、毎日楽しいです！ フロントエンドエキスパートチームでは、サイボウズの各プロダクトが抱えるWebフロントエンドの課題を解決するのが仕事の一つです。 blog.cybozu.io 最近の取り組みとして、Puppeteerで不要なCSSを消した事例を紹介します。 このブログは、6/19に福岡で開催した「Google I/O '19のWebをまとめる会」で登壇したときの内容を詳細に説明しつつ、アップデートした部分もあるので、発表見たぞ、スライド見たぞという方も見ていただけますと幸いです。 speakerdeck.com きっかけ とあるプロダクトのCS
ESLint · JavaScript Plugin Architecture
ESLint この文章はESLint 1.3.0を元に書かれています。 ESLintはJavaScriptのコードをJavaScriptで書かれたルールによって検証するLintツールです。 大まかな動作としては、検証したいJavaScriptのコードをパースしてできたAST(抽象構文木)をルールで検証し、エラーや警告を出力します。 このルールがプラグインとして書くことができ、ESLintのすべてのルールはプラグインとして実装されています。 The pluggable linting utility for JavaScript and JSX ESLintサイト上には、上記のように書かれていることからもわかりますが、プラグインに重きを置いた設計となっています。 今回はESLintのプラグインアーキテクチャがどうなっているかを見て行きましょう。 どう書ける? ESLintでは.eslintr
カジュアルJavaScript AST
今日の概要 実は使われてるJavaScript AST JavaScript AST(Abstract Syntax Tree)とは? JavaScript ASTを使ったツール紹介 使うだけじゃなくて書いてみよう browserify Node.jsで書かれたものをブラウザ向けに変換するツール Node環境で開発 -> browserifyでビルド -> ブラウザで動く JavaScriptのコードを 変換 する ≒ JavaScript ASTを見て変換 する 本体の色々な部分、transform pluginなどでASTを使ってる
Grasp - JavaScript structural search, replace, and refactor
Search, replace, and refactor your JavaScript code based on its structure rather than its text Grasp is a command line utility that allows you to search and replace your JavaScript code - but unlike programs such as grep or sed, it searches the structure behind your code (the abstract syntax tree), rather than simply the text you've written - this allows you to: Search your code with unparalleled
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Introducing pg_query 2.0: The easiest way to parse Postgres queries
GitHub - xtuc/webassemblyjs: Toolchain for WebAssembly
GitHub - rse/astq: Abstract Syntax Tree (AST) Query Engine
GitHub - vovapolu/CssParser: A simple CSS parser using FastParse
GitHub - remarkjs/remark: markdown processor powered by plugins part of the @unifiedjs collective
GitHub - babel/babylon: PSA: moved into babel/babel as @babel/parser -->