簡単！PHPとjQueryでドラックすればリサイズクリップ出来るスクリプト
なかなか凄いぞ！ jQueryとPHPのモジュールで簡単に動いてしまった。 画像をアップロードして、カットしたいところをドラッグ。 その部分が指定したサイズになってクリップされるという代物。 因みに今回アップロードで使用した画像は美人時計さんのもので、1分おきに美人が現れる時計式ウェブサイトです。これも同時にお勧め。 仕様 必要なものは、PHP4もしくはPHP5。 そしてPHP GD ライブラリがサーバーにインストールされている必要がある。 逆に言えばこれだけクリアしていればものすごく手軽に設置できるという魅力あるスクリプトです。 仕様としては、アップローダーが付いており、そこに画像をアップすると、編集モードになる。 そこで、写真の好きなところをドラックして囲い込みをすればそこが画像としてリサイズできるのです。 ダウンロードは以下 ページ下部にある以下のリンクから。 ダウンロードした後は
そろそろクリックジャッキングについて一言いっておくか - 最速転職研究会
Firefox3で「サードパーティのCookieも保存する」をオフにする。 防げる。 いずれのブラウザにもサードパーティ製のcookieを制限するオプションがあるが、Firefox3以外だと、フレーム内表示された場合に「新規にcookieを保存しない」だけで保存済みのcookieは送信してしまう。 軽く調べてみたところ、次のようになった。(間違ってたら教えてください) サードパーティのcookieの新規保存 サードパーティの保存済みcookieの送信 表示中のドメインのcookieの保存/送信 IE6,7,8(デフォルト) x o o IE6,7,8(セキュリティ高) x x x Opera9.6(デフォルト) o o o Opera9.6(制限) x △ o Safari(制限/デフォルト) x o o Safari(全て受け入れる) o o o Firefox2(デフォルト) o o
書籍『Ajaxセキュリティ』に関する残念なお知らせ - ockeghem's blog
昨年の10月に刊行された書籍Ajaxセキュリティは，発刊直後に購入したが，しばらく積ん読になっていた。最近になって読み始めたのだが，いささかあきれる結果となった。HPの現役エンジニア2名の著作，一人は元SPI Dynamics社(WebInspectの開発元，HPが買収)出身，GIJOE氏の監訳ということで期待していたのだが，残念である。 残念だと思う主要な理由は，脆弱性への対策が十分に示されていないことだ。Ajaxであってもインジェクション系脆弱性が発生する可能性があること，むしろ従来型のWebアプリケーションよりもその可能性が広がることは説明されているが，肝心の対策が不十分だ。 本書第四章の後半には，対策として入力検査（バリデーション）が示されている。 4.6 適切な入力検査 4.7 リッチなユーザ入力のバリデーション しかし，入力検証だけでは，任意の文字入力を許す場合の対策はできない
JavaScriptで音を鳴らしてみよう - moriyoshiの日記
id:Voluntasのおかげで自分的に再燃したブックマークレット熱。まあブックマークレットというと実用的な感があるけど、まったくそんなことはなく、要はワンライナーのこと。 いろいろ作ってみた中で、ちょっと汎用化できそうなものがあったので若干体裁を整えてみたのがこれ。仕組みは単純で、16KHz 8bitのwavファイルをオンザフライで生成して、それをdata:スキーム化した上で隠しiframeのsrcに突っ込んでいるだけ。なので、ブラウザ側にaudio/wavを再生できて、しかも自動再生してくれるプラグインが必須というところに注意。 追記1: undefinedとNaNの扱いでバグがあったので修正。 追記2: generateして余った分を切り取るspliceで符号が逆になっていたのを修正。ほんとすみません。 var SoundPlayer = { HEADER: "WAVEfmt\x20
JavaScriptのベンチマークテスト機能を簡単に組み込める「JSLitmus」:phpspot開発日誌
JSLitmus JSLitmus is a lightweight tool for creating ad-hoc JavaScript benchmark tests.JavaScriptのベンチマークテスト機能を簡単に組み込める「JSLitmus」 ページ内のJavaScriptのパフォーマンスを、ページ内に表示される次のようなウィジェット内でテストできます。 Google Chart API を使ったパフォーマンスのグラフの出力も出来るみたい。 scriptとしては次のように書いてテストウィジェットを表示するようです。 <script src="JSLitmus.js"></script> <script> JSLitmus.test('Empty function test', function() { /* ここに計測したい処理を記述 */ }); </script> ↓↓↓
CSSXSSを改良した？手法でmixiのpost_keyを抜き取るデモを作りました - ?D of K:
IDを抜き取る方法が思いつかなかったので、「はまちちゃん」の書き込みの二年来の再来とはいきませんが、セキュリティーホールだと思うので、早めに書いておきます。（修正済みです） 実証コード http://k75.s321.xrea.com/cssxss/mixi.html パッチ済みのIE6でmixiにログインしていた場合、post_keyの取得を確認できると思います。勘違いだったらすみません。その際、僕のmixiのあしあとに残るのでその点のみ注意してください。 手法 CSSの読み込み いわゆるCSSXSSと同じようにlinkを使って、ファイルを読み込みます。旧来の手法では中括弧があることでCSSと誤認識させ、cssTextで取得しましたが、今回は文中に「}selector{property:」という文字列を埋め込んで、selectorに該当する要素のcurrentStyle.property
クリックジャッキング：研究者が複数のブラウザに対する新たな脅威について警告
セキュリティ研究者が、すべての主要なデスクトッププラットフォームに影響のある、新たな恐ろしいブラウザに対する脅威に対する警告を発している。その対象となるのは、Microsoft Internet Explorer、Mozilla Firefox、Apple Safari、Opera、そしてAdobe Flashだ。 この脅威は「クリックジャッキング」と呼ばれるもので、OWASP NYC AppSec 2008カンファレンスで議論されるはずだったものだが、Adobeやその他の影響を受けるベンダーの要望で、包括的な修正が準備されるまではこの話題を公にすることが取りやめられていたものだ。 では、クリックジャックングとは実際にはどういうものなのだろうか。 残念ながら、われわれが発見した問題の一部は、思ったよりもずっと悪いものだった。実際、あまりにも脅威が大きかったため、われわれは責任を持った情報開
Firefox NoScript vs クリックジャッキング - Zero Day - ZDNet Japan
私はこの攻撃がどのような仕組みで働くかに関する詳細な情報に触れたことがある。そして、次のような説明ができる。 これは本当に恐ろしい問題だ。 デフォルトの設定のNoScriptは、可能性のある攻撃シナリオの多く（もっとも現実的で、効果があり、危険なもの）を防ぐことができる。これについては、Jeremiah Grossman氏自身のコメントを参照して欲しい。 NoScriptで100％の保護を得るためには、以下のオプションをチェックする必要がある。Plugins|Forbid <IFRAME> Cheers, Giorgio また、私は影響を受けるベンダーの地位の高い情報提供者から、この問題の本当の深刻さについて、個人的な確認をもらった。私が聞いたことを一言で言えば、これは本当に「非常に恐ろしく」、適切な修正は「ほとんど不可能」だということだ。 BreakingPointのTod Beards
Google Chromeは速くないって - umitanuki's blog
Google Chromeが速いという意見をよく耳にしますが、何を言っているのかさっぱりわかりません。そういう人たちはGoogleのマーケティング戦略に騙されすぎです。 ブラウザの速さを決めるのはたくさんの要素がありますが、Chromeが速い理由の一つにJavascriptエンジンであるV8が速いことが挙がっています。本当にそうでしょうか。 まず理論面から。 多くのWebアプリケーションで、Javascriptがボトルネックになるとすれば、その大半はDOM操作によるものです。そしてDOM操作はレンダリングエンジンが実装していて、Javascriptはそれらを呼び出しているにすぎません。ChromeのレンダリングエンジンはSafariと同じWebkitです。ということは、速度の大半を決めるレンダリングエンジンが同じ以上、Chromeが爆速だというのは迷信です。ちなみにFirefoxのJSエン
「Googleの全ビジネスはブラウザから始まる」――「Chrome」開発の理由
「Googleのすべてのビジネスは、Webブラウザから始まる」――Googleエンジニアリング・ディレクターのライナス・アプソン氏は、9月3日にβ公開したWebブラウザ「Chrome」のビジネス面での意義を問われてこう答えた。 Chromeは高速な動作とシンプルなユーザーインタフェースが特徴のオープンソースWebブラウザ。「Gmail」などAjax（Asynchronous JavaScript+XML）を活用したWebアプリも軽快に動作する。 「Webブラウザを使いやすくすれば、より多くの人がGoogleを使ってくれる」――同日、米国本社と日本法人をテレビ会議でつないで開いた会見で、アプソン氏はこう期待を込めた。「ほとんどのユーザーは、Webブラウザに選択肢があるということすら知らない。そんな状況を改善したい」と意気込む。 「高速」「シンプル」 Chromeはブラウジングの高速さが特徴だ
グーグル「Chrome」、JavaScriptベンチマークで競合ブラウザを圧倒
Googleがオープンソースのウェブブラウザ「Chrome」をリリースした理由の1つとして、同社は「処理速度」によって実現される、より高速なブラウジングと、いっそうリッチなアプリケーションを追求していることが挙げられる。では、実際Chromeの処理速度は、他のブラウザと比較してどの程度なのか。 Googleは5種類のJavaScriptベンチマークを行った。Chromeはこれらすべてのテストで、他のブラウザを凌ぐ結果を出している（提供： Stephen Shankland/CNET News） Googleのエンジニアで、ChromeのJavaScriptエンジンV8を担当するテクニカルリーダーLars Bak氏は、米国時間9月2日に行われた同ブラウザの発表イベントで、ChromeのJavaScriptの実行速度は、他のブラウザの「何倍も速い」と自負している、と語った。JavaScript
Yahoo!地図API入門
Yahoo!地図APIはYahoo!地図Webサービスを使用してウェブページやブログに地図を利用したWebアプリケーションの作成するためのAPIです。単に地図を表示するだけではなくアイコンやポリゴンなどの表示の他、イベント処理を行うことも出来ます。 ここではYahoo!地図APIの使い方についてサンプルを作成しながら確認していきます。 関連サイト:Yahoo!デベロッパーネットワーク - Yahoo!地図 関連サイト:Yahoo!デベロッパーネットワーク - クレジット表示 地図の表示 地図の縮尺 地図の種類 測地系 アイコンと吹き出し コントロール ポリライン/ポリゴン 地図の移動 イベント処理
Firefox 3.1向け新JavaScriptエンジン「TraceMonkey」発表
Mozilla Foundationは8月23日、次期ブラウザFirefox 3.1（コードネーム「SHIRETOKO」）に採用する新しいJavaScriptエンジン「TraceMonkey」を発表した。Mozilla Corporationのブレンダン・アイクCTO（最高技術責任者）が公式ブログで明らかにした。 TraceMonkeyはJITコンパイラ搭載で、JavaScriptの処理速度を大幅に向上。現行のJavaScriptエンジンSpiderMonkeyを搭載したFirefox 3.0と、TraceMonkey搭載の同3.1とを各種ベンチマークテストで比較したところ、SunSpiderによるテストでは総合で約1.83倍、ubenchテストで22.5倍、画像処理で6.46倍、行列処理で6.26倍の処理速度向上が認められたという。 TraceMonkeyの現在の対応アーキテクチャはx8
モジラ、「Firefox 3.1」でJavaScript実行を大幅に高速化:ニュース - CNET Japan
UPDATE Mozillaは米国時間8月22日、「Firefox」の次期バージョン「Firefox 3.1」について、JavaScriptで書かれたプログラムの実行速度を大幅に高める「TraceMonkey」と呼ばれる機能を統合することで、「Gmail」などさまざまなウェブベースのアプリケーションをより高速に実行できるようになると述べた。 JavaScriptは、ウェブページに見栄えのする効果や柔軟性を加える目的で長年にわたり非常に広く使われてきたが、近年ではリッチインターネットアプリケーションにとって配管の役割も担うようになってきた。だが、JavaScriptはパフォーマンスの低さが足かせになっていたため、ウェブベースのアプリケーションがPC上で直接動く「ネイティブな」ソフトウェアと同程度に敏感に動作するのは困難な場合が多かった。そのため、Webアプリケーションを作るプログラマーたちは
XMLHttpRequestでRefererをセットする - FAX
JavaScript 追記Firefox 3.0で確認したところエラーになった。 Firefox 2.0.0.13で確認しました。 var url = 'http://localhost:8080/index.html'; var referrer = 'http://www.hatena.ne.jp/'; var req = new XMLHttpRequest(); req.open('GET', url, true); req.onreadystatechange = function(){ // 1: 読み込み中 if(req.readyState == 1) req.setRequestHeader('Referer', referrer); // 4: 準備完了 if(req.readyState != 4) return; console.log(req.responseTe
二度押し防止の onsubmit で disable にするやつ :: Drk7jp
もう２年ほど前に話題になったアレなんですけど、今更ながらあるサービスでこの仕組みの導入を検討しています。 onsubmit で submit ボタンを disable にしてユーザビリティを良くする - naoyaのはてなダイアリー submit ボタン disable 技の罠 - naoyaのはてなダイアリー onsubmit で submit ボタンを < disable にしてユーザビリティを悪くするのはやめてください - のヮの うんこ♥ onsubmit で disable にするやつ - 鷹の島 onsubmit の disable 化ですが既に議論が終わっているように、onsubmit disable の実装方法として、 onsubmit イベント発生時に submit 要素を disable にして値をサーバへ渡すための hidden 要素を生成する方法 setTimeou
YUI2.5.0の新機能、Flickr風の複数ファイルアップローダをPHPで実装してみる:phpspot開発日誌
YUI2.5.0の新機能、Flickr風の複数ファイルアップローダをPHPで実装してみる 2008年02月25日- YUI 2.5.0 Released ? Big upgrades to DataTable, new Layout Manager, Flickr-style multi-file Uploader, and more Yahoo! User Interface Blog The YUI Team just released version 2.5.0 of the library. We’ve added six new components ? Layout Manager, Uploader (multi-file upload engine combining Flash and JavaScript), Resize Utility, ImageCropper,
スライドするUIを実現するiSlider.js
iAnime.jsのテスト用に作っていたスライドするUI。書いているうちにライブラリ化したくなったので、これもやはりMITライセンスとしてオープンソース化（Google Code iAnimejsよりダウンロード化）。たて・よこ・ななめ、自由にスライドさせることができることが特徴。"easein", "bounce"などのエフェクトも利用可能。 まずはごく基本的なカード型のUIで横にスライドするもの。 こんどは同じコンテンツを縦にスライドさせるもの。アコーディオンUIと呼ばれることもある。エフェクトに"bounce"を使っている点に注目。 軽いのでiPhone/iPod touchでもサクサクと動くのが特徴。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
米Yahoo!、開発中の新トップページに新たなUIライブラリを採用
Google Chromeが最速というわけではない～Mozilla関係者が指摘