Suche senden
Hochladen
Google Closure Compiler
•
1 gefällt mir
•
1,922 views
Ryo Maruyama
Folgen
Melden
Teilen
Melden
Teilen
1 von 11
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
OpenLayers 3 & Google Closure Compiler
OpenLayers 3 & Google Closure Compiler
Camptocamp
本当のClosure Compilerをお見せしますよ。
本当のClosure Compilerをお見せしますよ。
Teppei Sato
jQuery勉強会#4
jQuery勉強会#4
Ryo Maruyama
jQuery勉強会#3
jQuery勉強会#3
Ryo Maruyama
Prototypeベース in JavaScript
Prototypeベース in JavaScript
Ryo Maruyama
jQuery勉強会#2
jQuery勉強会#2
Ryo Maruyama
Webサーバの性能測定
Webサーバの性能測定
Ryo Maruyama
Sphinx/reST
Sphinx/reST
Ryo Maruyama
Empfohlen
OpenLayers 3 & Google Closure Compiler
OpenLayers 3 & Google Closure Compiler
Camptocamp
本当のClosure Compilerをお見せしますよ。
本当のClosure Compilerをお見せしますよ。
Teppei Sato
jQuery勉強会#4
jQuery勉強会#4
Ryo Maruyama
jQuery勉強会#3
jQuery勉強会#3
Ryo Maruyama
Prototypeベース in JavaScript
Prototypeベース in JavaScript
Ryo Maruyama
jQuery勉強会#2
jQuery勉強会#2
Ryo Maruyama
Webサーバの性能測定
Webサーバの性能測定
Ryo Maruyama
Sphinx/reST
Sphinx/reST
Ryo Maruyama
CoffeeScript
CoffeeScript
Ryo Maruyama
JSDoc ToolKit
JSDoc ToolKit
Ryo Maruyama
JavaScript入門
JavaScript入門
Ryo Maruyama
画像を使わずにデザイン
画像を使わずにデザイン
Ryo Maruyama
AWS Vol.1
AWS Vol.1
Ryo Maruyama
HTML Launcher
HTML Launcher
Ryo Maruyama
C2DM
C2DM
Ryo Maruyama
勝手に改造 Chrome to Phone
勝手に改造 Chrome to Phone
Ryo Maruyama
レインボーテーブルを使ったハッシュの復号とSalt
レインボーテーブルを使ったハッシュの復号とSalt
Ryo Maruyama
プログラミング言語Ruby 1章 イントロダクション
プログラミング言語Ruby 1章 イントロダクション
Ryo Maruyama
Weitere ähnliche Inhalte
Mehr von Ryo Maruyama
CoffeeScript
CoffeeScript
Ryo Maruyama
JSDoc ToolKit
JSDoc ToolKit
Ryo Maruyama
JavaScript入門
JavaScript入門
Ryo Maruyama
画像を使わずにデザイン
画像を使わずにデザイン
Ryo Maruyama
AWS Vol.1
AWS Vol.1
Ryo Maruyama
HTML Launcher
HTML Launcher
Ryo Maruyama
C2DM
C2DM
Ryo Maruyama
勝手に改造 Chrome to Phone
勝手に改造 Chrome to Phone
Ryo Maruyama
レインボーテーブルを使ったハッシュの復号とSalt
レインボーテーブルを使ったハッシュの復号とSalt
Ryo Maruyama
プログラミング言語Ruby 1章 イントロダクション
プログラミング言語Ruby 1章 イントロダクション
Ryo Maruyama
Mehr von Ryo Maruyama
(10)
CoffeeScript
CoffeeScript
JSDoc ToolKit
JSDoc ToolKit
JavaScript入門
JavaScript入門
画像を使わずにデザイン
画像を使わずにデザイン
AWS Vol.1
AWS Vol.1
HTML Launcher
HTML Launcher
C2DM
C2DM
勝手に改造 Chrome to Phone
勝手に改造 Chrome to Phone
レインボーテーブルを使ったハッシュの復号とSalt
レインボーテーブルを使ったハッシュの復号とSalt
プログラミング言語Ruby 1章 イントロダクション
プログラミング言語Ruby 1章 イントロダクション
Google Closure Compiler
1.
Google Closure Compiler
2012/05/06 h13i32maru@Twitter maruyama-r@KLab
2.
自己紹介 • 丸山 亮(h13i32maru)
最近はJSを触ってます • KLab株式会社所属 32 http://blog.h13i32maru.jp http://twitter.com/h13i32maru https://www.facebook.com/ryo.maruyama https://github.com/h13i32maru
3.
Closure Compiler • JavaScriptの結合・最適化・圧縮ツール
- java製 • Closureファミリーの一部 - Closure Library - Closure Template - Closure Linter
4.
Closure Compiler • 最適化レベル •
エラー・警告 • アノテーションチェック • 依存関係 • extern宣言
5.
最適化レベル •
WHITE_SPACE_ONLY → (・ω・) - 改行、スペース、コメント等の削除のみ • SIMPLE_OPTIMIZATIONS → (`・ω・´) - ローカル変数名、関数の引数名の変更 • ADVANCED_OPTIMIZATIONS → ((((;゚Д゚)))) gkbr - プロパティ名、関数名などもアグレッシブに変更 - 例えばFoo.Bar を Foo$Barとかに変更
6.
エラー・警告 • エラー
• 警告 - syntax - 名前衝突 - ケツカンマ - varによる再宣言 - 配列インデックス - 無名関数宣言 - etc... - etc...
7.
アノテーションチェック • JSDocアノテーションを元にしたチェック -
@construcotr : new演算子チェック - @const : 定数最代入チェック - @interface/@implements : メソッド実装チェック
8.
依存関係 • 複数のJSファイルを結合する場合に依存関係を チェック •
使用されていないファイルは結合されない • 大規模ライブラリの一部をコンパイルする場合に 便利 //file1.js goog.provide("hoge.foo"); //file2.js goog.require("hoge.foo");
9.
extern宣言 • 「外部JS」「ブラウザ固有オブジェクト」を使用 している場合に、名前変更されないようにする仕
組み • 例えばconsole.*を使用している場合など
10.
参考 • http://www37.atwiki.jp/aias-closurecompiler/pages/
21.html
11.
おわり
Jetzt herunterladen