RSAの公開鍵暗号方式でフォームのデータの暗号が行えるjQueryプラグイン「jCryption」:phpspot開発日誌
RSAの公開鍵暗号方式でフォームのデータの暗号が行えるjQueryプラグイン「jCryption」 2009年08月10日- jCryption - JavaScript data encryption RSAの公開鍵暗号方式でフォームのデータの暗号が行えるjQueryプラグイン「jCryption」。 2048bit のRSAで暗号可能。Ajaxでのサブミットもサポート。 暗号化は既にしてあり、SSLも不要。インストール簡単という特徴があります。 ちゃんとしたプロダクトに組み込む際は、きちんとした検証が必要だと思いますが、面白い仕組みですね。 デモページで各種デモが見れます。 データを送信すると、以下のように jCryption をキーとして暗号化が行われていることがわかります。 decrypted POST で元データが取れていますね。 これはすごいです。
jQueryを使ってクロスドメインのAjax·jQuery CrossDomain MOONGIFT
JavaScriptを使えば画面遷移の少ない、スムーズな操作性を提供できる。いわゆるAjaxなどがそれに相当するが、ドメインを越えて通信できないのが問題だった。幾つかの打開案はあるが、例えばJSONPを使う方法やサーバサイドで取得する方法などがメインになっていた。 検索結果のXMLを並べるテスト これではどちらかのサーバで対応が必要になってしまう。そんな中、殆どをクライアントサイドだけで解決してしまうのがjQuery CrossDomainだ。 今回紹介するオープンソース・ソフトウェアはjQuery CrossDomain、jQueryによるクロスドメインAjaxライブラリだ。 jQuery CrossDomainが使うのはFlashだ。Flashを使って外部ドメインにあるXMLを取得し、それをJavaScriptに返すようになっている。その仕組みをjQueryプラグイン化することで容易に
ユーザのマウスの動きを保存して再生できるPHP+Ajaxな仕組み「smt」:phpspot開発日誌
(smt) simple mouse tracking // home ユーザのマウスの動きを保存して再生できるPHP+Ajaxな仕組み「smt」がなかなか興味深いです。 次のように、マウスを移動した軌跡を描画してくれ、利用者のマウスの動きを元にユーザビリティ向上に貢献できそう。 smtを使ったデモムービー集ページ mousemove イベントを使って座標をトラッキングさせてデータをサーバに保存、あとはデータを元にタイマーを使って描画するという仕組みのようで、なかなか面白いですね。 アクセスが多いとデータ量も結構なものになってきそうなので、自前でやるしかこうしたデータをちゃんと見ることは難しいのかもしれません。 このsmt は、ダウンロードしてサーバ設置型なので、遠慮なく使えますね。 関連エントリ Yahoo!のアクセス解析ツール「Yahoo! Web Analytics」 ケータイ用高機
JavaScriptを使わずにWebブラウザの閲覧履歴を盗む | スラド セキュリティ
bugzilla.mozilla.org では JavaScript を使う exploit も使わない exploit も Bug 147777 [mozilla.org] として扱っています。この bug のコメント中、 JavaScript を使わない例は、はっきりしたものとしては 2006 年 12 月の Comment 71 [mozilla.org] が初出でしょうか。 2005 年 6 月の Comment 48 [mozilla.org] もそれっぽいですが。 まだ正式版どころか RC も出ていないので一般の人にはお勧めしませんが、人柱の人は Firefox 3.5 Preview を使って about:config から layout.css.visited_links_enabled を false にすると、リンクが visited かどうかによってスタイルを変えるの
Googleカレンダーライクな動作を実現するにはこれ·dhtmlxScheduler MOONGIFT
GoogleがAjaxを頑張りすぎているせいで、一般的なWebシステム開発においてもAjaxを多用したシステムが求められるようになっている。特に表計算やカレンダー、メールなどそれまでローカルで使っていたものを置き換えようとした際に起こる問題だ。 カレンダーを導入しようと思った時に「Googleカレンダーみたいにドラッグできないの？」なんて言われたことはないだろうか。そんな時にはdhtmlxSchedulerの採用を検討しよう。 今回紹介するオープンソース・ソフトウェアはdhtmlxScheduler、JavaScriptによるカレンダーライブラリだ。 dhtmlxSchedulerはまさにGoogleカレンダーライクな操作が可能になっている。ドラッグして予定の時間を選択すれば、タイトル入力欄に変わる。そこで予定のタイトルを入れれば完了だ。編集ももちろんできる。表示は日/週/月と切り替えるこ
CSSでピンバルーンを作成するチュートリアル:phpspot開発日誌
Create CSS pin balloons with ease CSSでピンバルーンを作成するチュートリアル。 次のような、カーソルを合わせるとハイライトされるような吹き出しをJavaScriptなしで作るチュートリアルです。 実際の動作はデモページを確認。 CSSのpositionとかhoverとかを組み合わせて作成してるみたいです。 吹き出し画像は透過PNG画像。 デモページ自体がサンプルページとなっているので、同じようなものを作りたい時に画像とCSSをちょっと書き換えて、サッと作れちゃうかもしれません。 タグ構造もとてもスッキリ <div id="map"> <div id="america"></div> <div id="europe"></div> <div id="africa"></div> <div id="asia"></div> <div id="australi
selectボックスの中身は「jSelect」を活用してサーバで管理する開発方法:phpspot開発日誌
Plugin JQuery jSelect - Demonstration selectボックスの中身は「jSelect」を活用してサーバで管理する開発方法。 これまで select の組み立てはサーバ側でPHPなんかでループさせて行うのが当たり前と思っていました。 jSelect を使えば、XMLやJSON、配列等のフォーマットからなるデータをajaxで読み取ってselect ボックスを簡単に動的に作成できます。 JavaScriptで動的に作った方がよいケースも多そうなので、導入できそうな部分は取り入れたほうがよいかも。 ということで、jSelect とそのメリットをご紹介。 jselect は、たとえば、次のようなHTMLがあったとします <select name="test"> <optoin>loading.... </select> で、$('#test').jselect({
IEでJavaScriptを動かす際のメモリリークの調査方法:phpspot開発日誌
Screencast: JavaScript Memory Leaks in the Windows IE Browser IEでJavaScriptを動かす際のメモリリークの調査方法を紹介するスクリーンキャストが公開されており、分かりやすく調査方法について紹介されています。 3分ぐらいの動画になっています。 メモリリークの調査を行うのは、Process Explorer というソフトを使っているようです。 Process Explorer を使えば、Spy++みたいな感じで、調べたいウィンドウ部分にドラッグ＆ドロップして、該当ウィンドウのメモリサイズについて調査できるみたい。 具体的な操作方法については動画を見れば分かります。 メモリサイズがあがっていく様子を捉えた図。 これは知っておいたほうがよさそうですね。
GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
マウスホイール操作が超簡単になるjQueryプラグイン:phpspot開発日誌
jQuery mouseWheel Plugin マウスホイール操作が超簡単になるjQueryプラグインがあるみたいですね。 サンプルを動かしてみたところ、いい感じに動作しました。 それぞれの要素上で、ホイールを動かすと、ちゃんと対象エレメントを取得できます。 サンプルには階層になってても上位伝播させず、 event.stopPropagation(); event.preventDefault(); で停止させる例も載ってます。 実際にどうやって使うかというと、これまたシンプルで、次のような感じ。 $('#test1').mousewheel(function(event, delta) { if (delta > 0) log('#test1: up ('+delta+')'); else if (delta < 0) log('#test1: down ('+delta+')');
jQueryを使ったFlashばりにクールなギャラリー「GalleryView」:phpspot開発日誌
jQuery GalleryView - by Jack Anderson jQueryを使ったFlashばりにクールなギャラリー「GalleryView」が公開されています。 初期化に以下の数行を書けばＯＫみたい。 $('#photos').galleryView({ panel_width: 800, panel_height: 300, frame_width: 100, frame_height: 100 }); 動かしているHTMLのなかなか分かりやすいです。 関連エントリ 訪問者驚きの手めくり風、画像ギャラリー作成サンプル 滑らかに画像が切り替わる超絶クールFlash写真ギャラリー「imagin」 色々な画像の見せ方を演出できる画像ギャラリー集
jQuery入門（その1）（1/7）：CodeZine
はじめに 実を言うと、私はずっとJavaScriptを嫌っていました。JavaScriptのコードを書くのが嫌でしたし、いろいろなブラウザに対応するために大量のスクリプトコードを使わなければならないのも嫌でした。そうした点は今でも変わらないのですが、最近になってJavaScriptへの理解が深まったことと、jQueryという小さなJavaScriptクライアントライブラリのおかげで、クライアント中心のAJAXスクリプトコードを書かなければならないときでも恐怖を抱かなくなりました。それどころか、今では喜んで引き受けるほどになっています。クライアントロジックがもっと複雑になり、ブラウザの機能や実装の多様化がさらに進んだとしても、jQueryをはじめとするクライアントライブラリが、JavaScriptやHTML DOMを扱う際に必要な正規化を提供してくれます。 私はJavaScriptの初心者と
伸縮する全画面背景を設定できるjQueryプラグイン「Supersized」:phpspot開発日誌
Supersized - Full Screen Background/Slideshow jQuery Plugin | Build Internet! 伸縮する全画面背景を設定できるjQueryプラグイン「Supersized」。 次のように、ブラウザのサイズを変えても背景画像がリサイズされます。 更に、スライドショーのように背景を切り替え可能です。 ありそうでなかったかもしれないプラグインですね。 背景に迫力のあるものを設定すればインパクトが大きそうです。 関連エントリ 便利なjQueryプラグインいろいろ これは面白！PHPとjQueryでクリックした位置が分かるクリックマップ作成 サイトに驚き！のページめくり効果をつけられるjQueryプラグイン
ツールチップを作るのならこれかもという多機能jQueryプラグイン「Simpletip」:phpspot開発日誌
Simpletip - A simple jQuery tooltip plugin ツールチップを作るのならこれかもという多機能jQueryプラグイン「Simpletip」 色々なツールチップライブラリがありますが、Simpletipはカスタマイズ性に富んだツールチップライブラリとなっています。 基本 単純なツールチップ クリックで閉じるツールチップ ちょっとリンクが切れちゃってますが、画像なんかも埋めこみ可能。特定のHTMLを埋められるみたい。 ポジション マウスの左、右、上、下、に表示というポジショニングが可能。以下は左の例 他にもabsoluteで位置指定をしたりもできます。 エフェクト ツールチップの文字がアニメーションしつつズームイン フェードインなんかの機能もあるみたい。 関連エントリ JavaScriptを使わずCSSのみでシンプルなツールチップ実装 カスタマイズの自由度が
javascript - block代わりのclosureとその問題 : 404 Blog Not Found
2009年01月19日18:15 カテゴリLightweight Languages javascript - block代わりのclosureとその問題 リハビリに手頃な問題だったので。 これ、実は「Java開発者のためのAjax実践開発入門」でも紹介されている書き方。 for 文と無名関数のイディオム - IT戦記 というわけで、これをすべて解決するのが for (var i = 0, len = list.length; i < len; i++) (function(node, i) { var text = node.textContent; node.onclick = function() { alert(text) }; })(list[i], i) なのだ。 ただし、コメント欄に残された問題が残る。 自分でも検証してみた。 n = : これ、デフォルトでは100万回にして
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 ポップアップではなく、サイト
jQueryでAjaxファイルアップロードするためのライブラリ:phpspot開発日誌
Ajax file upload with jquery - valums.com jQueryでAjaxファイルアップロードするためのライブラリ。 次のようなアップローダーを実装できます。 必要なファイルを読み込んだ後、次のようなスクリプトでアップローダーを初期化します。 なかなかわかりやすい使い方になっていますね。 $(document).ready(function(){ $.ajax_upload('#div_id', { // Location of the server-side upload script action: 'upload.php', // File upload name name: 'userfile', // Additional data to send data: { key1 : 'value', key2 : 'value2' }, // Fire
便利なjQueryプラグインいろいろ:phpspot開発日誌
10 Useful jQuery Plugins | AjaxLine 便利なjQueryプラグインが色々とあるみたいですね。 最近では、jQueryの人気が非常に高いように感じます。prototype.jsとかのシェアの状況は今はどうなってるんでしょうね。 Virtual jQuery Keyboar jQuery 3 State Switch Plugin jQuery Quick Search Date Range Picker Tooltips based on jQuery FaceBox ColorPicker 全部見る これだけjQueryプラグインがあるということは、JSフレームワークのシェアはここ数年でちょっと変わってきてるんでしょうね。 関連エントリ jQueryを速攻マスターしたい方におすすめの「jQuery Selectors」 HTMLで雑誌のような美しい段組みレ
Chromeでも使えるJavaScriptデバッガ「XBug」:phpspot開発日誌
XBug - The Javascript Debugger Chromeでも使えるJavaScriptデバッガ「XBug」。 コードにブレークポイントをつけてステップ実行みたいなことができるっぽいです。 これは一度ためしてみたいですね。 関連エントリ IEでのデバッグ/動作確認に便利なソフトいろいろ IEでのJavaScriptデバッグを可能にする「CompanionJS」 Safari用JavaScriptデバッガ「Drosera」 JavaScriptデバッグツール集
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.res-system.com/weblog/item/581