日付を便利に操作するためのJavaScriptライブラリ色々 - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） JavaScriptには日付を扱う為の “Date” オブジェクトがありますが、正直なところこれはあまり親切ではありません。 そこで、JavaScriptの日付周りで楽をするためのライブラリのメモをここに。 XDate XDate – A Modern JavaScript Date Library Dateをもっと便利にした XDateオブジェクト を実装するライブラリです。 使い方はDateとほとんど変わらず、XDateに引数を渡して初期化して使います。 XDateオブジェクトは、DateにあるsetTimeやgetFullYearなどのメソッドを継承している他、 日付の足し算を行ったり、差分を計算したり等便利なメソッドが沢山生えています。 var d = new XDate(1977, 10, 25); // 1977/1
美麗なグラフをSVGで描画できるJSライブラリ「dc.js」:phpspot開発日誌
dc.js - Dimensional Charting Javascript Library 美麗なグラフをSVGで描画できるJSライブラリ「dc.js」 次のような円グラフや棒グラフをオブジェクト指向の分かりやすいコードで描画出来ます。 円グラフのコード例。メソッドをチェーンさせて直感的にグラフを描画可能。 SVG対応していないブラウザでは描画できませんが、軽くてよさそうですね 関連エントリ 様々なグラフを描画できるJavaScriptライブラリ「NVD3.js」 見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」 HTML5で綺麗でインタラクティブなグラフが描けるライブラリ「Flotr2」
JavaScriptで本文抽出·ExtractContentJS MOONGIFT
ExtractContentJSはJavaScript製のオープンソース・ソフトウェア。ブログやWebサイトのデータを集積して、そこから情報を吸い出して何らかのサイトを構築するというサービスは多い。その時重要になるのが特定URLからの本文抽出だ。サイドバーやヘッダーなど余計な情報を省くことでより意味のあるコンテンツが得られるようになる。 画面下の文字列が本文抽出した結果 Rubyであれば以前紹介したExtractcontentというライブラリがある。そしてそれをベースのはてなにてJavaScript実装したのがExtractContentJSだ。JavaScriptベースの実装とあって、クライアントベースで抽出を行いたいという時に使えそうなライブラリだ。 使い方は簡単で、ExtractContentJSのオブジェクトを作ったら現在表示されているページのオブジェクト（document）を渡す
【ハウツー】あのBBCが作った超実力派JavaScriptライブラリ"Glow"を徹底解剖する | エンタープライズ | マイコミジャーナル
Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます
Notimoo – Notificaciones mediante Mootools – El universo de Paquitosoft
Como indicaba en mi post anterior, la comunidad de progamadores que se está pasando al framework Javascript Mootools es bastante grande y yo me incluyo en el saco. Después de trastear un poco con esta librería, me he decidido a escribir mi primer plugin para ser utilizado con ella de modo que pueda conocer realmente cómo es desarrollar con Mootools. La idea de este nuevo plugin viene de Growl, un
JavaScript 内で無圧縮 ZIP を作って Data URI を生成するライブラリを作りました - IT戦記
ちょっと思うところあって JavaScript 内で、複数のファイル情報を作って Zip で固めて、 Data URI を生成するライブラリを作ってみました。 ソースは以下の zip.js です。 http://svn.coderepos.org/share/lang/javascript/Zip/ 使うには 以下の base64.js が必要です。 http://svn.coderepos.org/share/lang/javascript/Base64/trunk/ この base64.js は弾さんが作ったものです。 今回 Zip で使うように、ちょっとチューニングさせていただきました。 こんなことができます // zip オブジェクトを作る var zip = new Zip; // 文字列をファイルとして追加する zip.addString('Hello, world!!', '
iCal風の美しいカレンダーをページ上に配置可能なライブラリ:phpspot開発日誌
Create astonishing iCal-like calendars with jQuery | Stefano Verna iCal風の美しいカレンダーをページ上に配置可能なライブラリ 次のようなカレンダーをウェブ上に設置して自身のスケジュール公開なんかが出来ます。 動作デモはこちらでイベントのある日にカーソルを合わせるとアニメーションポップアップで内容を知ることが出来ます。 単にスケジュールを羅列するよりこうした仕組みで表示するようにしておけば、スマートかつオシャレな印象を与えられそうです。 関連エントリ とても洗練されたＵＩの日付ピッカー＆カレンダー集 超クールなカレンダー型日付入力補助用JSライブラリ
日付を、「昨日」とか「何時間前」などに変更できるJavaScript「Pretty Date」:phpspot開発日誌
日付を、「昨日」とか「何時間前」などに変更できるJavaScript「Pretty Date」 2009年03月06日- John Resig - JavaScript Pretty Date 日付を、「昨日」とか「何時間前」などに変更できるJavaScript「Pretty Date」 2008-01-28T20:24:17Z を 2 hours ago に簡単に変換できるみたい。 jQueryと一緒に使えば、$('a').prettyDate() のように簡単に時間を変換できます。 サーバ側で変換するよりも良い点は、setInterval(function(){ $("a").prettyDate(); }, 5000); のようにしてタイマーを作って、リアルタイムに何時間前といった計算ができること。 ページ遷移なしに、この部分が書き換わる＆負荷をクライアント任せに出来るっていうことで
わずか2.5KBでテーブルにソート機能を提供する「TinyTable」:phpspot開発日誌
TinyTable JavaScript Table Sorter - 2.5KB - Web Development Blog わずか2.5KBでテーブルにソート機能を提供する「TinyTable」。 シンプルだけど次のようなかっこいいソート可能テーブルを実現できる軽量ライブラリが公開。 デモページ 各種変数の設定でカスタマイズも可能みたい。 ＣＳＳのクラス名の指定なんかが出来るようです。 var sorter = new TINY.table.sorter("sorter"); sorter.head = "head"; //header class name sorter.asc = "asc"; //ascending header class name sorter.desc = "desc"; //descending header class name sorter.even
JavaScriptで簡単に作れるモーダルウィンドウ·subModal MOONGIFT
モーダルウィンドウとはアプリケーションから呼び出したウィンドウで、それに対して何からのアクション（閉じるのボタンを押すなど）を起こさないと呼び出し元のアプリケーションに戻れないようなウィンドウだ。ダイアログもその一種と言えるだろう。 モーダルウィンドウを実装 Webブラウザではよくalertのダイアログが用いられるが、あまり格好は良くないしグラフィカルな内容は伝えられない。そこで使いたいのがsubModalだ。 今回紹介するオープンソース・ソフトウェアはsubModal、モーダルウィンドウを簡単に実装するJavaScriptライブラリだ。 subModalが対応しているのはIE6以上、Firefox 1.x以上、Safari、Opera 7以上となっている。相当昔のブラウザから対応しているようだ。JavaScriptファイルとCSSファイルを読み込むだけで良いが、既存のライブラリとバッティ
各種ブラウザで使えるクリップボードへのコピーライブラリ·Zero Clipboard MOONGIFT
確かIEではクリップボードのコピーをJavaScriptから実現することができる。これは便利な反面、若干の怖さもある。そのためか他のブラウザではできないようになっている。とは言え、場合によってはとても便利な機能になるはずだ。 ブラウザで任意の文字列コピーを実現するライブラリ そのブラウザからクリック一つでコピーを実現するライブラリがZero Clipboardだ。 今回紹介するオープンソース・ソフトウェアはZero Clipboard、各種ブラウザで使えるコピーライブラリだ。 Zero Clipboardではその機能実現にFlashを利用している。FlashではsetClipboardを使うことでクリップボードへの任意の文字列コピーを実現する。Zero Clipboardではその機能を提供しているので、Flashさえ使えるブラウザであればコピー機能が実現できる。 エレメントのデータをクリッ
2008年に注目を集めた使えるJavaScriptライブラリ集:phpspot開発日誌
Best of 2008 - JavaScript | Design Shack 2008年に注目を集めた使えるJavaScriptライブラリ集が紹介されていました。 どれも非常に便利でサイト構築に役立ってくれるでしょう。 sIFR Lite Javascriptでテキスト文字列を綺麗な画像にしてくれるライブラリ。 画像部分にはFlashを採用している。検索クローラーフレンドリ。 <h3>How is this different than the original sIFR?</h3> ↓ DD_belatedPNG IE6でも透過PNGに簡単に対応させられるライブラリ The EqualHeights jQuery Plugin 異なる高さのブロックを統一してくれるライブラリ ↓ DD_roundies 角丸の簡単実現ライブラリ jQuery.popeye ポップアップではなく、サイト
これは面白い！JavaScriptでcron実行「jsCron」:phpspot開発日誌
jsCron, portando Cron a Javascript | aNieto2K これは面白い！JavaScriptでcron実行「jsCron」 0 10 * * * コマンド の形式で実行できるcronですが、JavaScriptで特定の関数をcron形式で実行できるようにしたライブラリが公開されました。 サンプルコードは次のようになっています。 // 実行する関数定義 function hola() { alert("Hola"); } // cron設定 jsCron.set("35 17 * * * hola()"); 訪問者が訪れた時刻によって処理を変えたい場合など、なかなか使えそうですね。 関連エントリ JavaScriptでページスライダー用ライブラリいろいろ Extバリの超クールなUIを提供するJavaScriptライブラリ「Jx Library」 使えるJav
文字をJavaScriptで画像のようにレンダリングする·typeface.js MOONGIFT
Webサイトを見ていると、文字を画像に置き換えたサイトを見ることがある。思い描いている見せ方をそのまま表示させたいときなど、デザインを重視するサイトでよく見られる工夫だ。しかし問題はそのメンテナンス性の悪さだろう。 奇麗に文字が表示されるようになる それに適切に説明文を入れておかないと文字読み上げブラウザなどでは何も情報が得られなくなってしまう。そうした煩雑さから解放されるライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはtypeface.js、文字をSVG画像に変換するJavaScriptライブラリだ。 typeface.jsは指定した文字をそのままcanvasタグを使ったSVG画像に変換する。CSSを使って文字装飾を行うことができ、太字/イタリック/色変更を変更できる。他にもfont-stretch（横幅）、文字間隔、行の高さなどを指定することが可能だ。 選択すると文字全
タイムテーブルを実装するための便利なJavaScriptライブラリ『today's timetable』 | IDEA*IDEA
ドットインストール代表のライフハックブログ
JavaScriptを使ったULリストをツリー風に表示するサンプル「Simple Tree Menu」:phpspot開発日誌
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil... 次の記事 ≫：インターネット越しにWiiリモコンを操作できる「Wiimote-over-HTTP」 Dynamic Drive DHTML Scripts- Simple Tree Menu This is a unobtrusive Tree Menu script that turns any ordinary list (UL element) into a collapsible tree! JavaScriptを使ったULリストをツリー風に表示するサンプル「Simple Tree Menu」。 次のようなHTMLがあったとすると、 <ul id="treemenu2" class="treeview"> <li>Item 1</li> <li>Folder 1 <ul> <li>Su
画像にGoogleMapみたいにズームできる機能をつけるJS「shiftzoom.js」:phpspot開発日誌
shiftzoom.js (zoom and pan functionality) shiftzoom.js 1.0 allows you to add zoom and pan functionality to oversized images on your webpages.画像にGoogleMapみたいにズームできる機能をつけるJS「shiftzoom.js」 大きい画像をズームできるようにして詳細を見れるようにする場合に使えます。 画像左上の＋、−アイコンでズームします。 拡大時には右下に全体が現れて、どの部分を拡大しているかがわかります。 色々とアイデア次第で面白いことが出来そうですね。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
IDEA * IDEA