hifive - HTML5企業Webシステムのための開発プラットフォーム
OpenSeadragon は画像の拡大縮小を Web 上でスムーズに行うための JavaScript のライブラリです。 OpenSeadragon は Silverlight の DeepZoom 機能 に相当するものを JavaScript で実装したもので DeepZoom で利用される DZI 形式 のファイルをそのまま扱うことができます。DZI 形式以外にも IIIF 形式や TMS 形式などのファイルを扱うことができます。 参考リンク集OpenSeadragon の APIOpenSeadragon が扱うことができるズーム用のファイル形式一覧ズーム用のファイル形式を作成するためのツール群サンプルコードOpenSeadragon をつかったページのサンプルコードを以下に載せておきます。 以下の HTML が '/index.html' にあり OpenSeadragon が
【D3.js】選択されたデータ範囲のグラフを表示する(d3.svg.brush)
下位のグラフで選択された範囲を上位のグラフで拡大表示します。 複雑なことをやっているように見えますが、D3.jsでは比較的簡単に実装することができます。 example サンプルコード データ範囲の選択機能を追加するためにd3.svg.brush()を使用しています。 ヘルパー関数として、こちらの記事で作成した関数を使用しています。 d3.csv("access.csv", function(data){ var parseDate = d3.time.format("%Y/%m/%d").parse; //データセット型変換 data.forEach(function(d) { d.date = parseDate(d.date); d.access = parseInt(d.access); }); var dateExtent = d3.extent( data.map( F('da
Flot: Attractive JavaScript plotting for jQuery
Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features. Works with Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+ Additional examples are bundled with Flot. Also take a look at the Flot Usage Wiki for screenshots and stories from people and companies using Flot. Documentation Short introduction Frequently a
DragListGroup のドラッグ & ドロップ・イベントを監視する - ShobonEngineの日記
goog.fx.DragListGroup は dragListElement として追加したノードに含まれる DOM 要素群を、ドラッグアンドドロップで位置交換できるようにするクラスです。 DragListGroup で発生したドラッグ・イベントは、draglistgroup.js の goog.fx.DragListGroup.EventType に定義されているイベントタイプを listen することでキャッチすることができます。 // イベントタイプ goog.fx.DragListGroup.EventType = { BEFOREDRAGSTART: 'beforedragstart', DRAGSTART: 'dragstart', BEFOREDRAGMOVE: 'beforedragmove', DRAGMOVE: 'dragmove', BEFOREDRAGEND: '
fluentd + mongodb+ node.js でリアルタイムにグラフを描く - stanaka's blog
追記 2/22 毎回微妙に追記していますが、今回も追記です。最後にmongodbのinsert性能について80lines/secで厳しくなった、と書いてますが、環境か設定まわりがあやしいので訂正します。もうすこし検証してみようと思います。 → 検証して fluentd側の設定の問題であることが分かりました。詳しくは、http://blog.stanaka.org/entry/2013/02/22/171053 追記ここまで 最近は、fluentd + mongodb でログを蓄積していろいろ便利に使っているわけですが、数分に一回集計スクリプトを周したり、 GrowthForecast の画面をリロードしまくるのではなく、もっとリアルタイムで見たい! という欲求が募ってきたので、 node.js を使って実装してみました。( https://github.com/stanaka/realti
JavaScript書くときに便利なVimプラギン集 - Life goes on
この記事はVim Advent Calendar 2012の52日目の記事です。 前回の記事はasion_mさんのフロントエンジニアがちょっと幸せになるかもしれないプラグイン作ってます。でした。 良い具合に、フロントエンドのお話続きになっており「流れがキタ！」などと浮かれていたところ、はてなブログが0時から8時まで長時間のメンテに入っており泣きたい気分で一杯になっています。 気を取り直して、エントリを書いていきたいと思います。 さて、自分は一応JavaScriptを書くことで(または書かない事で)オマンマを食べさせていただいてる訳ですが、そういえばあんまりJavaScript書く環境についてブログに書いてないなーと思い、自分が使ってるJavaScript関連のプラギンと設定なんかを紹介していこうと思います。 もちろん、「これは常識でしょpgr」などというものが多数含まれていることは予想され
『ガールフレンド（仮）の「声」実装』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。こんにちわ。 「ガールフレンド（仮）」でフロントエンドの開発をしている秋山と申します。 「ガールフレンド（仮）」とは、ユーザーが主人公となり、様々な女の子と出会っていく“声が出る♪”学園恋愛カードゲームです。各カードには、人気声優のボイスが付いていて、さまざまな演出に合わせてキャラクターの声を聞くことができます。スマホのブラウザ版カードゲーム × 声ガールフレンド（仮）の開発に入る時点で、スマホブラウザゲームで音声を出しているサービスは他にもありましたが、カードに声が付いているものは少なかったかと思います。 また、スマートフォンのブラウ
Use web workers to run JavaScript off the browser's main thread | Articles | web.dev
In the past 20 years, the web has evolved dramatically from static documents with a few styles and images to complex, dynamic applications. However, one thing has remained largely unchanged: we have just one thread per browser tab (with some exceptions) to do the work of rendering our sites and running our JavaScript. As a result, the main thread has become incredibly overworked. And as web apps g
iOS6ではページをスクロール中に発生したタッチイベントからJavaScriptのタイマーがセットされない？
iOS6ではページをスクロール中に発生したタッチイベントからJavaScriptのタイマーがセットされない？ このブログ記事で問題にしているiOSのバグは、iOS6.1ですでに修正されています – – – – – – – 先日公開したCOSUMIのHTML5版には、「iPad3でページをスクロール中に碁盤や碁盤の周りのクリッカブルな所をタップするとその後の動作がおかしくなる」という不具合がありました。私もいまだによく分かっていないところがたくさんあるのですが、原因とそれに対してとった対策を簡単に書いておきたいと思います(このブログ記事には私の勘違いが含まれている可能性が高いです。すべてを鵜呑みにはしないでください)。 この不具合に気づいた時、まず最初に思ったのは、これはフェードイン・フェードアウトが絡んでいるのでは、ということでした。スクロール中のフェードイン・フェードアウトは、描画がたい
正規表現確認ツール RegEx Cafe を作った - 9mの日記
RegEx Cafe - JavaScript Regular Expression Tester http://kkosuge.github.com/regex-cafe/ CoffeeScriptで書いたのでCafeです。 サクッと正規表現の確認をしたいとき Rubular が便利で使う事が多かったんだけど、落ちてる事が多かった。サイト自体が落ちてなくても、テスト結果の表示がベラボーに遅い事があったりする。入力するたびAjaxで結果取りに行ってるから遅くなるのは仕方ない気するんだけど、簡単な確認くらいならJavaScriptでいいじゃんと思ったので再開発しました次第です。Githubページにホスティングしてもらってるので落ちる事ほとんどないだろうし、通信しないので速いです。 正規表現テストツールの既出感やばいけど、その中でもRegEx Cafeはだいぶ使い易くて良いと思う。 Cof
ローカルストレージに簡単な解決策はない
原文：“There is no simple solution for local storage” (on March 5, 2012 by Chris Heilmann) 要約：私たちは良いデータストアとして localStorage を推奨するのをやめなければならない。パフォーマンスがひどく損なわれるからだ。しかし残念なことに、代わりとなるものはまだ完全にサポートされておらず、また簡単に実装できるものでもない。 Web 開発において、うますぎる話に出くわすことは常々だ。そういったもののいくつかは良いもので、だからこそそれが「すべて」として目立ってしまい、開発者を使うように仕向けてしまう。しかし、多くの場合、良いと思われていたものはそこまで良いものではない。また、しばらく使ってみてはじめて「間違っていた」と気づかされるものなのだ。 そんなもののひとつに、localStorage がある
PHP.JS: Functions overview
Download To include all PHP.JS functions at once, you need one of the following packages. The normal packages are just a collection of standalone functions, making it easy to address them. With the namespaced packages, the functions are contained in one object. Making it easier to avoid naming conficts and to extend, overrule, or modify PHP.JS to your own whishes. Normal (novice) php.js php.min.
How to detect browser support for pageShow and pageHide?
How can we do JavaScript object detection for pageShow and pageHide handlers? if( /* pagehide is supported */ ){ window.addEventListener('pagehide', exitFunction, false); } else{ window.addEventListener('unload', exitFunction, false); }
ヤター！ウェブブラウザで動くシンセできたよー - aike’s blog
最近のHTML5やWebブラウザのAPIの進化はけっこうすごくて、普通にサウンドプログラミングもできるようになってきました。そんなわけでシンセサイザーアプリを作ってみました。 サウンドを扱う方法はいくつかあるみたいですが、Google Chromeで使えるWeb Audio APIがEQやディレイなどあらかじめ用意されていて良さげなので使いました。 http://aikelab.net/websynth/ まだ、バグもけっこうあるのでじょじょにブラッシュアップしていきます。 Chrome以外では動かないと思うので試せない人はこちらの動画をどうぞ。 Google API Expertが解説するHTML5ガイドブック 作者: 羽田野太巳,白石俊平,古籏一浩,太田昌吾 出版社/メーカー: インプレスジャパン 発売日: 2010/09/16 メディア: 単行本（ソフトカバー） この商品を含むブログ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Brush & Zoom
Pretty printing XML with javascript
45566 - DOMParser should throw exceptions for not-well-formed XML
Data graphing with html
click.com.cn
Google Closure - Html5History fires NAVIGATE event twice