「Closure Compiler」 (クロージャコンパイラ) は、JavaScript の圧縮、最適化、およびバグの検出を行う Java コマンドラインユーティリティです。
👉 Getting Started with the Closure Compiler Application
簡単な JavaScript で 「Closure Compiler」 を試すことができます。
1. Closure Compiler をダウンロードする。
Mavan リポジトリから最新の jar ファイルをダウンロードします。
👉 Maven Repository: com.google.javascript » closure-compiler
2. JavaScript ファイルを作成する。
次の JavaScript を含む hello.js ファイルを作成します。
function hello(longName) {
alert('Hello, ' + longName);
}
hello('New User');
3. JavaScript ファイルをコンパイルします。
次のコマンドを実行します。
java -jar compiler.jar --js hello.js --js_output_file hello-compiled.js
コンパイラはコメント、空白、および不要なセミコロンを削除していることに注意してください。コンパイラーは、パラメーター longName を短い名前に置き換えました。
その結果、はるかに小さい JavaScript ファイルが作成されます。
~
❯ java -jar closure-compiler-v20220301.jar --js hello.js --js_output_file hello-compiled.js
~
❯ cat hello-compiled.js
function hello(a){alert("Hello, "+a)}hello("New User");
<html>
<head><title>Hello World</title></head>
<body>
<script src="hello-compiled.js"></script>
</body>
</html>
HTMLファイルからブラウザにロードして表示できます。
まとめ
そもそもは、ブックマークレットを圧縮したかった。
なのでそのまとめとして。
以下の、稼働確認済みブックマークレットをコンパイルして圧縮する。
javascript:(
function(){
function hello(longName) {
alert('Hello, ' + longName);
}
hello('New User');
}
)();
対象コードをクリップボードにコピーしてから、以下のようにを実行する。
❯ pbpaste | java -jar closure-compiler-v20220301.jar | tee >(pbcopy)
The compiler is waiting for input via stdin.
(function(){alert("Hello, New User")})();
あとは、javascript:
と頭に付けてブックマークに登録すればよし。
javascript:(function(){alert("Hello, New User")})();
👉 GitHub Gist に置いた Javascript をブックマークレットとして実行する
👉 【macOS】コピーしているテキストをHTMLエスケープする
👉 Closure Compiler | Google Developers
👉 iPhone Android アプリ横断検索