Touch Eventを実装したらいろんなサイトがぶっ壊れた
Life with Web Browser Engine (Gecko, WebKit and etc), Mobile and etc. 以前からMozTouchってのがFirefoxのWindows版だけサポートしてたんだけど、Firefox 18 (Windows版)で、W3C Touch Eventのサポートをするコードを突っ込んだ。僕がイニシャルコードを書いて、jmartinsに直してもらったんだけど。なのでWindows 7以降でタッチイベントをサポートしたデバイス (ThinkPad T400sとか) だとデスクトップ版でもタッチイベントが使えるようになった。(ChromeのWindows版も最近のバージョンからサポートしてるよ！) これを実装したら、地図がマウスでスクロールできない（意味がわからない）、スクロールバーが表示される（意味わからない）、ビデオが再生できない（意味
思わずクリック！ ノベルゲーム風の読み進めるバナー「アドスフィア」って知ってる？
新憲法草案が話題になっている東浩紀さんが代表を務める会社「ゲンロン」が、一風変わった広告を出していることをご存知だろうか。ゲンロンの公式サイト上部に設置されているバナーをクリックすると、あたかもノベルゲームのように動き出すのだ。 バナーには、言論誌「日本2.0」の宣伝から、カルトクイズまで盛り込まれており、ルートによっては、読み切るまでに10分以上かかるなど、謎に気合いの入った仕様になっている。そして、このアドスフィアと呼ばれるサービスを提供したのが、言語社の笠井翔さん（26）だ。 笠井さんは、PC向けのノベルゲームを制作する傍ら、ブラウザ上で楽しめるものを作りたいと思い、広告バナーを開発したという。アドスフィアがどういったきっかけで誕生し、どのような可能性を秘めているのか詳しく話を聞いてみた。 ノベルゲーム風バナー こんな風に変化していく 読み進めるバナーの秘密 ――ずばり、アドスフィア
Web Audio API
This version: https://www.w3.org/TR/2021/REC-webaudio-20210617/ Latest published version: https://www.w3.org/TR/webaudio/ Editor's Draft: https://webaudio.github.io/web-audio-api/ Previous Versions: https://www.w3.org/TR/2021/PR-webaudio-20210506/ https://www.w3.org/TR/2021/CR-webaudio-20210114/ https://www.w3.org/TR/2020/CR-webaudio-20200611/ https://www.w3.org/TR/2018/CR-webaudio-20180918/ https
arbor.js
about arbor Arbor is a graph visualization library built with web workers and jQuery. Rather than trying to be an all-encompassing framework, arbor provides an efficient, force-directed layout algorithm plus abstractions for graph organization and screen refresh handling. It leaves the actual screen-drawing to you. This means you can use it with canvas, SVG, or even positioned HTML elements; whate
ダウンロード｜アステリズム -Astraythem-
アステリズム応援バナーキャンペーン実施中！ アステリズム応援バナーを貼って下さる方を大募集！ Webサイトやブログ等に貼りつけて、一緒に「アステリズム」を盛り上げてください！ バナーを設置する際には各バナーの下に記載されているタグをコピーしてお使いください。 「貼ったよ！」という愛有る方は、ぜひページ下部のフォームからご連絡ください。 アステリズム発売後に抽選で「ぎん太直筆サイン入り原画レプリカ」をプレゼント致します！ スフィアバナー（710×120） <iframe src="http://fwd.adsphere.jp/ast/" width="710" height="120" frameborder="0" scrolling="no"></iframe> スフィアバナーは【遊べるバナー】です！ 普通のバナーと同じように貼りつけていただければ、ランダムに現れる3つの時代の姉さんとお
言語女子会2: varは必要？/privateがない？ - 西尾泰和のはてなダイアリー
言語女子会: undefとnullは両方必要？の続編です。 varは必要なの？ とあるプログラミング言語が集う女子会にて: Python: JavaScriptちゃんってさ、なんでvarだらけなの？ JavaScript: えっ、変？ Python: varなんかいらなくない？私ぜんぜん持ってないよ？ JavaScript: えー、じゃあ変数をどうやって宣言するの？ Python: 宣言っていうか…「x = 1」みたいな代入文があれば変数xが必要なのって自明じゃない？宣言とか必要？ Ruby: 必要ないよね。っていうか変数宣言とか古臭くない？ JavaScript: そうかなー。 Python: 少しダサイかも。ほら断舎離ブームだし要らないものは捨てなきゃ！ JavaScript: 要らないかなぁ、変数宣言。Pythonちゃんは関数がネストしているときに外側のスコープの変数に代入するのって
Windows Azure : Windows Azure Joins Windows Server in a New Organization: Server & Cloud Division
In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...
マイクロソフト、自身でもHTML5/JavaScriptでMetroアプリを開発と宣言
Windows 8のコンシューマ向けプレビューが公開されましたが、その数日前にマイクロソフトは同社のクラウドストレージサービスであるSkyDriveをWindows 8と密接に結びつけるという方向性を明らかにしています。 アプリ、ファイル、PC、デバイスをクラウドとつなぐ SkyDrive と Windows 8 - Building Windows 8 - Site Home - MSDN Blogs Windows 8ではタブレット型デバイスなどにフォーカスしたMetro Styleと呼ばれるタッチ中心のユーザーインターフェイスを備えています。従来のPCに比べるとストレージ容量が小さく、モバイルでの利用が想定されるタブレット型デバイス向けにクラウドストレージサービスを提供することは、理にかなったものであるといえるでしょう。 WinRT上にHTML5/JavaScript/CSSで開発
HTML5 次世代のアプリケーションプラットフォーム | IIJの技術 | インターネットイニシアティブ（IIJ）
近年急速に高性能化・高機能化が進むWebブラウザ。今後多くのネイティブアプリがクラウドサービスと連携してHTML5技術を使ったアプリに置き換えられていくものと期待されています。 ここでは、HTML5の特徴と、「第0回HTML5プログラミング＆クリエイティブ コンテスト」のアスキーアート部門で最優秀作品賞を受賞した作品について紹介します。 はじめに 現在インターネットで最も普及しているサービスはWebサービスであり、その骨幹となる技術仕様の一つは1999年に策定されたHTML4.01でした。 しかしそれ以降、長期に渡って仕様改訂がなされなかったため、次第に機能不足の感が否めなくなってきました。そこで2004年に「WHATWG」がブラウザベンダー中心に結成され、HTMLの仕様拡張の検討が開始されました。その後、2006年にW3C（World Wide Web Consortium）で正式にHT
crocro.jscam
「crocro.jscam」JavaScriptでWebカメラの画像を取得するライブラリ はじめに 「crocro.jscam」は、JavaScriptで、Webカメラの画像を取得するためのライブラリです。 動作対象はHTML5以上、PCとなります。デバッグを行ったのは、Chrome16、IE9、Firefox9になります。 本ライブラリは、以下のようなことを行なえます。 Webカメラの画像のキャプチャ。 キャプチャした画像の2値化（白黒化）。 2値化を元にしたラベリング（領域分割）。 ドットパターンの検出、あるいはマーカーの検出（4隅の位置と向き）。 キャプチャを指定した場合の即時コールバック処理（各種解析データの取得）。 検出時のコールバック処理（各種解析データの取得）。 Webカメラで取得した画像をHTML5で利用したいといった用途や、マーカーをコントローラー代わりに使った簡単なゲー
世界のJavaScriptを読もう @ 2012
調べる方法を知る JavaScriptは調べるとやり方が見つかることが多い 古いものと最近のものがまざってる ごく最近〜未来のものは見つけにくい 以下の総集編的な内容 海外のJavaScript情報を見つけよう 世界のJavaScript情報を読もう 今からRSS購読すべきタグと検索結果 ブラウザの最新情報を知るために、Web開発者が読んでおくべきブログ Webの動きはとても早いので、調べ方を知る
そば屋五兵衛 暗号化解説
物理的に存在するカジノに関して、いかなる行為も現在の日本の法律では認められていません。にもかかわらず、この日本には熱狂的なカジノファン、もしくはカジノの設定を追加したがっているゲーマーがたくさんいます。オンラインカジノの場合、日本で運営することは法的に認められていますので、例えばナイトゲームがお好きな方であれば、場所をレストランに設定したうえで、夜をテーマとするクラシックカジノを生み出すことが可能です。 カジノゲームを料理系イベントに組み入れることで、興奮がみなぎり、ユーザーはより熱狂的なひとときを楽しめるようになります。例えばポーカーやブラックジャック、ルーレットといったカジノ風のゲームをイベントのアクティビティに組み入れるのも一つの選択肢です。カジノゲームでは偽物のチップを使ってプレイします。その場合、賞金を狙いたい方も、ただゲームを楽しみたい人も関係なく楽しめます。 さらに、カジノを
Message passing | Chrome Extensions | Chrome for Developers
Because content scripts run in the context of a web page, not the extension that runs them, they often need ways to communicate with the rest of the extension. For example, an RSS reader extension might use content scripts to detect the presence of an RSS feed on a page, then notify the service worker to display an action icon for that page. This communication uses message passing, which allows bo
Chromeウェブアプリの多重起動を抑制するためのTips - にのせき日記
Chromeウェブアプリは基本的に多重起動可能(複数のタブで開ける)。 そのため、ステートフルなウェブアプリで多重起動されてしまうと状態管理がめちゃくちゃになってしまう危険性がある。 ということでChromeウェブアプリの多重起動を抑制し、単一起動に限定させてみるテスト。 background_pageで以下のスクリプトを走らせとけばOK。 // ウェブアプリを開いているタブ var theTab = undefined; function changedHandler(tab) { // chrome.extension.getURL(path)で指定したリソースへのフルパスが取得できる // 引数pathはmanifest.jsonで定義したlocal_pathと一致させること if (tab.url === chrome.extension.getURL("index.html"))
OAuth 2.0: authenticate users with Google | Extensions | Chrome for Developers
OAuth2 is the industry-standard protocol for authorization. It provides a mechanism for users to grant web and desktop applications access to private information without sharing their username, password, and other private credentials. This tutorial builds an extension that accesses a user's Google contacts using the Google People API and the Chrome Identity API. Because extensions don't load over
JavaScriptとHTML5 Canvasを使って顔認識するコードがすごい:phpspot開発日誌
Badass JavaScript - Face Detection in JavaScript via HTML5 Canvas JavaScriptとHTML5 Canvasを使って顔認識するコードがすごいです。 ccv.jsとface.jsというファイルがGitHub上で公開されていて、認識自体をJavaScriptでやってしまっているようです。 JavaScriptが高速化するにつれ、WEBはもっと高速に、サーバにも優しくなっていく流れになっていきそうですね。 GitHubでは２つのJSと１枚のHTML、１つのPHPコードが配布されています。 ccv.jsがコアで、face.jsは定義ファイルっぽいです。 画像を外部から呼び出すためのプロクシ用にphpを使っていますがphpでOpenCVを使ったりはしていないようです。 関連エントリ PHPでOpenCVなしのピュアPHPで顔認識す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript.Next
http://ifengine.org/
Chrome Extensions | Chrome for Developers
http://blog.monoweb.info/archives/1716