タグ

JavaScriptとtoolに関するtiadeen2のブックマーク (4)

  • [JavaScript] dataスキームURI生成(画像データのBase64変換)

    Greasemonkey のユーザスクリプトなどの JavaScript ソースコード内に画像データを埋め込める、 『data:image/gif;base64,~~~』形式のデータ(dataスキーム)を生成します。 画像ファイルなどのバイナリデータを Base64 エンコードに変換しています。 data スキーマでは、外部ファイルへのアクセスなしにスクリプト内で完結して画像を表示できるため、 小さなアイコンなどの表示には便利です。data スキームは Firefox・Opera では利用できます。 残念ながら Internet Explorer は data スキームに対応していないので利用できません。 やってみよう 画像URL: ▼ ▼ JavaScript ソースコード生成結果: ここにソースコード結果が表示されます。 ▼ data スキーム経由の画像表示: 生成したコードの使い方

    tiadeen2
    tiadeen2 2010/07/09
    「JavaScript ソースコード内に画像データを埋め込める、『data:image/gif;base64,~~~』形式のデータ(dataスキーム)を生成」これをスマートフォンで提供するとリクエスト回数が減ってハッピー。
  • Google、Gmailを作っているJavaScriptライブラリを公開 | エンタープライズ | マイコミジャーナル

    The Closure tools help developers to build rich web applications with JavaScript that is both powerful and efficient. Gmail、Google DocsなどGoogleが提供しているWebアプリケーションのクライアントサイドのほとんどはJavaScriptで開発されている。これはGoogleのサービスを支える門外不出のコードのように思えるが、5日(米国時間)、これらGoogleのWebアプリケーションを支えているソースコードがClosure Toolsの名称で公開された。公開されたツールは次のとおり。 Closure Compiler JavaScriptをよりコンパクトで高性能なコードへ変換するコンパイラ。使われていないコードの削除やミニファイを実施する。文法、変数参照、

    tiadeen2
    tiadeen2 2009/11/09
    「Closure Compiler、Closure Inspector、Closure Library、Closure Templates」
  • Webページを軽くする13の改善ポイント ― @IT

    2007/07/26 米ヤフーは7月24日(現地時間)、Webページのダウンロード時間を分析してレポートを作成するツール「YSlow」の提供を開始した。開発者向け情報提供サイト「Yahoo! Developer Network」で無償ダウンロードできる。YSlowはFirefox上にインストールするプラグインとして動作する。インストールには、あらかじめWeb開発者向けのプラグイン「Firebug」をインストールしておく必要がある。 YSlowは、指定されたURLにアクセスし、Webページのダウンロード時間を計測する。結果レポートには、HTMLCSS、スクリプト、画像などすべてのファイルに関して実測値が表示されるほか、JSLintによるJavaScriptの構文チェックも同時に行う。 パフォーマンスを100点満点で採点し、A~Fまでのグレードを付けて評価する。さらに、13の項目でパフォーマ

    tiadeen2
    tiadeen2 2007/08/08
    Webページのダウンロード時間を分析してレポート
  • Log4js(JavaScriptのログ出力ライブラリ)を改造してJavaScriptのベンチマークができるようにしました|アークウェブのブログ

    このように、任意のマーカーを埋め込んで、その間の処理時間が計測できればよい、ということになります。 そこで、Log4jsを利用します。 Log4jsの説明については、下記ページで紹介されているので分かると思います。 ▼log4js - JavaScriptログ出力ライブラリ http://fnya.cocolog-nifty.com/blog/2006/12/log4js_javascri_6be6.html ▼[リンク]AJAXアプリケーションのデバッグ、JavaScriptログ出力、Log4js http://d.hatena.ne.jp/brazil/20050920/1127212454 Log4jsをそのまま利用するだけでは、ベンチマーク情報は表示されません。そこで、ちょっと改造します。 Log4js.Logger = function(name) { // -> add tak

    tiadeen2
    tiadeen2 2007/04/12
    JavaScriptのベンチマーク方法
  • 1