あるＳＥのつぶやき: 05.Ajax/JavaScript

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Firebug Lite 1.2 Test</title>
<script type='text/javascript'
src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'>
</script>
<script>
console.log("console.log() のテストです。");

var obj = new Object();
obj.field1 = "field1";
obj.field2 = "field2";
obj.date = new Date();
console.log(obj);
</script>
</head>
<body>
<h1>Firebug Lite 1.2 Test
</h1>
<p>Firebug Lite 1.2 からは、DOMインスペクタがサポートされました。</p>
<p>これで、Firefox, IE, Opera, Safari でも console.log と DOMインスペクタが簡単に利用できるようになりました。</p>
</body>
</html>

■Firefox

Firefox では Firebug を使用すればよいのですが、Firefox でも Firebug Lite は問題なく動作しました。Firefox のバージョンは 3.0 になります。

DOMインスペクタ。

■Internet Explorer

Internet Explorer 7 も問題なさそうです。

DOMインスペクタ。

■Opera

Opera 9.5 でも問題なさそうです。

DOMインスペクタ。

■Safari

Windows版Safari 3 でも問題なさそうです。

DOMインスペクタ。

■JavaScriptコンソール

Firefox/Opera/Safari では、複数行書けるJavaScriptコンソールがついていました。IEでも１行のみの実行は可能です。

Firefox,Firebug Lite

| コメント (0) | トラックバック (0)

2008/07/06

modules.js －外部JavaScript ファイルを動的に読み込むライブラリ

modules.js via Ajaxian

modules.js は、外部の JavaScript ファイルを動的に読み込めるライブラリとのこと。

ライセンスはMITライセンスになっています。

modules.js も興味深いのですが、それよりも Ajaxian の記事で既存ライブラリと modules.js の比較があり、結構JavaScript動的読み込みライブラリがあったのに驚きました。

こんな感じです。

JSModule
Dojo loader
Google’s loader
YUI Loader

JavaScriptの規模が大きいサイトを構築する際は、JavaScript の動的読み込みは必須になると思われるので、こういうライブラリは覚えておきたいですね。

■関連エントリー

外部JavaScriptファイルの動的読み込みTips

JavaScript

| コメント (0) | トラックバック (0)

jsTree － jQuery ベースのツリーコンポーネント

jstree - Google Code via Ajaxian

jsTree は jQuery ベースのツリーコンポーネントです。

デモを触ってみましたが、なかなかいい感じです。

ツリーの縮小・展開表示はもちろん、ツリーのノードをドラッグ＆ドロップで移動できたり、ノードの名称を変更できたりします。

ツリーコンポーネントのいい選択肢になりそうですね。

なお、ライセンスはMITライセンスになっています。

JavaScript,jQuery

| コメント (0) | トラックバック (0)

2008/03/14

XPath日本語チートシートがいい感じ

XPath使いのための日本語チートシート

XPathの日本語チートシートがいい感じです。

これは覚えておきたいですね。

Tags: XML, XPath

| コメント (0) | トラックバック (0)

2008/03/13

Taffy DB － JavaScriptデータベースライブラリ

Taffy DB : A JavaScript database for your browser

久しぶりに心惹かれるライブラリが登場しました。

「Taffy DB」はJavaScriptデータベースライブラリで、JSON形式でデータ管理するとのこと。

しかも、下記にあるようにライブラリのサイズが10KB未満の上、動作が早く、更新やソートもできるようです。

# Under 10K!
# Simple, JavaScript Centric Syntax
# Fast
# Easy to include in any web application
# Compatible with major Ajax libraries: YUI, JQuery, Dojo, Prototype, EXT, etc
# CRUD Interface (Create, Read, Update, Delete)
# Sorting
# Looping
# Advanced Queries

まだ試してはいないのですが、これは覚えておいて将来活用したいライブラリですね。

なお、ライセンスはBSD Licenseになっています。

■参考サイト

Tags: JavaScript

| コメント (0) | トラックバック (1)

jsref.chm － HTMLヘルプ形式のJavaScriptリファレンス

HTMLヘルプ形式のJavaScriptリファレンス「jsref.chm」を公開した。 - こせきの技術日記 via オレンジニュースさん

MozillaのJavaScriptドキュメントとECMA Scriptの言語仕様が、CHMのHTMLヘルプ形式で公開されています。

含まれているドキュメントは以下の通りです。

Core JavaScript 1.5 リファレンス

http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Reference

Core JavaScript 1.5 ガイド

http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Guide

Gecko DOM リファレンス

http://developer.mozilla.org/ja/docs/Gecko_DOM_Reference

Core JavaScript 1.5 Reference (en)

http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference

Core JavaScript 1.5 Guide (en)

http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Guide

Gecko DOM Reference (en)

http://developer.mozilla.org/en/docs/Gecko_DOM_Reference

ECMAScript Language Specification - 3rd edition

http://bclary.com/2004/11/07/
http://interglacial.com/javascript_spec/
HTMLヘルプ形式のJavaScriptリファレンス「jsref.chm」を公開した。 - こせきの技術日記