Closure LibraryなWebアプリを、わずか2コマンドで始めてみないか？ – Googkit入門 - ここぽんのーと
Closure LibraryなWebアプリを、わずか2コマンドで始めてみないか？ – Googkit入門 JavaScriptのライブラリ「Closure Library」は高機能だけど、設定がとても難しい。 しかし！Googkitを使えば、わずか2コマンドでWebアプリ開発が始められます。 Closure LibraryとはClosure Libraryは、便利な機能がたくさん入ったJavaScriptのライブラリ。 例えば… クラス機能の強化 (継承や親クラスのメソッド呼び出しをサポート)暗号化に必要なハッシュ関数などツリーなどのUIコンポーネント…などなど、「このライブラリに無いものなどない」と思わせるほどの充実ぶり。 クラスの継承が簡単にできて、さらにドキュメンテーションツールのJsdocとも密に連携しているので、ゆるいJavaScriptをきっちり組みたい人にはぴったりです。
Closure Linterが神アップデート！MAX_LINE_LENGTHが設定可能に！ - はてブロ@ama_ch
久しぶりにClosure Linterのリポジトリを確認してみたらバージョンが2.3.10に上がっていて、色々と機能が追加されていました。 更新内容を確認していたら、なんと MAX_LINE_LENGTHが設定可能になっていて、さらにエラーが個別に制御できるようになっていますよ！ 今まではこれができなくて、導入に二の足を踏んでしまう人も多かったんじゃないかと思います。 --max_line_lengthと--disableというコマンドラインオプションでそれぞれ指定可能です。以下はヘルプから抜粋。 closure_linter.errorrules: --disable: Disable specific error. Usage Ex.: gjslint --disable 1,0011 foo.js. (a comma separated list) --[no]jsdoc: Whet
JSHint+Closure Linter+Gruntで最強のLint環境を目指してみた - はてブロ@ama_ch
先日JSHint 1.1.0がリリースされ、そのリリースノートに気になる記述がありました。 Adds new option gcl to make JSHint style checks compatible with Google Closure Linter. うそーまじでーなにそれヤバイ！ 普段は仕事でClosureにどっぷりなせいもあってClosure Linterを使っているんですが、Closure LinterってJSDocとかお作法的なとこはチェックしてくれるけど、他のLintツールが当たり前にチェックしてくれるとこはやってくれないんですよね。たとえばvarの付け忘れとか。 Closure Compilerを使ってコンパイル時にチェックすることもできるけど、規模が大きくなってくるとその結果が出るまでに10分とか待たないといけなくっていやな感じー。Closure Linterと
closure-libraryをWebStormで使う
最近closure-libraryの勉強をしているんだけど、WebStormでキレイに補完をしたりする設定方法のメモ。 closure-libraryというよりはWebStormの話だけど、WebStormって全プロジェクトで参照できる共通ライブラリって登録できないのかな？方法を知っている人がいれば教えてください。 以下のようなフォルダ構成を想定。 プロジェクトのルートフォルダ closure-library（ここがclosure-libraryのroot） closure googbincss src（ここに自分のjsとかcssを配置） WebStormで上記のプロジェクトのルートフォルダをOpen DirectoryPreferncesをひらいてProject SettingsセクションのDirectoriesを選択一番右側の領域でproject/closure-library/clo
goog.require()を手書きしていいのは小学生まで
ありえるえりあミニ勉強会#4 ～ Google Closure LibraryでのLT資料 http://connpass.com/event/1214/
ADVANCEDモードでコンパイルしたJavaScriptをデバッグするテクニック - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは。kintone開発チームの天野(@ama_ch)です。前回は、JavaScriptをClosure CompilerのADVANCEDモードでコンパイルする方法を紹介しました。 コンパイルが無事に通っても、素直に動いてくれることは滅多にありません。コンパイル後のコードが動かない原因をひとつずつ特定し、修正するという作業が待っています。 ゴゴゴゴゴ... 今回は、僕が実践しているデバッグのテクニックを紹介します。きっちりとデバッグをして、ADVANCEDモード対応を完璧なものにしましょう。 コンパイル後に動かなくなる原因 コンパイル後のコードが動かない原因は、次の2点に大別することができます。 プロパティへのアクセスが正しい手順でできていない エントリーポイントが存在せずコードが消されてしまっている 特に前者が原因になっていることがほとんどです。そのため、コンパイル後のコードを追
お手軽高機能！Closure UI【goog.ui.Bubble】 | DevelopersIO
Closure Libraryに用意されている「goog.ui.Bubble」は、指定した要素に一定時間表示される「ふきだし」状のコンポーネントです。 デモ 「Click」ボタンを押下することでBubbleコンポーネントを表示することができます。 Bubble テキストインプットに入力がある場合は、ボタンをアンカーとして入力したテキストを伴ったBubbleが表示されます。 テキストインプットに入力が無い場合は、テキストインプットをアンカーとしてBubbleが表示されます。 Bubble以外をクリックしてもBubbleは消えません。 Bubbleは5秒経過すると自然に消えます。 デモコード index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>goog.ui.Bubble</title> <script
Closure Library の非同期処理を簡単にする「goog.result」を使ってみる - WebOS Goodies
本日は Closure Library に新しく加わった「goog.result」というモジュールについてです。しばらく goog.labs 名前空間の下で開発が続けられていたのですが、先日 labs を卒業 (?) して、正式な機能となりました。 この goog.result は、いわゆる promise パターンを Closure Library 流に実装したものです。いわゆる jQuery.Deferred なわけですが、単なるコピーではなく、あくまで Closure Library のスタイルで設計されているのが面白いところです。おそらく今後は多くの非同期処理が goog.result ベースで書き換えられていくでしょうから、 Closure Library 使いの方は今のうちに把握しておくのがおすすめです。 基本的な使い方 goog.result の基礎となるインターフェースは
JavaScriptをClosure CompilerのADVANCEDモードに完全対応させるその方法！ - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは。会社を抜けだしてiPhone5を予約しに行ったら熱中症になりかけたkintone開発チームの天野(@ama_ch)です。 kintoneでは10万行以上のJavaScriptが動いており、ライブラリにはClosure Libraryを利用しています。この規模になると、1ページあたりで読み込むjsファイルの容量が数MB単位(！)になってしまいます。そこで、通信量を減らすためにClosure CompilerでJavaScriptをミニファイしています。今となっては特に珍しい話ではないですね。 ところで、Closure Compilerの最適化レベルには3段階あるのをご存知でしょうか。 ・WHITESPACE_ONLY コメントとホワイトスペースの除去など ・SIMPLE_OPTIMIZATIONS（デフォルトレベル） WHITESPACE_ONLY に加え、ローカル変数のリネーム
Closure Box: Compile with Google's Closure service using a simple Drag & Drop interface.
Drag & Drop Javascript files, or add directories by clicking the button above. Javascript will be sent to Google’s Closure service, compiled, and printed to the screen, simple as that!
samilyak/closure-linter-for-everybody · GitHub
README.mdFork of Google Closure Linter (https://developers.google.com/closure/utilities/). Major forking purpose - add some behaviour that Googlers refuse to add. For example, ignoring particular linter errors - https://groups.google.com/forum/?fromgroups#!topic/closure-linter-discuss/CdPdKjJ4pNs or http://code.google.com/p/closure-linter/issues/detail?id=16. This is Python package, so to install
Socket.IOをGoogle Closureで使う - hkhumanoid's blog
Google Closure Libraryを使い、Closure CompilerでADVANCED_OPTIMIZATIONSな圧縮すると、Server-Side/Front-Endともに優しい設計になります。gzip化すると更に良いですね。 さて、その上でクロスブラウザ環境で楽にWebSocketを扱うためのライブラリーSocket.IOを使うためにどうしたらいいかという話です。 コンパイルのメリット Closure CompilerでADVANCED_OPTIMIZATIONSという高圧縮する特徴は公式でも解説されているので、解説は省きますが、プログラマが実装した関数、クラス、変数の名前がコンパイルすることによって、短い名前に変わり改行やスペースが削除されます。 そうすることによって転送コストを抑えられ、効果的に高速化できますが、その反面困ることもあります。 コンパイルのデメリット
Closure TemplateがJavaScriptのテンプレートエンジンでいい気がしてきた - Lush Life
Closure TemplateをEclipseで簡単に自動ビルドさせる方法を見つけた。Eclipse上でJavaScriptの開発を行うなら、これが最高のJavaScriptのテンプレートな気がしてきた。 JavaScriptを生成する Closure Templateを使うとテンプレートからJavaScriptが生成されるので、JavaScriptが読めれば、動作を確認することができる。 例えば、 {namespace sample} /** * Sample Template * @param name */ {template .helloWorld} <div> {$name} Hello World. </div> {/template} をコンパイルすると以下のJavaScriptが生成される。 goog.provide('sample'); goog.require('so
Closure Stylesheets で CSS を最適化する (1) - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 これまで Closure Library を使っていろいろと開発をしてきましたが、 CSS の扱いについてはいつも不満でした。 JavaScript コードについては Closure Compiler との組み合わせで極限まで最適化できるのに、 CSS についてはほとんどサポートがなく、仕方がないので自作の Rakefile と YUI Compressor を使
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
GitHub - google/closure-library: Google's common JavaScript library
closure カテゴリーの記事一覧 - H2Databaseを追っかけていたりしたブログ
goog.ui.Scroller - Google Closure Library モジュール - pig's diary
Google Code Archive - Long-term storage for Google Code Project Hosting.
Google Code Archive - Long-term storage for Google Code Project Hosting.