HTMLとCSSだけでWebブラウザにサイドチャネル攻撃を仕掛ける手法
ようこそ、HTML5裏APIの世界へ - HTML5 Conference 2013
Canvas、WebGL、WebRTC、WebSocketなど、HTML5の花形スターとも言えるモテ系APIは、常に世間の注目を集めている。これらAPIを使いこなせるウェブディベロッパーはどこからも引っ張りだこだろう。しかし、注目度が低いながらも、今後のウェブを支える（かもしれない）最新のAPIが数多く存在する。このようなAPIは派手さが足りないゆえに話題になることもない。しかし、これら非モテ系のAPIも含めてHTML5だ。 本セッションでは、ありきたりのモテ系APIに飽きたマニアな貴方のために、普段は陽の当たらないAPIを一挙紹介する。もちろん、どれかのブラウザーに実装されているAPIのみだ。今から使おうと思えば使えないことはない。そして、W3Cにて仕様策定が始まって日が浅いため、明日にはどうなるか分からない。無くなるかもしれないし、大幅に変更されてしまうかもしれない。今覚えても役に立た
ローカルストレージに簡単な解決策はない
原文：“There is no simple solution for local storage” (on March 5, 2012 by Chris Heilmann) 要約：私たちは良いデータストアとして localStorage を推奨するのをやめなければならない。パフォーマンスがひどく損なわれるからだ。しかし残念なことに、代わりとなるものはまだ完全にサポートされておらず、また簡単に実装できるものでもない。 Web 開発において、うますぎる話に出くわすことは常々だ。そういったもののいくつかは良いもので、だからこそそれが「すべて」として目立ってしまい、開発者を使うように仕向けてしまう。しかし、多くの場合、良いと思われていたものはそこまで良いものではない。また、しばらく使ってみてはじめて「間違っていた」と気づかされるものなのだ。 そんなもののひとつに、localStorage がある
何が「HTML5」であるか - hogehoge @teramako
ASCII.jp：ここが変わった！HTML5マークアップ入門｜浜 俊太朗のHTML5マークアップ移行ガイド 読者のみなさんの中には、これまでにもHTML5関連の情報を読んだことがある方も多いでしょう。それらの情報の中には、従来のHTMLのイメージからはかけ離れた“プログラム的”な内容もあったのではないでしょうか。HTML5とは一体何なのでしょうか？ 実は、一般的に「HTML5」と総称されている技術は、大きく「広義のHTML5」と「狭義のHTML5」に分類できます。 広義のHTML5とは主にAPI（Application Program Interface）で、バックグラウンドでJavaScriptの処理を実行できる「Web Workers」や、Webアプリケーションからローカルのファイルを読み取る「File API」、グラフィックを扱える「Canvas」「SVG」などがあります。 さらには
HTML5で実装される予定（だった）videoタグを旧ブラウザでも·video4all MOONGIFT
各ベンダーの意向が揃わず、HTML5での仕様策定が断念されたvideoタグではあるが、オンラインでの動画閲覧がこれだけ広まっているのであればやはり何らかの仕様が欲しいだろう。そんな企業の思惑を越えて動けるのが開発者だ。 Safari4の場合 videoタグはHTML5をサポートしたブラウザでしか動かないが、旧来のブラウザでも可能にするのがvideo4allだ。 今回紹介するオープンソース・ソフトウェアはvideo4all、多数のブラウザでvideoタグを利用可能にするJavaScriptだ。 video4allはvideoタグを各ブラウザの仕様に合わせて表示を変更するJavaScriptライブラリだ。対応するのはFirefox 3.0/2.0、IE6〜8、Opera、Safari2、Chromeとなっている。Safari4やFirefox3.5についてはvideoタグがそのまま使われる。
JavaScriptを使わないJavaScript開発 － ＠IT
先週、先々週（2009年5月末から6月頭）と立て続けにサンフランシスコで開催された開発者向けイベントに参加した。1つはGoogle I/O、もう1つはJavaOneだ。Google I/Oでは、メール、Wiki、IMを統合したようなコミュニケーションプラットフォーム「Google Wave」が登場して話題となったり、JavaOneではサンのクラウド戦略がそろそろ見えてきたり、Javaプラットフォーム向けRIAフレームワークのJavaFXがバージョンアップし、より詳細にデモンストレーションされるなど見どころが多かった。 そうした目立つ発表とは別に、これは1つのトレンドなのかなと感じたことがある。それは、JavaScript開発に、Java言語やそれに付随するツールを利用するというものだ。 グーグルが2006年にリリースした「Google Web Toolkit」（GWT）は、言わずと知れた定
自サイトの画像の保存をプロテクションする仕組み:phpspot開発日誌
MooTools 1.2 Image Protector: dwProtector Image protection is a hot topic on the net these days, and why shouldn't it be? 自サイトの画像の保存をプロテクションする仕組み サイトの画像は、次の方法で保存できますが、それを全部禁止する方法です。 ・右クリック→名前をつけて保存 ・デスクトップにドラッグ＆ドロップで保存 ・右クリックで名前をつけて背景を保存 ・背景画像を表示 dwProtect.js をダウンロードして、JavaScriptで以下のように書くだけです。 window.addEvent('domready', function() { var protector = new dwProtector({ image: '/blank.gif', elements:
PDF 千夜一夜: 2008年04月06日 アーカイブ
Webは修理が必要だ — Javascriptのセキュリティ問題 前回に続き、Ajax World East2008におけるDouglas Crockford氏の「Webを修理できるか」のスライドの続きをご紹介します。 ※前回はこちらです。 2008年04月03日 Webは修理が必要だ — Turducken問題 １８．Webを修理するための三又戦略 — Javascriptの安全な部分集合（本要約19～22項）、ブラウザの小さな改善（本要約23項）、ブラウザの強力な改善(本要約24～25項)（スライド３３） １９．Javascriptを小さくして、セキュアでない部分を削除する（スライド３４～３７） JSLint http://JSLint.com/は、HTMLとJavascriptの安全な部分集合を定義している。 ADSafeでは、グローバル変数・関数は定義されない。 ADSAFE オ
IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester | コリス
IETesterは、IE5.5, IE6, IE7, IE8beta1の確認が同時にできるアプリケーションです。 IETester [ad#ad-2] IETesterを利用するには、上記IETesterのページの「Download IETester」から「install-ietester-v0.2.exe」ダウンロードし、IETesterをインストールします。 IEのバージョンの切り替えは、「New Tab」から切り替えることができます。 簡単に使用しただけですが、IE5.5, IE6, IE7, IE8beta1のレンダリングの違いを確認できました。 バージョン0.2の動作条件は、Windows XP or Vista + IE7以上となっています。XP + IE6の場合、IE7, IE8のモードが動作しません。 Windows XP + IE7, IE8beta1の環境で使用したとこ
RFC2397 "data" URL スキームの翻訳 - P A R A G R A P H S
http://www.ietf.org/rfc/rfc2397.txt 自分の勉強用。http://userscripts.org/scripts/show/12781やhttp://userscripts.org/scripts/show/9653で使われていて興味を持ったので。 読みやすさを優先して、表記を変えたり番号なしリストや定義リストにしてる箇所がある。原文参照。 他の訳を見つけた。でも硬すぎて読みにくい気がする。http://www.darts.jp/reference/rfc/rfc2397-jp.txt 1. 概要 新しいURLスキームである"data"を定義する。これを使うと、小さなデータを外部からインクルードしなくても、直接ソースコードに含めることができるよ。 2. 説明 URLを扱うアプリケーションは、種類によっては(サイズの小さい)メディアタイプのデータを直接内部に
「Greasemonkeyスクリプティング TIPS&SAMPLES」と言う本を書きました
■ 「Greasemonkeyスクリプティング TIPS&SAMPLES」と言う本を書きました Firefox 用エクステンション Greasemonkey の解説書を書かせてもらいました。秀和システム さんより、もうすぐ発売されます。300ページとちょっと。 まだ Greasemonkey を使った事がない方や、自分でユーザスクリプト作りに挑戦したいと思っている方なんかを対象に、Greasemonkey の使い方や、スクリプトの書き方、書籍用に書き下ろしたユーザスクリプトの紹介、他の人が作った便利なユーザスクリプトの紹介などを行なっています。私が自分で書いたユーザスクリプトが40個くらい、他の人が作ったユーザスクリプトの紹介は30個ちょっとと、合計70以上のユーザスクリプトを紹介しているので、それだけでも結構良い情報なんじゃないかなぁと思います。 前に 誰も解説しない「Modify Ur
Cumulate Draw MOONGIFT
ブラウザ上で動作するドローソフトウェア ついにここまで！Visio風の操作が可能なWeb上のドローソフトウェアです。 ブラウザ上で動作するドローソフトウェア 各種オフィススィートのWebブラウザ化が進んでいる。ドキュメント然り、表計算しかり。Outlook風の外観を持ったソフトウェアもある。このままではオフィススィートは全てブラウザ化されそうだ。 そんな中、ドローツールについては難しいと感じていた。何となく複雑そうな気がする。だが、これを見て欲しい。 今回紹介するオープンソース・ソフトウェアはCumulate Draw、ブラウザ上のドローソフトウェアだ。 Cumulate Drawでは図形の描画、塗りつぶし、文字の入力、線を引く、矢印を付けると言ったドロー系ソフトウェアに必要な機能は殆ど実装されている。勿論、JavaScriptを使った滑らかな操作性だ。 基本図形のみならず、フローチャート
Firefox拡張機能の基礎を実例で学ぶ：CodeZine
はじめに Internet Explorer（以下、IE）が主流のブラウザ市場の中で、Firefoxはシェアを伸ばしています。Firefoxがシェアを拡大している理由の一つに、拡張機能の存在があるでしょう。非常に多くの拡張機能が世界中の人々によって開発されています。これらの拡張機能を組み合わせることによって、Firefoxを自分の好みのブラウザにカスタマイズできるのです。 とはいえ、他人が作った拡張機能がぴったり自分に合っているとは限りません。幸いなことにFirefoxの拡張機能は、XML言語の一種でUI部分を規定するXUL、動作を規定するJavaScript、そしていくつかの設定ファイルから構成されています。これらはいずれもごくありふれた開発言語であり、特別な知識は必要ありません。しかも、エディタとFirefoxがあれば高価な開発環境をそろえる必要もありません。他人の作った拡張機能を自分
javascript [paulownia.jp]
Java等のオブジェクト指向はクラスベースのオブジェクト指向と呼ばれる。一方、JavaScriptはプロトタイプベース、あるいはインスタンスベースオブジェクト指向と呼ばれる。 クラスベースは、まずクラスを定義し、クラスを型とするインスタンスを作成することでプログラミングする。プロトタイプベースによるオブジェクト指向では、クラスの定義は必須ではなく場合によってはクラスという概念自体が存在しない。既存のオブジェクトのクローンとして新しいオブジェクトを作成し、そのオブジェクトに独自の性質を付加してプログラミングする。 JavaScriptのオブジェクトの性質は動的に変更可能。Java等では一度決定したオブジェクトの振る舞いは変更できないが、JavaScriptでは実行中の任意の場所でメソッドの動作を変更したり、新しく追加したり、削除したりすることができる。
IT戦記 - 今さらだけど $X GreaseMonkey はまじで最強だなぁ。例えば 2 行で mixi のクローラとか作れちゃうもん
最近 GreaseMonkey ちょっと使ったりするんだけど $X 関数が便利すぎる！！ $Xとは cho45氏が作った XPath 用の関数です。Shibuya.JS で発表してた資料にあります。 http://lowreal.net/2006/shibuya-js-1-lt.html http://lowreal.net/logs/2006/03/16/1 例：mixiクローラ これは例です。規約違反などで実際には絶対やらないでください。 var links = $X("//a[contains(@href,'show_friend.pl')]"); setTimeout(function(){document.location.href=links[Math.floor(Math.random()*links.length)].href }, 3000); 簡単過ぎる！ これでグリモ
JavaScript×HTMLとJavaのシームレスな開発環境を体験してみよう － ＠IT
今回作成するアプリケーションでは、サーバ側プログラムの中でYahoo!検索Webサービスへの問い合わせ処理を行い、取得した結果をJavaオブジェクトに詰め込んで、クライアント側プログラムへ返却します。そこで、まず検索結果セットを格納するためのクラスを作成しましょう。 RPCメソッドのパラメータあるいは戻り値に指定する型は直列化可能な型である必要があります。具体的には、 char、 byte、 short、 int、 long、 boolean、 float、or doubleといったプリミティブ型 String、Dateおよびプリミティブ型のラッパークラス（Character、 Byte、 Short、 Integer、 Long、 Boolean、 Float、 Double） 直列化可能な型の配列 直列化可能なユーザー定義クラス 以上の型を指定することができます。 また、直列化可能なユ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Android 4の新機能でカメラWebアプリ作ってみた (1/5)
今出ているJavaScriptの最新バージョン名をお教えください。 - Ｗｅｂ2.0です。このバージョンによりＡｊａｘな... - Yahoo!知恵袋
『window.nameによるクロスドメイン通信 - snippets from shinichitomita’s journal』へのコメント
IBM Java開発者のためのAjax: Google Web Toolkitを探る : Java : dW - Japan
