JSONのエスケープをどこまでやるか問題 - 葉っぱ日記
Ajaxなアプリケーションにおいて、サーバからJSONを返す場合に、JSON自体はvalidであるにも関わらず、(IEの都合で)エスケープが不足していて脆弱性につながってる場合があるので、書いておきます。 発生するかもしれない脆弱性 JSONのエスケープが不足している場合に発生する可能性のある脆弱性は以下の通りです。 JSON内に含まれる機密情報の漏えい XSS それぞれの詳細については後述します。 開発側でやるべきこと 文字列中のUnicode文字は "\uXXXX" な形式にエスケープするとともに、ASCIIな範囲であっても「/」「<」「>」「+」も同様にエスケープすることにより、前述の脆弱性を防ぐことができます。 Perlであれば、以下のような感じになります。JSON->ascii(1) に続けて、JSON文字列を正規表現で置換しているあたりがキモになります。 use utf8; u
HTML5花火大会から学ぶcanvasの表現力
HTML5花火大会が始まりました！ jsdo.itに集まった400以上の花火コードが、夏の夜空に打ち上がっています！ 本当にどの花火もクオリティーが高くて、見るだけでも楽しめます。 HTML5花火大会 花火のコードから学ぶcanvasの表現力 花火のコードの大半はHTML5のcanvas要素を使って描画されています。 canvasってなんだっけ？ javascriptから自由にグラフィックを描画できる要素です。 以下のエントリーにわかりやすくまとまっています。 図を書き込めるhtml要素です。 OpenGLやDirectXのような面倒な設定を書くことなく、 手軽にグラフィック描画が行えます。 ブラウザだけでローカルアプリケーションのような グラフィカル（かつ動的な）表現が行えるわけです。 今更聞けないcanvasの基礎の基礎 canvasで花火を描くには？ 花火のお手本コードから見ていきま
フロアは子供だらけ！石野卓球がキッズ限定ディスコでDJ
子供のみが参加可能な音楽イベント「KIDS meet DISCO」の第4回が8月21日に大阪・PINE BROOKLYNで開催されることが決定。石野卓球がメインDJとして出演する。 「KIDS meet DISCO」は毎回テーマを変えて行われ、今回は「night」がテーマ。とはいえ子供向けイベントなので深夜にはならず、19:00にクローズとなる。また当日雨天でなければ、屋上芝生スペースに親子で一緒に寝そべって、音楽を聴きながら夕暮れを楽しむことも可能。ライブやDJが行われるのみならず、イラストレーターやダンサーなどのパフォーマーが会場内に点在し、ライブペインティングやフリースタイルフットサルなどで子供たちを楽しませる。 出演者は子供に配慮した選曲でDJを披露。子供の集中力が短いことを踏まえて、今回は石野卓球も30分間のショートセットのDJをプレイする。また、子供の健康を考えて音響や照明はソ
jQuery.Deferredの問題点 - taiyoh独言
（updated 2011-07-11: この記事はjQuery1.5当時のものです。jQuery1.6以上であればpipeメソッドが存在するので、このエントリで懸念している部分については解決します。id:nanto_viさまのコメントも参照のこと） 最近、僕の観測範囲ではjQuery1.5からサポートされたDeferred Objectが話題になってますね。 ここで書いていたことをちょっと解説。 リリース時、遂にjQeuryでも遅延処理のサポートが！と僕もちょっと喜んだのですが、それもつかの間、以下の動作を見ていただきたいな、と。 → http://jsdo.it/ttaiyoh/evYG 普通、とくにjsDeferred使っていた人間なら、以下のような動作を期待しますよね？ → http://jsdo.it/ttaiyoh/zI5H Deferred Objectのソースみてもらえると
kayac_space777
ハッシュタグ#777を付けて、Windows® Phone 7 に願い事をつぶやこう！ BMCL (ブッコミクライアントワークラボチーム) において、7/7にもっとも効果のある短冊を調査した結果、それは7/7にゆかりのある Windows Phone OS7 だという驚くべき事実が判明しました。今回特別に用意した7台の Windows Phone OS7 に願い事をかけてみませんか? みんなの願い事は、地球から13光年離れたアルタイルめがけて、願いを推進力に航行するシャトルで送り出されます。#777 のハッシュタグをつけて願い事を送りましょう! （隕石が飛んできたら「↑ #777」「→ #777」「↓ #777」「← #777」でシャトルを回避しましょう！） 詳細はこちら SPACE777 http://bit.ly/nqty4h
HTML5 の Drag and Drop API と File API を使ってファイルアップロードを実装する - しばやん雑記
HTML5 の Drag and Drop API を使うことで、ブラウザにドロップされたファイルの情報を扱うことが出来ます。そして File API を組み合わせることで、ファイルの中身まで扱うことが出来るようになります。 そして FormData オブジェクトと XHR を組み合わせることでアップロード処理までを実装することが出来ます。完成図はこんな感じです。 今回は JavaScript の処理が中心です。jQuery を使っているので追加してくださいね。 $(function () { var uploadFiles = function (files) { // FormData オブジェクトを用意 var fd = new FormData(); // ファイル情報を追加する for (var i = 0; i < files.length; i++) { fd.append(
YOPPA 田所淳の講義ノート
このサイトは田所淳の講義、仕事、日記、そのほか諸々の情報を公開しています。そもそもは、授業の履修者のために過去の授業の内容の記録を掲載するために始めたのですが、より多くの人に役にたてるのであればと思い、全てを公開することにしました。基本的にリンクはフリーです。どの階層のページにも勝手にリンクしていただいて構いません。また、リンクした旨を連絡をしていただく必要もありません。サイト内の全ての記事は、Creative Commons Licenseの条件に従う限り自由に利用していただいて構いません。記述の誤りご意見などありましたら、コメントもしくはメールにてお知らせください。 tadokoro[at]gmail.com
Buzz
Buzz is a small Javascript library that helps you to easily include and manage sounds in your websites using the HTML5 audio tag. It degrades silently on non-modern browsers. Buzz is written by Jay Salvat and licensed under the MIT License. Download Buzz! #version Fork it on Github InstallationDownload the ZIP file above and include it manually or include the CDN hosted version. https://cdnjs.com/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS3のtext-shadowを使ったテキスト装飾のサンプル集
SNSの新たな戦場は「ビデオチャット」
■ヤン＆エヴァ シュヴァンクマイエル展 『the works for Japan』『〜映画とその周辺〜』東京と京都で開催 - ★究極映像研究所★
People Staring at Computers
http://dl.dropbox.com/u/8270034/g/e4e8b16b5f03f2ea899072bed3b743ba.png
http://dl.dropbox.com/u/8270034/g/da662507a50473b44ed81cfd99f02c5c.png
twitterのあの人どんな人？(仮)hitode909さんの分析
