全世界のtweetをリアルタイムにマッピング 〜socket.ioやらnode.jsやら〜 - かつての虫けらロック
全世界のtweetをリアルタイムにマッピングするページを作りました。……というとちょっと大げさですが。 http://bugsrock.com/twistmap/ ↑のページの、簡単な技術的説明です。ぶっちゃけ負荷のこととか考えて無くて、動いてない時も多いかもなんで、そのうちYouTubeに動画アップします。 つかったもの ライブラリ node.js socket.io daemon.node jQuery web API twitter streaming API google map API 簡単なしくみ node.jsとsocket.ioでstreaming APIからデータを引っ張ってパースして全クライアントにbroadcastするサーバを立て、そいつを各クライアントが受け取り、google map APIを使って特定座標にマップしているだけです。ぶっちゃけ、難しいことは何もしてい
iPad/iPhoneとJavaScriptの話(その1) - yaakaito's diary
低機能なブラウザ、高機能なブラウザMoblieSafariってどう思う？って聞かれてまずどう答えますか？ 「モバイルブラウザとしては優秀」ですか？「まあTwitterとかする程度には不都合なく使えるよね」ですか？「あのサイズでフルブラウザだしいいんじゃないの」「Flush動かないとかまじ糞」「もうちょっと拡張とかできたらなァ」「最高のブラウザ」 どれもこれも正しいのですが、それってiPadやiPhoneのために作られたWebを見て思った意見なのかな。iPadやiPhone"専用"に"特別に"作られたWebを見た人は多分「なんだ、アプリの方がいいや」って言うと思う。そもそもブラウザは(誤解を恐れずに言うと)HTMLを表示してそれを見る為のツールで、それでゲーム作ってもそりゃあネイティブに負けるよって話。 僕がやりたいことは、iPadやiPhoneの為に特別に作るのではなくて(特別に作るならネ
iPad/iPhoneとJavaScriptの話(その1) - yaakaito::Blog
iPad, iPhone, JavaScriptここ1ヶ月くらい(発売されてから)仕事にしろ趣味にしろiPad、そしてiPhoneに付きっきりで、プレゼンツールとか、ライブラリとかゲームとか作ってて思ったこととか、のいろいろな個人的なまとめ。あくまで個人的な感覚の話です。この前jstudy*1というイベントに言った時にもうちょっと掘り下げて話たかったんですが、時間が詰まってたのもあって(jQurey充が多すぎたこともあって)、全体の一部であるライブラリについてLTっぽいことをしたのでその捕捉も。 低機能なブラウザ、高機能なブラウザMoblieSafariってどう思う？って聞かれてまずどう答えますか？「モバイルブラウザとしては優秀」ですか？「まあTwitterとかする程度には不都合なく使えるよね」ですか？「あのサイズでフルブラウザだしいいんじゃないの」「Flush動かないとかまじ糞」「もうち
iPhone Webアプリにおける13のJavaScript高速化アレコレ：マピオンラボ(Javascript)
こんちは、中村です。 先日マピオンラボよりリリースしたiPad用地図「マピオンタッチ デラックス」のコアとなるフリースクロール地図ライブラリの開発を担当させて頂きました。せっかくなのでターゲットブラウザをMobileSafariに設定し、比較的スペックがプアなiPhone3Gや3GSでも十分な速度で動作するようJavaScript部分の高速化をアレコレ調べてみたのでまとめてみます。一番低スペックなiPhone3Gで実際にどの程度早くなるかをタイマーで計測してみましたってのが本エントリーのミソです。 JavaScriptパフォーマンスチェック - Googleドキュメント 1. new Object より {}（Objectリテラル） オブジェクトを１万個生成するならばリテラルで記述することで約26ms高速化！ loop=10000; for(var i=0;i<loop;i++){}; /
JavaScriptで波をつくろう。リアルタイム波形生成＆再生 - Yanagi Entertainment
前のエントリでこんなことを書きました。 JavaScriptで波形データを読み書きすることができる。しかし再生するのは難しい。 HTML5のaudioタグとData URIを組み合わせればできないこともないが、コストが大きすぎる。 コストが大きいのは音声ファイルが大きいからです。50MBある波形をいちいち変換してられません。 でも小さい波形ならできるかもしれない！ ということでやってみました。 基本的なアイディア 波形データをつくる（数値の配列） 波形をバイナリ列に変換する バイナリ列にWAVヘッダを付加する Base64エンコード audioタグのsrc属性に指定 audioを再生 つくったもの http://yanagiatool.appspot.com/jsaudio/mmltest.html シンプルなMMLプレイヤーです。JavaScript + HTML5。 ベロシティとかルー
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Raphaël―JavaScript Library
The most popular coding language for the web is javascript; so much so that since the advent of HTML5, it has now been officially accepted as the default standard. Javascript has moved beyond a smaller client-side browser-based language to become integrated not just for front-end design, but also for back-end server-side development. As a result there are has been a huge growth of Javascript libra
HotRuby - Ruby on JavaScript & Flash
HotRuby is Ruby on JavaScript and Flash. HotRuby runs Ruby source code on a web browser and Flash. HotRuby runs opcode, compiled by YARV(Yet Another Ruby VM) on Ruby. HotRuby is Ruby VM. Most of the grammars are implemented. However, exceptions are not implemented. Most of the build-in functions and build-in classes are not implemented.
いろいろメモ＠Firefox - 葉っぱ日記
配列の添え字にマイナスの値。 javascript:"abcde"[-1] // length javascript:(function(){ alert( arguments[-1] ) })(1,2,3) // argument.length javascript:(function(){ alert( arguments[-3] ) })() // toSource() windowの取得。直接 alert って書けないときに便利。 javascript:({}=[].concat)()[0] javascript:([],[].sort)() javascript:({},[].reverse)() ({},[].["re" + "verse"])()["al" + "ert"](1) みたいに使う。記号以外は全て文字列に入れることができる。
JavaScript でくるくる CAPTCHA を実装してみる - IT戦記
あっきーパパが Google の新しい CATCHA の論文を紹介してたので グルグル回すグーグルの新CAPTCHA特許 | 秋元@サイボウズラボ・プログラマー・ブログ 脊髄反射で作ってみた （UI の部分だけですが；；；） http://amachang.sakura.ne.jp/misc/kurukuru/（IE では動きません） jQuery UI と canvas を使ってます。初めて使いましたが、いいですね、 jQuery UI。 （追記）せっかくなのでソースコードの解説 // 初期値の設定 // prev_value は最後に設定された値の保持用 last_value のほうが良かったかも var start_value = Math.PI, prev_value = start_value; // 回転用イメージオブジェクト var img = new Image; // i
OperaのCanvasでParticles(Sand/Snow) - os0x.blog
ふと、Saqoosha 先生の Snow*1をCanvasで出来たりするのかなーと気になって、ちょっと調べてみたら、OperaのCanvasが凄いと言われたので、早速移植してみました。 http://ss-o.net/test/opera.snow.html (Operaのロゴは404: Page not foundから) んー、(簡略化したのに)重いし、(簡略化したから)あんまり綺麗じゃないですね…… フィルターもないしこれ以上は難しいかなぁ。 一度に動かしすぎなだけか、もうちょっと改良しよう nitoyon先生のHello Snow!!!を参考に改良してみた。そこそこ良い感じになったかな。 snowってよりsandっぽいデモだったので、snowっぽいバージョンに更新した。 sandはこっちに http://ss-o.net/test/opera.sand.html ちょっと気になったの
OperaのCanvasが凄いのでモザイク - f8g
いまさらながらOperaにはgetPixel/setPixelがあることを知りました。 http://orera.g.hatena.ne.jp/higeorange/20080604/1212505679 Operaさんはすげえぜ！ ただ、色の指定が文字列ってところが使いづらい。 ということでモザイク。 CanvasRenderingContext2DGame.Color = function(r, g, b){ this.r = r; this.g = g; this.b = b; this.toString = function(){ return "rgb(" + [this.r, this.g, this.b] + ")"; }; }; CanvasRenderingContext2DGame.prototype._getPixel = function(x, y){ var co
Advanced Debugging With JavaScript
When used effectively, JavaScript debuggers help find and squash errors in your JavaScript code. To become an advanced JavaScript debugger, you’ll need to know about the debuggers available to you, the typical JavaScript debugging workflow, and code requirements for effective debugging. In this article, we’ll discuss advanced debugging techniques for diagnosing and treating bugs using a sample web
amachang の 「一行で IE の JavaScript を高速化する方法」を掘り下げてみた - latest log
2009-11-12 ナビ子記法について追記しました 本文 今日は、amachangさんの記事 http://d.hatena.ne.jp/amachang/20071010/1192012056 を 1mm だけ掘り下げ、IE 以外のブラウザでも document へのアクセスを速くする方法がないか、色々試してみます。 # 記事自体はずいぶん前に書き上げてたけど、公開するの忘れてたんだな。 C系を追加しました。C系は「ネストしたスコープからグローバル変数にアクセスするとどうなるか?」がテーマです。 試したこと 以下は様々な方法で document へのアクセス速度を計測します。 A系では、非日常的な方法で測定し、B系では実際の用法に近い形で測定します。C系では何重にもネストしたスコープから、グローバル変数にアクセスするとどうなるかを測定します。 A系 A0 は、素の document に
oAutoPagerizeとCSSの-o-linkの件 - by edvakf in hatena
今年中は書けないかもと書いたけど、書いとかないといけないことが出来たので書く。 -o-link で落ちる原因を調べる - Griever 検証。 このページを開く→http://www.utamap.com/searchkasi.php?searchname=title&word=%89%CC&act=search&sortname=1&pattern=1 そのページで Remove_blank.css を有効にする。 oAutoPagerize も有効にしてリロード。 下スクロールすると2ページ目が継ぎ足されるべきタイミングでしばらく固まって、Operaが落ちる。 上の記事の id:os0x さんのコメントにあるように、173行目が悪さをしているみたい。 しかし、その行に相当する動作を後から実行すると落ちない。 本当に微妙なタイミングの問題みたい。 401行目付近。 document.b
HTML と XHTML で同じ XPath を使う: Days on the Moon
通常、XPath を書くときは //p のようにすることが多いと思いますが、これには名前空間の指定が含まれていないため、XHTML 文書 (MIME タイプが application/xhtml+xml で提供されている文書) では使えません。これに対するアプローチとしては、//h:p のようにあらかじめ XPath 式に名前空間の指定を含めておき、リゾルバによる名前空間接頭辞の解決時に HTML と XHTML とで処理を分けるというのが一般的でした。「XPathNSResolver のクロスブラウザとか」や「document.contentType == "application/xhtml+xml"なページでの$X」で扱っている方法です。 とはいえ、いちいち名前空間接頭辞を指定するのは面倒くさいですし、同じ名前空間に対する接頭辞が人によって違うのも不便です。XPath 式の中で要素名
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Code Archive - Long-term storage for Google Code Project Hosting.
Google Code Archive - Long-term storage for Google Code Project Hosting.
Opera's Developer Relations Team - Opera 10.60 moves to the beta zone
JSONPの遅延ロード