ウノウラボ Unoh Labs: ローカルPCへ大容量データを保存するJavaScriptライブラリ「save2local.js」
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
Ajaxを使ったCAPTCHA認証をPHPで行うサンプル:phpspot開発日誌
How to Create CAPTCHA Protection using PHP and AJAX CAPTCHA is a simple test to determine if a user is a computer or a human. It is used to prevent spam abuse on the websites. So if you use CAPTCHA on your web site forms, this can help in stopping some bots and making life harder for other bots in accessing or using your forms. Ajaxを使ったCAPTCHA認証をPHPで行うサンプル。 ページ遷移を行わないでCAPTCHA認証を行うことが出来ます。 仕組みとしては、
PHPで使えるdate関数のJavaScript版:phpspot開発日誌
cloned.log - PHP互換のJavaScript日付フォーマット関数をモジュール化した PHPで使えるdate関数のJavaScript版。 次のようにphpのdate関数っぽく簡単に使えるようです。 var now = new Date(); DateFormatter.format(now, "Y/m/d(J) H:i:s") 通常、JavaScriptで日付を取る場合、JavaScriptでの日付取得 で紹介しているような方法を取る必要がありますが、PHPに慣れている人にとってはこちらの方が便利かもしれませんね。 関連エントリ PHPの関数をJavaScriptで使うことができる「p2js」
IEやOperaでも使えるFireBug Lite＆FireBug1.0Betaリリース:phpspot開発日誌
Firebug Blog Archive Firebug 1.0 News (via Ajaxian) Thanks to the 130 people who commented thoughtfully on my previous blog about Firebug. I’m so excited about getting Firebug 1.0 out to you guys, and I’ve been working my tail off to get the beta in shape for a wider release. Today I have three big announcements to make. JavaScriptでのデバッグに欠かせない、IEやOperaでも使えるFireBug Lite＆FireBug1.0Betaリリース。 FireBugは
prototype.jsのAjax.PeriodicalUpdaterをIEでも正しく動かす方法:phpspot開発日誌
prototype.jsのAjax.PeriodicalUpdaterをIEでも正しく動かす方法 2006年12月15日- Ajax.PeriodicalUpdater - Ajaxで指定エレメントの内容を定期的に書き換える - prototype.jsリファレンス prototype.jsのAjax.PeriodicalUpdaterをIEでも正しく動かす方法。 prototype.jsのAjax.PeriodicalUpdaterとは、指定のDIV要素(例えば <div id="content"></div>)を指定秒数で定期的に上書きするための機能です。 主に、チャットなど、定期的に特定部分をAjaxによってサーバの返す値に書き換えたい場合に用います。 しかし、IEでは、 http://example.com/server.php というURLにリクエストした場合、2回目以降、キャッ
Prototype.js 1.5.0 のチートシート:phpspot開発日誌
Prototype 1.5.0 Cheat Sheet - Snook.ca I've gone through and detailed the methods and properties of each of the modules within the Prototype JavaScript library. Prototype.js 1.5.0 のチートシート。 ある程度Prototype.jsに慣れていても、あれなんだったっけな、と関数名を忘れたりしますが、このチートシートがあればそこら辺は解決できそうですね。 PNG画像とPDF版が公開されているので印刷しても使えますね。 関連サイト prototype.js逆引きサンプル集 prototype.jsリファレンス scriptaculous逆引きサンプル集 scriptaculousリファレンス
【レビュー】これは便利! ブラウザでJavaScriptを編集・実行 - overtype 1 overtypeとは MYCOMジャーナル
以前、わずか3KBのコードで「イカした」エフェクトを実現するJavaScriptライブラリとして"bytefx"を紹介した。Andrea Giammarchi氏によって開発されたもので、同氏はほかにもbytedomなど一連の"byte family"を提供している。 Andrea Giammarchi氏はこうしたbyte familyを組み合わせて実験的なソリューションを提供しているのだが、ここではその中から"overtype"を紹介したい。overtypeはオンラインで提供されているJavaScript/HTMLエディタ。WebブラウザからJavaScriptやHTMLデータの編集ができるほか、その場で実行してデバッグできるという特徴がある。 以前、Webブラウザを使ってWebアプリケーションの試験を実施するテストツールとしてSeleniumを紹介したが、系統としては似ているかもしれない
フォームの入力値をリアルタイムにバリデーション「Realtime validation」:phpspot開発日誌
Realtime validation using Ajax Ajaxなどを駆使して、入力値を動的にチェックするライブラリ、realtime validation を公開しました。 >> http://masuidrive.jp/validation 正規表現とメッセージを指定するだけで、入力した瞬間にユーザに対してガイドメッセージを表示させる事ができ、今までの様に画面遷移後にエラーが出て、ユーザがエラー位置を把握しづらいと言う事がありません。 フォームの入力値をリアルタイムにバリデーション「Realtime validation」。 prototype.js と、配布している validate.js を読み込んだあと次のようなコードを書くだけ。 Validator.register({ "#mail" : { "/^([^@\s]+)@((?:[-a-z0-9]+\.)+[a-z]{2
Firefoxでマッシュアップを視覚的に行える新開発ツール「JavaScript Dataflow Architecture」:phpspot開発日誌
Firefoxでマッシュアップを視覚的に行える新開発ツール「JavaScript Dataflow Architecture」 2007年01月15日- Javascript Dataflow Architecture_(alpha) | MAYA Foundry Firefoxでマッシュアップを視覚的に行える新開発ツール「JavaScript Dataflow Architecture」。 次の画像のように、出力部分と入力部分とを繋いでいくだけでマッシュアップが出来てしまうという代物。 例えば、Flickr等の写真を取ってくる部品があって、その出力部分をHTMLパーツの入力部分に指定することでFlickrの写真をHTMLで表示できるアプリケーションが作れます。 Plaggerをご存知の方は、視覚的なPlaggerというイメージで分かりやすいかと思います。 (左領域がビジュアル開発画面で、
JavaScriptで図形を描くHTML要素「Canvas」の実例
JavaScriptを使ったAJAXが昨年前半まで大いに注目を集めていましたが、その根本になったJavaScript自体は古くからあり、AJAXというのは新しい応用法みたいな側面が非常に強かったのが特徴です。 しかし今回紹介する「Canvas」要素はそういうのとは明らかに一線を画しています。グラフの描画、写真合成、アニメーションなどが可能で、実際にはMac OS X のDashboardに初導入されています。そのため、サポートしているブラウザはSafariとFirefox 1.5以降のGecko1.8ベースのブラウザ、それからOpera9となります。また、この「Canvas」要素は「HTML 5」としても知られるWhatWG Web applications 1.0仕様の一部でもあるそうです。 といろいろ書いても実感がわかないと思うので、いろいろな実例を見てみましょう。 まずは簡単なフレー
Kazuho@Cybozu Labs: クロスサイトのセキュリティモデル
« Japanize - IE 系の User JavaScript エンジンに対応しました | メイン | 安全な JSON, 危険な JSON (Cross-site Including?) » 2007年01月04日 クロスサイトのセキュリティモデル あけましておめでとうございます。 昨年、社内で「XMLHttpRequest は何故クロスサイトで使えないのか。画像や SCRIPT タグは使えるのに」という疑問 (というより試問) を耳にしました。おもしろい話なのでブログネタにしようと思っていたのですが、新年早々 GMAIL の事例がスラッシュドットされていたので、自分の現時点での理解をまとめてみることにしました。文書を確認して書いているわけではないので、間違いがあれば指摘してください。また、よい参考文献をご存知の方がいらっしゃいましたら、教えていただければ幸いです。 ウェブブラウザ
テキストエリアでタブ入力
<SCRIPT language="javascript" type="text/javascript" src="http://homepage2.nifty.com/lightbox/tabtextarea.js"> </SCRIPT> ★ TAB のみ挿入する場合 ◎ TAB 挿入 TAB キー ◎ TAB 削除 Back Space キー ★ まとめて処理は対象文字列を選択する ◎ TAB 挿入 TAB キー ◎ TAB 削除 SHIFT+TAB キー IE と Firefox、Netscape、Opera で動作確認しています(Opera は、name 属性が必要です)。 <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <SCRIPT lan
手抜きぷろぐらまのメモ帳 - ASP.NET & JavaScriptでコード汚染をしないで2度押し防止
以前、attachEventでは複数イベントを登録して前のイベントの戻り値を見るというのができなくて悶絶していたが、結局やりたいことはイベント（メソッド）に対してアスペクトを適用すればよいということに気がつき、いろいろ調べた結果、すばらしいサイトをいくつか見つけ、早速コピペの雨あられで目的のものを完成 下のスクリプトを別ファイルにでもして、対象のHTMLにてインクルードすれば、全リンクとボタンにて2度押し防止機能が搭載できる うひょぉぉ アスペクトすげぇぇ // window の Load イベントを取得する。 window.onload = window_Load; function window_Load() { var i; // 全リンクのクリックイベントを submittableObject_Click で取得する。 for (i = 0; i < document.links.
JavaScriptでMacOS XのDock機能を実現する:phpspot開発日誌
Alexei@Nitobi Blog Archive Development Diary: Taming the Fisheye I thought it might be a good idea to document the development of one of our components from a user-interface perspective. We’re in the process of developing a host of new components now, which should be ready for release early this spring. One of these is a Fisheye Menu. JavaScriptでMacOS XのDock機能を実現する。 Dock機能というのは、次の画像のようにカーソルを合わせると画
便利すぎて困る程のFireBug1.0系を使ってみよう:phpspot開発日誌
Firebug - Web Development Evolved 便利すぎて困る程のFireBug1.0系を使ってみよう、ということで、広く使われているであろう0.4系と変わった点をプレビュー。 Googleなどの検索エンジンで、addons.mozilla.org にUPされている0.4系が上に表示されているため、まだ1.0系を使っていない人も多いのではないでしょうか？(という私もそうでした) FireBug1.0系のインストール方法の紹介〜その追加された強力すぎる機能について見ていきましょう。 FireBug1.0系インストール http://www.getfirebug.com/ にてFireBug1.0系のインストール。 FireFox - DOMインスペクタのインストール FireFoxインストール時にDOMインスペクタが入っていない場合は、FireBug1.0系の機能を最大限
Internet Explorer 7入門講座
最終回となる今回は、Internet Explorer 7（IE7）のレンダリング機能、すなわちHTML、CSS、JavaScriptの処理と表示に関する改善点と注意点を紹介しよう。CSSで機能が大幅に向上したのは嬉しい限りだが、気を付けなければいけない点もいくつかある。 ■大幅に改善されたCSS対応 レンダリング機能のうち、IE7で大幅に改善された点は、CSSの標準仕様への対応だ。これまであった、「FirefoxやOpera、Safariでは正しく表示されるのに、IEは対応していない」といった効果も使えるようになった。例えば、positionプロパティの値fixedにようやく対応したことで、「スクロールしても動かないメニュー」のような効果を出すことができる。サンプルページを用意したので、IE7でページをスクロールさせるとどうなるかを確認してほしい。 また、background-attac
Kazuho@Cybozu Labs: setTimeout をオブジェクト指向にしてみる
« Japanize - Opera9に対応しました | メイン | Firefox Developers Conference での質疑応答メモ » 2006年12月14日 setTimeout をオブジェクト指向にしてみる setTimeout と setInterval が window オブジェクトのプロパティなのは、それがブラウザの機能であって言語処理系自体の機能でないことを考えれば当然だと思います。しかし、それがゆえかに、this が引き継げなかったり、IE では引数が渡せなかったりといった不便があります。どうせだったら、こうなっていたらよかったのにね、ということで、Function.prototype をイジってみました。すでにありそうなネタですが (苦笑) Function.prototype.applyTimeout = function (ms, self, args)
MSが提供する新たな“オンラインOS”
いわば「Windows LiveはJavaScriptで書かれたOS」、LiveガジェットはJavaScriptで記述されたアプリケーションだ。これまでにないMSの「オンラインソフトウェア」展開は、今後10年のMSを決める大きな分岐点となるかもしれない。 このオンライン・ムックPlus「Windows Liveが魅せる次世代マッシュアップ」では、Windows Vistaの登場とともに、新たなサービスとして注目されるであろう「Windows Live」を中心として、Windowsガジェットの概要から詳細の開発手法について紹介する。 今回は、Windowsガジェットの中でもWindows Liveガジェットに焦点を当て、実際にどのような仕組みになっているのか解説していこう。 なお、オンライン・ムックPlus「Windows Liveが魅せる次世代マッシュアップ」では、“Liveガジェットのア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.exfiction.net/~nojimake/jssamp/jssamp3_03.html
Bobinette