継続的に調べものをする際に使えそうだったのでご紹介。

「Tattler」はWEBサイトやブログ、SNSのトピックスを監視するためのツールです。

フィルタリングを細かく設定できるようなので、時間の節約になるかもしれません。

定期的に同じページを見ている方には便利そうですね。

システムはDrupalというオープンソースのCMS上で動作するようになっており、
PHP 5.2以上、MySQL 5の環境があれば動作します。

ダウンロードは下のリンクからどうぞ。

「yepnope.js」は条件付きで外部ファイルを読み込む事が出来るJavaScriptライブラリです。

読み込みが完了するまで待機し、完了後のコールバック関数を設定できるようになります。

例えば、IEのためだけに書かれたコードを「if IE」タグを使うのではなく動的に変更する事が出来るようになります。

以下のようなコードで動作するようです。

yepnope([
  {
    load: 'js/jquery.js',
    wait: true
  },
  {
    test: Modernizr.geolocation,
    nope: ['googleapi.js', 'needs-googleapi.js'],
    wait: true,
    callback: function(){
      alert('JS was loaded!');
    }
  }
]);

このコードはjQueryの読み込み完了後に、googleapi.jsとneeds-googleapi.jsを読み込み、
全ての読み込みが完了したらアラートを表示するサンプルです。

IE対策用にショートコードが用意されており、ファイル名の前に!IEと入れると
IEの場合に動作するようなスクリプトが書けます。

以下はIE6とIE7の場合にpatch.jsを読み込むサンプルです。

yepnope([{
  load: ['normal.js', 'ie6!ie7!ie-patch.js'] 
}]);

特定のブラウザにだけ必要なファイル構成がある場合に使えそうですね。

「Axis」は複数店舗を管理できるオープンソースのショッピングカートシステムです。

管理画面がかなり充実しており、
割引システムや送料計算、投票モジュールなどが組み込まれています。
デザイン的にもjQueryやExt JSを使用する事でリッチな管理画面になっています。

おっ、と思わせる作りになってるのが良いですね。
動作にはPHPとMySQLが必要との事です。
興味の有る方はダウンロードしてみてください。

「Prey」はAndoroid/Mac/PCの位置情報を取得するオープンソースの盗難防止のソフトウェアです。

携帯、ノートパソコン、タブレッドなど様々なデバイスを持ち歩いていると、
紛失したり盗難に会う可能性もありますよね。
そんな緊急時に助けてくれる頼れるソフトウェアをご紹介します。

強力なセキュリティ機能

ちょっと凄すぎる機能が満載なのですが、順にご紹介していきます。

1.位置情報の取得

GPS機能と最寄りのWiFiホットスポットの位置を把握して場所を特定する事ができるようになります。

2.ウェブカメラを起動

ウェブカメラを起動させて周りの画像を取得する事もできるようになるようです。
（盗んだ犯人を見つける事ができるかも？！）

3.スクリーンショットの保存

アクティブなブラウザのスクリーンショットを保存します。
もしも盗んだ犯人がmixiやTwitterにログインした場合に、どのアカウントなのかを知る事ができます。

4.パスワードロック
指定のパスワードが入力されない限り、使用できなくするようにできます。

万が一の時に役立つかもしれないソフトウェアですね。

興味のある方はダウンロードしてみてはいかがでしょうか。
http://preyproject.com/

iPhone用の場合は専用のアプリで

また、iPhoneの場合には、Apple製のFind My iPhoneというアプリがあり、端末の位置を取得する事ができるようになります。
こちらもまだ入れてない方は入れて置いた方が良さそうです。

「Flurid」はグリッドレイアウトを作れるCSSフレームワークです。
行と列にページを分割することで、CSSの構築を簡単にできるようになります。

IEの6〜8に対応しているとの事ですので、IE対策にも使えそうですね。

jQueryを使ってグリッドにできるプラグインもあるようです。
興味のある方は下のリンクからどうぞ。

書き出せる形式はPDF、TEI (plus HTML)、RTF、ePubの４種類になっています。

動作にはWordPress3以上が必要になります。

早速手元の環境で試してみた所、
ePub版はうまく書き出す事ができませんでした。

PDFは問題なさそうです。ただし、日本語が非対応のようですね。

まだアルファ版との事なので、これからに期待です。

JavaScriptでは厳密にはオブジェクト指向をサポートしていませんが、プロトタイプ・ベースのオブジェクト指向を使う事でClassを定義する事が可能です。

しかし、毎回自前で実装するには大変なのでClassをサポートしてくれるライブラリを使ってみるのはいかがでしょうか。

Class.jsを使うと、まるでオブジェクト指向のような書き方で実装可能です。

以下のようなコードで実装可能になるようです。

クラスの定義

One = {
	
	message:'',
	
	set:function(val){
	
		this.message = val;
	
	},
	
	get:function(){
	
		alert(this.message);
	
	}

};

使い方

var e = new Class(One);
e.set('Hello, World!');
e.get();

普段からオブジェクト指向なプログラムを書かれている方には便利なライブラリですね。

ちなみに、素のJavaScriptでクラスを定義する方法はIT戦記さんが詳しく紹介しています。

JavaScript OOP におけるクラス定義方法

興味の有る方はぜひ使ってみてください！

デモ

プレゼンの操作はキーボードの左右ボタンで次のスライド、前のスライドに移動したり
数値キーをクリックする事で対応するページへジャンプする事もできます。

また、Escを使うと全てのページが一覧で見る事ができるようになっています。

HTMLの作成もdivでくくるだけの簡単な構造でした。

プレゼン用のファイルを素早く作る場合に便利ですね。

表示件数の変更、ページング、ソート、表示するカラムの変更などがユーザ側で簡単に操作できるようになっています。

デモ

デモではページングなどの一部機能が動作しないようになっているとの事でした。

以下のようなコードで動作するようです。
■ JavaScript

表示したい位置にテーブル構造を指定する必要があるようです。

サーバー側のURLは以下のようにアクセスされるそうです。
pageData.php/?page=3&sortField=title&sortOrder=asc&show10;

興味のある方はぜひダウンロードしてみてください。

マウスポインタの動きやジェスチャの値を受け取った後の動きを自由につける事が可能になっています。

「左、右、左に動かすとHome画面を表示する」など様々な使い方が考えられますね。

サイトにはiPhone用のデモページも用意されていました。
もし、iPhoneをお持ちの方はご覧になってみてください。

デモ

モバイルデバイスではタッチ操作が今や当たり前になりつつあります。
使い方によってはかなりインパクトを与える事ができるのではないでしょうか。