pagerとは？ pagerは長文を区切ってページとして表示させることができるライブラリです。ブログやサーチエンジンなどのテキスト形式のコンテンツなどでページ番号が記されたサイトを見たことがあるのではないでしょうか。ページ単位でテキストコンテンツを区切ると、見やすくなり整った印象を与えるサイトになります。 「pagerで区切ったテキストコンテンツ」 pagerはAjaxライブラリの1つであるjQueryのプラグインとして提供されています。このため、pagerを使用するにはjQueryライブラリが必要になります。まずはjquery.pager.jsを以下のURLからダウンロードします。 http://rikrikrik.com/jquery/pager/scripts/#download 「jquery.pager.jsのダウンロードサイト」 ページの一番下にある「Download」の部分の

JavaScript用、日付フォーマット変換ライブラリ「dateformat.js」 2007年05月16日- dateformat.js - 日付フォーマット変換ライブラリ 指定したパターンによるDate->String、String->Dateの変換を行うライブラリです。 JavaScript用、日付フォーマット変換ライブラリ「dateformat.js」 次の変換が可能です。 yyyy/MM/dd HH:mm:ss SSS→2007/05/15 21:02:30 218 2007/05/15 21:16:14 111→Tue May 15 21:16:14 UTC+0900 2007 使い方も簡単。 var dateFormat = new DateFormat("yyyy/MM/dd HH:mm:ss SSS"); var str = dateFormat.format(new D

Google AJAX Feed APIとは? Googleは16日、「Google AJAX Feed API」を公開した。Google AJAX Feed APIは、RSS/Atomなどの各種フィードを取得するためのJavaScript APIだ。 これまで、JavaScriptでフィードを取得し、取り扱うには以下のような問題があった。 JavaScriptはセキュリティ制限上、生成元のホストにしかXMLHttpRequestなどを使用したネットワークアクセスを行うことができない(これを同一生成元ポリシーと呼ぶ)。そのため、単純に他のホストからフィードを取得するようなコードを書くことができず、自ホストのサーバにプロキシを置いておき、そのプロキシ経由でフィードを取得するなどの対処が必要であった フィードの形式が乱立している。これで困るのはJavaScriptに限った話ではないが、ことサイ

Creating web sites for the Wii Opera browser Though it may be old news that Wiimote keycodes can be detected by JavaScript in the Wii Opera browser, I could not find a JavaScript library that facilitates handling these input events, so I created my own. Wii用のサイトを作る際に超便利なJavaScriptライブラリ「wii.js」 wii.jsをインクルードすると次のようなAPIを使うことが出来ます。 wii.isWiiOperaBrowser() - WIIで見ているかどうかを true/ false で返す wii.setupHand

Firefoxの2.0系はSQLiteを内臓してるらしいというのを偶然発見し、XPCOMを使ってローカルのSQLiteデータベースから画像データなどのバイナリをとってきてブラウザに表示したら面白いかもと思ったのでやってみた。 ちなみにXPCOM とは、mozillaのソフトウェアなどに実装されている実装言語やプラットフォームに依存しない、共通インターフェースを持つライブラリです。 例えば、firefoxのaddonを作る上で、プラットフォームの機能を利用する際に使います。OSが管理するローカルリソースにアクセスしたりとほとんど何でもできてしまいます。XPCOM自体はC で書かれていますが、JavaScriptバインディングもあるので、addonを作る際は、見た目はXULで作り、処理はJavaScriptとXPCOM(JavaScript経由)で書くのが一般的です。 この仕組みの概念図とし

Kawa.netxp JKL.Resizable - サイズ可変エレメント エレメントの右端・下端・右下隅をマウスでドラッグして、 縦・横のピクセル数を変更できるようにします。 Internet Explorer 6.0、 Firefox 1.0、 Opera 8.0 で動作確認をしています。 ブラウザ依存の制限として、 Opera 8.0 ではエレメントの横幅を縮小（←）することはできません。 エレメントの横幅拡大（→）や、高さ拡大（↑）縮小（↓）はできます。 Opera 8.0 以外では、横幅の縮小も問題ありません。 エレメントの上端・左端を利用したサイズ変更はできません。 右端・下端のみドラッグ→サイズ変更できます。 ダウンロード JKL.Resizable は、下記アーカイブ中の jkl-resizable.js 単独で動作します。 jkl-resizable-0.04.tar.g

FirePHP - Firefox Extension for PHP Development FirePHP allows you to take a deeper look at all the work your PHP code does to generate that page you are currently looking at in your Firefox browser. FireFoxでのPHP開発を手助けする「FirePHP」。 FireFoxのエクステンションとして動作し、FireBugの機能拡張をしてくれます。 インストールするとFireBug内に次のタブが表示されます。 サーバヘッダーで特定の文字列を返すとFireBug内、FirePHPウィンドウにその文字列が表示できます。 特定ヘッダーを出力するために、「FirePHP PEAR Package」が使え

超クールな画像スライドショーを実現するためのJavaScriptライブラリ「F... 次の記事 ≫：フリーのPHPフォトギャラリースクリプト「phpGraphy」 solutoire.com | Plotr So I took some parts of PlotKit and wrote some parts myself. The result is a lightweight charting framework (12kb!) named Plotr. prototype.jsを使ったJavaScriptでグラフ描画ライブラリ「Plotr」。 次のようなグラフをJavaScript+CSSで描画することが可能。 ライブラリを使ったソースコード例は次になります。 var dataset = { 'myFirstDataset': [[0, 1], [1, 0.8], [2, 2.3]

script.aculo.usベースのリッチGUIコンポーネント作成JavaScriptライブラリ「S... 次の記事 ≫：ペイントより圧倒的に高機能な「Paint .net 3.0」が正式リリース 機能変更、お知らせなど - はてな技術発表会日記 - 1月19日の技術勉強会 タイプされたキーに対するアクションを行う Observer 的なライブラリ JavaScriptでキーボードイベントを驚くほど簡単に扱える「KeyTypeListener.js」 MochiKit ベースで、次のように簡単に使えます。 addKeybind('a', function(ev) { log('a')}); addKeybind('a', function(ev) { log('a!!');}, $('loglog')); addKeybind('B', function(ev) { log('B')})

1 jQueryとは jQueryはJavaScriptで開発されたAjaxライブラリ。The MIT LicenseおよびGNU GENERAL PUBLIC LICENSE Version 2のデュアルライセンスで提供されているオープンソースソフトウェアで、一口でいえばPrototype.jsとよく似たJavaScriptライブラリだ。2006年9月23日(米国時間)に公開された「Ajaxian.com 2006 Survey Results」の調査結果によると、もっとも人気があるAjaxフレームワークは上から順にPrototype、Script.aculo.us、Dojo、DWR。割合は7%ながらも6位にはiQueryがランクインしている。 jQueryはPrototype.jsに触発されて開発がはじまったライブラリで、Prototype.jsと類似した表記方法を採用しつつ、整理され

BlueShoes: JavaScript Collection Get all the above components in one package. There is an example that uses most of the components.忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」。 既に紹介したと思っていたJavaScriptライブラリであるBlueShoesの紹介。 ご存知の方も多いと思いますが、知らない人も多いようですね。 ライブラリ、というより、リッチなコンポーネント集といったイメージで、次のような様々なコントロールが使えます。 WYSIWYGエディタ Excel風スプレッドシート ツリービュー スライダーコントロール 他にも下記の様々なリッチコンポーネントが使えます。 入力系コンポーネ