個人プロジェクトXのコード書いてたら副産物としてテンプレートエンジンがある程度仕上がった - rokujyouhitoma's blog
にゃーん。これはねこの飼い主との思い出が詰まった投稿。 なお、画像は知人の飼い猫で、使用許可取ってない。 経緯 2011年11月にtornado.templateをJavaScriptに移植した。 使えはするけど、細かい機能まで作りきれてなかった。 ちょうど、今回の個人プロジェクトXで、 JavaScriptで書かれた テンプレートエンジン が必要になったので、メンテして使えるようにした。 前提の個人プロジェクトX 詳細は割愛。テンプレートエンジンに関して記載すると、 - X自体は外部のコード使いたくなかったので、巷で流行ってる？vanilla js。 - Closure Compilerは採用。 テンプレートエンジン ざっくりと整理。 こんな感じで使える。 var loader = new DictLoader({ "base.html": '<title>{% block title
JavaScriptコードを圧縮・最適化・難読化する「Closure Compiler」のJavaScript版をGoogleが公開。Node.jsもしくはWebブラウザ上で実行可能
JavaScriptコードを圧縮・最適化・難読化する「Closure Compiler」のJavaScript版をGoogleが公開。Node.jsもしくはWebブラウザ上で実行可能 JavaScriptのコードを実際のアプリケーションとしてデプロイする場合には、コード内のコメントやタブ、スペース、改行などの余計な要素を削除し、変数名を短くしたりコードの冗長性を排除するといった最適化を行うことで、ロード時間を短縮しコードを高速に実行できるようになります。また、コードの中身を簡単に読めないよう、難読化を行うことも多いでしょう。 こうしたJavaScriptコードの圧縮や最適化、そして難読化を行ってくれる代表的なツールの1つが、Googleがオープンソースで公開しているClosure Compilerです。 Closure Compilerはコードの単純な圧縮や最適化だけでなく、JavaScr
source-mapを可視化する - Islands in the byte stream (legacy)
source-mapは非常に期待のできる技術だが、軽く仕様を読んでもどのように動くのかよくわからない。そこで、souce-mapを可視化するツールを作ってみた。source-mapの処理にはmozillaのJavaScriptによる実装を使った。 左がオリジナルのソースコード、右がclosure compilerで最適化したコードである。具体的なコマンドラインオプションは以下のrepositoryのMakefile参照のこと。要素から要素への線はcanvasを利用した。ChromeとFirefoxでのみ確認したので、他のブラウザではうまく表示できないかもしれない。 demo repository 改良の余地はあるものの、とりあえずこれでデバッグできるようになった。
nishio/jscc @ GitHub
JavaScript is very loose language. Closure Compiler helps us to keep quality of codes. jscc does: watch modification of your JS files (using watchdog and goog.require dependency), background compile & lint (using Closure Compiler and Closure Lint), visualize them with dinamic graph (using Highcharts and Flask). Dependencies Closure Linter growlnotify Watchdog Closure Library Closure Compiler Flask
closure libraryでのクラス定義 — ありえるえりあ
Recent entries closure libraryでplaceholder的なもの uchida 2010-11-13 S式は時代遅れ uchida 2010-10-21 goog.dom.getElementsByTagNameAndClassは配列を返さない uchida 2010-08-17 Closure Libraryのi18n/datetimesymbols.jsのファイルサイズがでかい uchida 2010-08-11 logoでハローワールド uchida 2010-06-27 Recent comments Re:goog.dom.getElementsByTagNameAndClassは配列を返さない Anonymous User 2010-09-07 Re:closure libraryのBrowserEventが微妙 uchida 2010-05-17
Closure Compilerでconsole.logを消す
デバッグ用として開発コードにconsole.logを埋め込み、消し忘れたままコミット、IEでスクリプトエラーが発生して動かなくなりました なんて経験ありませんか？ 例えばClosure Compilerでリリースビルドから自動的にconsole.logを消してくれればそんなことなくなります。 まず前提知識として、Closure Compilerはコンパイル時の流れはこんな感じです。 Rhinoでパース Rhinoが生成したabstract syntax tree(AST)に対してエラーチェックや最適化 ASTに対する操作をpassと呼んでいて、自作のpassを追加できるオプションがあります。 こちらの本に詳細が載っています。 build.xmlとMyCommandLineRunner.javaは上記Closure本の丸パクリなので添付のソースを見てください。 まあこのConsoleRemo
Closure Compiler - Google Code
How do I start? Work through the UI Hello World. Work through the API Hello World. Download the application. Work through the Application Hello World. Read about Advanced compilation. Use the Closure Inspector to debug. Explore the project's source code. What is the Closure Compiler? The Closure Compiler is a tool for making JavaScript download and run faster. It is a true compiler for JavaScript.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Code Archive - Long-term storage for Google Code Project Hosting.
Google Code Archive - Long-term storage for Google Code Project Hosting.
https://www.nonblocking.io/
Closure Compiler Documentation | Google for Developers