The jQuery Style - Awesome sites built with jQuery
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
MooToolsを使ったWebベースのグラフィカルファイルマネージャ·MooTools FileManager MOONGIFT
オンラインでファイルを扱うのはセキュリティ的に心配、なんて声もあったけれど、ここ数年でオンラインストレージサービスは急激に進化している。DropboxやZumodriveのようなサービスやDrop.ioのようなアップロードサービスもある。時代はどんどん変化しているのだ。 Webベースのファイルマネージャ 旧来であればFTPでファイルの授受を行っていた会社もWebベースに移行するかもしれない。その際にはぜひMooTools FileManagerを試してみよう。 今回紹介するオープンソース・ソフトウェアはMooTools FileManager、JavaScriptを使ったグラフィカルなファイルマネージャだ。 MooTools FileManagerはその名の通り、MooToolsを使っている。フローティングウィンドウで表示され、左側にフォルダとファイルの一覧、右側にファイルの説明などが表示
MOONGIFT : jQueryベースのカレンダープラグイン「FullCalendar」 オープンソース・ソフトウェア/フリーウェアを毎日紹介
スケジュールソフトウェアに対する需要は意外と多い。グループウェアのような多彩な機能をもつものではなく、ただiCalファイルを読み込んで表示するだけのものといったシンプルな使い方ができるものに対する需要がある。 ドラッグアンドドロップでスケジュールを変更できるカレンダー ただ表示するだけなら問題ないだろうが、そこにちょっとした編集機能を付けるとなると面倒になる。そこで試したいのがFullCalendarだ。 今回紹介するオープンソース・ソフトウェアはFullCalendar、jQueryベースのAjax対応カレンダープラグインだ。 FullCalendarはその名の通り、フルサイズで提供されるカレンダーシステムだ。とは言え実際にはCSSで幅を制御しているので、小さなサイズにすることもできる。JavaScriptベースで、次の月/前の月への移動がページ遷移なしで行える。 サイズを小さくすること
高速なJavaScript CSSセレクトエンジン·Sizzle MOONGIFT
Prototype.jsやjQueryなどのJavaScriptフレームワークではHTMLのクラス名やIDなどを指定して要素を取得できるようになっている。とは言え、簡単な要素の取得のためにフレームワーク全体を読み込むというのはちょっと面倒だ。 次世代版のCSSセレクタエンジン そこでもっと手軽に使えるCSSセレクタとしてSizzleを紹介しよう。jQuery開発者の方が開発している次世代版のCSSセレクタエンジンだ。 今回紹介するオープンソース・ソフトウェアはSizzle、高速＆多機能なCSSセレクタエンジンだ。 SizzleではCSS3のサポート、not指定による要素の除外指定、ポジション（最初、最後、偶数、奇数など）指定など多彩な機能が実装されている。単体で用いることもでき、わずか4KBという軽量さだ（難読化+GZip圧縮した場合だが）。 Firefox3 for Mac OSXの場合
jQuery + PHPのショッピングカートシステム·jCart MOONGIFT
個人的に何となくEコマースというシステムは大げさなものに見えて仕方がない。ちょっとした商店のレベルで、まるでデパート並みの仰々しさがシステムから溢れている。もっとシンプルに買い物できれば良いと思ってしまう。 jQueryを使って作られたショッピングカートシステム シンプルに買い物するための仕組みに、JavaScriptは欠かせない（スムーズという点において）。そこで試してみたいのがjCartだ。 今回紹介するオープンソース・ソフトウェアはjCart、jQuery + PHPで構築されたショッピングカートシステムだ。 jCartはjQueryを使っており、商品をクリックするだけで同じ画面にあるショッピングカートに商品がポストされる。同じ商品をクリックすれば数量が増え、商品数を変えればその場で金額も変更される。 removeを押せばすぐに消える 各商品の横にあるremoveをクリックすればショ
jQueryの可能性を知りたいなら・・・『jQuerySTYLE』 | 100SHIKI
最近はよくjQueryを使うのだが、他の人がどんな風に使っているかに興味がある。 もしあなたが同じように思っているならjQuerySTYLEが参考になるだろう。 このサイト、jQueryが使われているサイトのギャラリーである。 また、それぞれのサイトでjQueryのどの機能（Ajaxだとかナビゲーションだとか）が使われているかもアイコンで一目でわかるようになっている。自分の興味にあわせて覗いてみるといいだろう。 自分が使っているものを他の人がどう使っているか。そんなことに気づかせてくれるこうしたサイトはいいですね。
Ejscript - Embedded JavaScript Language for Server-Side JavaScript
会社など、プリンターの使用頻度が高い所で重宝されているのがリサイクルトナーです。レーザープリンターを利用するコストを下げてくれますし、使い終わったり使いきれなかったトナーも業者に買い取ってもらえます。一方でリサイクルトナーの買取は条件が複雑だったり、業者によって買取価格が異なったりと気をつけたいこともあります。 そこでリサイクルトナー買取サービスを利用するときの注意点をまとめてみました。 リサイクルトナーを扱っている業者かどうか確認する トナーの買取を行っている業者は多いですが、それらがリサイクルトナーも扱っているとは限りません。中にはメーカー純正トナーのみ買取をしており、リサイクルトナーは一切買取をしていない所もあります。またリサイクルトナーの買取をしていても、未使用のものに限るといった条件付きの業者も見られます。 このような理由から、買取業者を選ぶときにはまず買取対象としてリサイクルト
Webベースの表計算ライクなグリッドライブラリ·grrid.js MOONGIFT
基幹システムをWebベースで作るといった話題が持ち上がるようになっている。そんな中、よく聞かれるのが表計算ソフトウェア的にデータを操作できる機能だ。技術者の方であればその難易度はご存知の通りで、大抵Excelを使えるようにCSVで出力してお茶を濁すことが多い。 需要の多そうなグリッドライブラリ しかしもう諦めないで良い。高機能、ではないけれど簡易的なデータ操作であればgrrid.jsを使ってみよう。 今回紹介するオープンソース・ソフトウェアはgrrid.js、Webベースで表計算ソフトウェアのように動作するグリッドライブラリだ。 grrid.jsを使うとまるで表計算ソフトウェアのようなグリッドが表示される。各セルは自由に文字を入力できる。移動はエンターキー、タブキー、矢印キーを使って可能だ。タブキーで右、エンターキーは下にフォーカスが移動する。なお、動作にはprototype.jsが用いら
PDFを下地にするホワイトボード·Whyteboard MOONGIFT
Webサイトやプレゼン資料、写真などを下にしいて、そこに皆で思い思いにアイディアを書き込んでいく。ホワイトボードではゼロからはじめるには良いが、何かの題材があるならコンピュータ上に書き込む方が手軽で良い。 PDFファイルを取り込んで、その上に線を引いたりすることができる その度にスクリーンショットを撮って、画像編集ソフトウェアを使っていたなんて人はWhyteboardを使ってみよう。 今回紹介するオープンソース・ソフトウェアはWhyteboard、PDFや画像、PostScriptファイルにドローするホワイトボードソフトウェアだ。 PDFにも簡易的な編集機能はある。メモを追加したり、線を引くことはできる。だが自由度は低い。WhyteboardはPDFファイルやPostScriptファイル、画像を取り込んで使えるドローソフトウェアだ。 各ページのサムネイルを表示することが可能 ImageMa
無茶しやがって…。JavaScriptでPDFを作る·jsPDF MOONGIFT
まさにあのAAが似合う、そんな代物だ。Webサイトでコネクション数を極力減らすための技術として、DataスキームURIが知られている。これはhttpからはじまるようなURLの代わりに、data:からはじまる書き方で直接データをbase64で表記して流し込んでしまう手法だ。 できると思う？ 対応しているブラウザは限られるが、仕様自体はRFC2397として定義されているのでIE7などでも利用できるようになっている。これを使えば画像のみならず、こんなことができてしまう。 今回紹介するオープンソース・ソフトウェアはjsPDF、JavaScriptで生成するPDFライブラリだ。 まさに無茶だ。jsPDFはJavaScriptだけでPDFを生成してしまう試みだ。何をばかなことを、とお思いだろうか。であれば実際に試してみると良い。日本語は残念ながら使えないが、英語であればちゃんとしたPDFが生成されるこ
一日で学ぶ jQuery(ラボブログ)
スパイスラボ神部です。 OpenSocial アプリの開発を効率化するために、jOpenSocial か opensocial-jquery のどちらかを使いたいのですが、そのためにはまず jQuery について学ばないと行けないようなので、jQuery についてざっと調べてみました。 -AJAXが好きだ！ - Favorites! Write less, Do more -jQuery: The Write Less, Do More, JavaScript Library まずは公式。 リファレンス -jQuery 1.3.2 日本語リファレンス 参考になりそうなリソース いろんな記事を見ると、とりあえずは jQuery を使うと、構造化された状態でリッチアプリケーションが組めるという部分が強調されている記事が多いような気がします。「jQuery + AJAX で RIA な UI
JSONをスキーマを使って検証できるようにする·JSON Schema MOONGIFT
JSONはブラウザベースでのデータのやり取りだけではなく、XMLに比べると冗長性が低くシンプルなフォーマットであることもあってサーバサイドでのデータのやり取りにも利用されるようになっている。下手にフィードを解釈するよりも手軽で良い。 JSONにスキーマを適用する とは言え、場合によってはデータの型や検証と言った手法が必要になることもあるだろう。そのために使うのがJSON Schemaだ。 今回紹介するオープンソース・ソフトウェアはJSON Schema、JSONのスキーマ定義を検証するライブラリだ。 JSON Schema自体は現在仕様が固められている最中のようだ。文字列、数値、真偽、オブジェクト、配列などの型が用意されており、こちらもまたJSONを使って定義をする。シンプルなデータ授受にJSONを利用しつつ、多少検証のステップを入れたいと言った場合に使えるかもしれない。 検証用スクリプト
複数選択のドロップダウンにチェックボックスを付ける·Dropdown Check List MOONGIFT
「神は細部に宿る」。ほんのちょっとした機能だからと見過ごすのではなく、ほんのちょっとしたことだからこそ誠心誠意作り込んでいくといったような意味合いが込められた言葉だ。コンピュータのGUIインタフェースはまだここ十年、二十年の話でありまだまだ改善の余地は大きい。 ドロップダウンリストが便利に！ 例えばファイルのアップロード、一つ一つファイルを指定するなんて愚の骨頂だ。さらに複数選択のドロップダウンも選んでいる途中のちょっとしたミスで全ての項目が非選択に戻ったりする。これも問題だが、解決策としてDropdown Check Listがある。 今回紹介するオープンソース・ソフトウェアはDropdown Check List、ドロップダウンリストにチェックボックスを付けるというjQueryプラグインだ。 これは良いアイディアだ。Dropdown Check Listを使うとドロップダウンの複数項目
Screencast: JavaScript Memory Leaks in the Windows IE Browser
About This screencast by Patrick Fitzgerald of BarelyFitz Designs discusses how he diagnosed and fixed a memory leak in a JavaScript library. It's a very simplified example, and the same techniques probably can't be used for more complex web applications, but it might shed some light on how these memory leaks occur. Send me an audio message | Contact Me
IEでJavaScriptを動かす際のメモリリークの調査方法:phpspot開発日誌
Screencast: JavaScript Memory Leaks in the Windows IE Browser IEでJavaScriptを動かす際のメモリリークの調査方法を紹介するスクリーンキャストが公開されており、分かりやすく調査方法について紹介されています。 3分ぐらいの動画になっています。 メモリリークの調査を行うのは、Process Explorer というソフトを使っているようです。 Process Explorer を使えば、Spy++みたいな感じで、調べたいウィンドウ部分にドラッグ＆ドロップして、該当ウィンドウのメモリサイズについて調査できるみたい。 具体的な操作方法については動画を見れば分かります。 メモリサイズがあがっていく様子を捉えた図。 これは知っておいたほうがよさそうですね。
シンプルにリッチなテキストエリア·Sanskrit MOONGIFT
テキストエリアをWYSIWYGエディタに変えるものといえばFCKEditorなどが有名だ。FCKEditorは確かに便利だが、完成度が高すぎるためにカスタマイズしづらく（設定は変更できるが）、何より動作が重たくなっている。 シンプルながらカスタマイズも容易なリッチテキストエディタ 実際にユーザが使う機能はそれほど多くない。もっとシンプルに必要最低限に仕上げたのがSanskritだ。 今回紹介するフリーウェアはSanskrit、テキストエリアをシンプルなWYSIWYGエディタにするソフトウェアだ。ソースコードは公開されているがライセンスは明記されていなかったのでご注意いただきたい。 Sanskritで使える装飾は太字、斜体、下線、打ち消し線、リンクとなっている。これらはTextileの構文に則っており、実際の出力もTextile形式になっている。Sanskritは言わば記法の入力補助とTex
利用者に対し非常に分かりやすい通知を行うためのJavaScriptライブラリ「Notimoo」:phpspot開発日誌
Notimo Demos site 利用者に対し非常に分かりやすい通知を行うためのJavaScriptライブラリ「Notimoo」。 次のリンクをクリックしてみてください。 → 通知を表示してみる ページの右上にフェードインで表示するのはなかなかインパクトが大きいですね。 スクロールしても、いやみではない感じにちゃんとついてきてくれます。 使い方もかなり簡単で、必要なJSとCSSを読み込んだ後、インスタンスをnewして show メソッドを呼び出すだけです。 showは２回連続で呼び出しても、ちゃんと１個目と区別して表示してくれます。 <script type="text/javascript"> var notimooManager = new Notimoo(); // 通知を表示 notimooManager.show({ title: 'タイトル', message: 'メッセージ
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
長文を分割＆横スクロールで見やすくする·bookreader.js MOONGIFT
Webの発達で日本語であっても横に読まれることが当たり前になりつつある。コンピュータ上では縦に際限なく伸びていくので、縦書きは読みづらいのだろう。だが横向きに書かれていても長文であると見がたくなるのは変わらない。 長文をブラウザ上で読むならこれ 特に小説やコラムなど長文を載せているサイトの場合はそうだ。コンピュータは元々書籍に比べると長文を読むのに適していない上に、レイアウトも読みづらいのでは大変だ。そこで試したいのがbookreader.jsだ。 今回紹介するオープンソース・ソフトウェアはbookreader.js、長文を読みやすくするJavaScriptライブラリだ。 bookreader.jsは専用のJavaScriptとCSSファイルによって縦に続く長文を一定の長さで区切り、続きを右側に表示してくれるスクリプトが。スクロールは矢印キーか画面に表示される矢印のボタンで行う。 次期バー
iTunes風な容量ゲージを表示する·Gauge.js MOONGIFT
何らかのサービスを考える際に、それを誰が見ても分かるようにするというのはデザインを決める上で重要な考え方だ。そのためには文字での説明ではなくアイコンや、イラストによって分かりやすく情報を提供する必要がある。 iTunesのゲージ風 とは言え、素人がそれを簡単に実践するのは難しい。その際役立つのが世界でビジネスを展開している企業のデザインだ。そこには英語圏のみならずサービスを利用する人たちにとって分かりやすくする工夫がこらされている。iPodで一気に盛り返しているAppleのその一つだ。 今回紹介するフリーウェアはGauge.js、iTunesで用いられている容量ゲージを表示するJavaScriptだ。非商用に限りフリーとなっている。 iTunesでは音楽や動画、写真と言ったメディアの種類に応じてどれくらいの容量を占めているのかを横向きのゲージで表示している。分かりやすい色分けがされ、全体の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
