Array#remove(Array#indexOfの第二引数の使いかた) - 素人がプログラミングを勉強していたブログ
indexOf - MDNによると、Array#indexOfの第二引数を指定すると、途中から検索できるらしい。 これを使って、Array#removeを実装すると、毎回、全部をindexOfで探索するよりかなり速くすることができる。 Array.prototype.remove = function remove() { var self = this; Array.forEach(arguments, function (target) { var current = 0; while (~(current = Array.indexOf(self, target, current))) Array.splice(self, current, 1); }); return this; }; Array.remove = function remove(target) { return
Scroll your HTML with jquery.scrollable.js
05/22/2008 - Tero Piirainen, download version 0.11 Features I want to take a bunch of HTML nodes and do following things with them make those items scrollable horizotally or vertically decide how many items are visible at once scroll elements with mouse, arrow keys and mousewheel (requires mousewheel.js) make navigational buttons without programming have programmatic actions: next, prev, nextPag
AutoPagerizeをサーバーサイドから配布する - てきとうらいふ
こんにちは、フリーランスのビール係、kimzoです。 最近はDDDを実践する毎日で、飲んでから書くコードがカオスで楽しいですね。なんじゃこりゃー！って遊べる。 AutoPagerizeは素敵だけど ところで、AutoPagerizeという便利なUserscriptがありまして、googleだろうとtwitterだろうと、「次へ」ボタンを押す必要なくスクロールで先読みしてくれるナイスガイで快適ネット廃人ライフの強い見方なのです。 ですが、このネットサーフィンラクチンツールはgreasemonkeyというのを入れたブラウザー上で、ユーザーがスクリプトを読み込んで初めて機能するのですが、当然、世の中はそんなの入れる変態さんばかりじゃないのです。 なので、このナイスガイのナイスな機能の恩恵に預かれるのはたった一部の変態さんに限られてて、それはもったいないなーと思ってました。 サーバー側で配布しちゃ
様々なブックマークをミックス！ - チャートマニアックス
チャートマニアックスを使うと、様々なサイトのアクセスチャートを見ることができます。
選択した文字列を7種類もの形式に変換してくれるブックマークレット「SelectConvert.js」 | Creazy!
いままで、ちょっと便利になるブックマークレットを色々作ってきたんだけどブラウザのブックマークツールバーがゴチャゴチャしてきちゃったので、まとめたいなぁと思っていました。 そこで、WEBページ上で選択した文字列から他の形式に変換させるブックマークレットを集めて少し高機能なものを作ってみました。 SelectConvert.jsというベタな名前にしてみましたw WEBページ上の文字列を選択した状態でブックマークレットを実行すると、LightBox風（？）にダイアログがでてきて各種変換した文字列をコピーする事ができます。 Bookmarkletのインストール SelectConvert 上記リンクをブックマークして下さい。 ・IEの場合は、右クリックして「お気に入りに追加」 ・Firefoxの場合は、右クリックして「このリンクをブックマーク」 ・Safariの場合は、ブックマークバーにドラッグ＆
わずか1.7キロバイトのJavaScript マリオ風のゲーム （脱力系） - 主に言語とシステム開発に関して
1.7キロバイトのJavaScriptで，一応，右画像のようなスーパーマリオ風のゲームができた。 (１．３キロバイトに改良されました。) こちらからプレーできます http://www.name-of-this-site.org/coding/game/aamario.html 遊び方： 右・左キーで移動，上キーでジャンプ。 「栗」と「亀」（クリボーとノコノコのつもり）は上から踏める。 「棘」（トゲゾー）は踏めない。 たまに「砲」（キラー）が飛んでくる。 しだいに敵の出現が速くなる。 Firefox3とIE7で動作確認済。 「七行プログラミング」の「七行テトリス」を見て感化された。 わずか565バイトテトリス http://zapanet.info/blog/item/1130 自分のはその3倍で，２２行（×79文字）もあるので，ショートコーディングとは言い難いけども… 下記はソースコード
逆引きCSSハック(IE8,Firefox,Opera,Safariを含めたブラウザ別CSSハック)
cat888 live เว็บไซต์ของเราได้รับการรับรองว่าเป็นเว็บพนันที่มีคุณภาพเยี่ยมที่สุดในประเทศไทยสำหรับการพนันออนไลน์ เว็บพนันที่มั่นคงและปลอดภัยที่สุดสำหรับการเดิมพันออนไลน์ที่ทำการเงินอย่างมั่นคงและปลอดภัยและรับรองความเป็นส่วนตัวของคุณในการเล่นเกมพนันที่นี่. ทางเรามุ่งเน้นให้ประสบการณ์การพนันออนไลน์ที่ไม่ซ้ำซากและน่าสนุกที่สุดเลยค่ะ! cat888 หวย เมื่อคุณมีความระมัดระวังในการพนันออนไลน์ คุณจะมั่นใจได้ว่า
JavaScript の高速化その2 「全てを疑い、自分の目で確認すること」 - latest log
こういう泥臭い資料作りもやってるので、一応書き残します。 問題1. array.length へのアクセス var ary = new Array(100000); な配列があるとします。 IE6環境下で、配列の長さを求める方法を、早い順に並べてください。 TEST1. a.length; TEST2. var L = "length"; a[L]; TEST3. a["length]"; 正解は、TEST1 < TEST3 < TEST2 です。 Browser TEST1 TEST2 TEST3 総評 Chrome 1 1 1 全て同じスコア Safari 1 2 3 TEST2はTEST1の2倍, TEST3に至っては3.4倍スコアが違う Opera9.27 1 1 1 全て同じスコア Opera9.6β 1 2 2 1.3倍スコアが違う Firefox2 1 2 1 TEST1とT
高速化 - latest log
昨日がベンチマークだったので、今日は速度について。 いつまで教科書を信じてるんだい? プログラミングの教本には、「ループ」がこのように書かれています。 これはよく見られる記述ですが、最も遅い書き方です。 var ary = [...]; var i; for (i = 0; i < ary.length; i++) { なにか }ループ毎にlengthを再評価しなければ、ちょっと早くなります。 var ary = [...]; var i; var sz = ary.length; for (i = 0; i < sz; i++) { なにか }i++ を ++i にするとさらに早くなります。 var ary = [...], i = 0, sz = ary.length; for (; i < sz; ++i) { なにか }これらの些細な修正を施すだけで、単純ループなら5〜8%は高速化
こっそりと特定の要素をマーキングし取得する - latest log
CSS + JavaScript(uupaa.jsも)を使い、ユーザに悟られないように要素をマーキングし、要素を特定する方法です。 昨日までの一連のエントリから、ユーザに知られずに要素をマーキングする妥当な方法がやっと見つかりました。 IE なら ruby-align: center を、その他のブラウザなら outline: 0 solid black を使う。 outline: は各ブラウザともバグだらけで、まだまだ現役で使えないプロパティだから、こういう用途にはもってこい outline: 0px solid black を指定すると実際は描画されない(描画されているかもしれないが見えない) IE は outline: に対応していないため、ruby-align で代用する。ruby-align は IE 独自機能なので安心して使える。 できた。 以下が、CSS :hover と一致
jQueryのみでLightboxっぽいものを実現する方法 - F.Ko-Jiの「一秒後は未来」
梅酒.inのトップページにある「梅酒がウリな飲食店」というコーナーにある画像をクリックすると、Lightboxっぽく情報を表示するようにしています。 ↑ こんな感じ。 Lightbox効果を実現するライブラリは検索すれば色々と見つかると思いますが、ここではライブラリはjQueryのみとして、どのようにLightboxを実現したかを説明します。 処理のおおまかな流れは以下の通りです。 select要素を隠す (IE対策) ページ全体に半透明の黒いレイヤーを表示する 表示領域の中央に目的のコンテンツを表示する 1. select要素を隠す IE6ではselect要素にz-indexが定義されていないため、レイヤーのz-indexをどれだけ大きくしても、IE6ではselect要素がレイヤーの下に隠れることはありません。そのため、ページ上にあるselect要素を隠す必要があります。 jQueryで
IE5〜IE7でも、RFC2397(Dataスキーム, DataURI)を使えるようにした! - latest log
IE5,IE5.5,IE6,IE7 とおよそ10年に渡り、実装されなかった機能の一つに、Dataスキーム(DataURI) が あります。 uupaa.js version 0.6(近日中にリリース予定)では、DataURI をデコードする機能をエミュレートします。 DataURIって何 ラリーさんがRFC2397で提唱したデータスキームのこと。 ラリーさんってのはこの人。スパタさんにも見えるけどたぶん違う。 平たくいえば、 HTMLファイルに小さなアイコンや 1x1ドット のスペーサーを文字列化して埋め込める。 サーバとネットワークにやさしい仕様。 テキスト + アイコン数個で構成されるページなら、HTMLファイル1個だけで完結することもできるのが魅力。 # 小さな画像をチョコチョコ取得するのって、コスト高 # 負荷軽減の別解としては、小さな画像を1ファイルに敷き詰めて、CSS + cl
透過png専用のJavaScriptライブラリ(uupaa-suketrans.js) - latest log
Google Code Archive - Long-term storage for Google Code Project Hosting. から透過png処理だけを抜き出し Google Code Archive - Long-term storage for Google Code Project Hosting. としてリリースしました。 IE5.5とIE6で、アルファ成分を含むpng画像を自動的に透過処理します。 背景画像については、class="alpha" か class="png" が設定されている要素のみを透過処理します。 以下の要素が透過対象となります。 <img src="*.png"> <input type="image" src="*.png"> <* style="background-image: url(*.png)" class="alpha"> <*
完全に状況を掌握した画像の遅延読み込みの実現 - latest log
IE8の挙動について追記しました。 IE8は、img.complete は 画像読み込みでも true になりません(falseのままです)。 そのかわり、img.readyState が "complete" になります。 JavaScriptでの画像の動的/遅延読み込みといえば (new Image).src = URL; なんですが、 タイムアウトやエラーの状況を把握したい時もあったりします。GoogleMapライクなアプリを作ってるときとか。 今回ちょっと必要になったのでまずは調査から。 以下のコードで、存在しないファイル(missing.jpg)を読み込ませ、実行経路を確認してみます。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://w
gravity! demo by Eric Seidel
I saw this crazy wii ad yesterday. But I knew it could be done in the browser (not using flash like they did). So I stayed up all night last night and hacked together a demo... This demo requires Safari. For best performance I suggest using a WebKit Nightly build. Install the bookmark in Safari Click and drag up to your toolbar. Now surf to any page (like Apple or Google or Yahoo!), press the "gr
Box2DJS - Physics Engine for JavaScript
Click this image to start demos. Note that it takes long time to load the page. Left-click to create an object. Right-click to show next example. What's this Box2DJS is a JavaScript port of Box2D Physics Engine. To tell the truth, this is converted from Box2DFlashAS3_1.4.3.1 in an automatic manner. (The reason why not Box2DFlashAS3_2.0.0 based is simply because I overlooked the renewal.) How to us
ワリオランドシェイクみたいに HTML が崩壊するブックマークレット（とそのソースコード） - てっく煮ブログ
as, box2dワリオランドシェイクと YouTube のコラボプロモーション が面白かったので、似たようなものを作ってみました。次の文字列をコピーしてアドレスバーに突っ込むと、HTML が崩壊します。javascript:(function(){var d=document; var s=d.createElement("script"); s.charset="UTF-8"; s.src="http://tech.nitoyon.com/meltdown/meltdown.js?"+(new Date()).getTime(); d.body.appendChild(s)})();崩壊するのは画像だけなので、画像があるページで試してみてください。このブログだとこんな具合。画像はドラッグすることも可能です。あまり画像が多いと重くなりすぎるのでご注意を。仕組みFlash と JavaSc
Ext Japan - Ext JS / Ext GWTのライセンス・サポート・研修・コンサルティング
JavaScriptやCSSの基礎からカスタムコンポーネントやCSSテーマの作成まで、Ext Japanのメンバーによる実践的なトレーニングで、開発チームが革新的なウェブUIを作成するための方法を一斉に習得できます。(2008年10月サービス開始予定) Ext JS 2.2 Ext JSはリッチインターネットアプリケーション開発のためのクロスブラウザ対応JavaScriptライブラリです。 高性能でカスタマイズ可能なユーザーインターフェイス 優れた設計、文書が豊富、拡張性の高いコンポーネントモデル 商用ランセンスとオープンソースライセンスが利用できます The Ajax Experience 2008でExt JSが紹介されます (英文) July 23, 2008 Jack Slocumと私は、2人の開発者による注目のセッションに参加します。今月末に開催されるThe Aja
IEの <pre>.innerHTML で複数のスペースを入れる方法 - 葉っぱ日記
IEでは <pre>.innerHTML に連続したスペースや改行を入れると、単一のスペースに置き換わってしまいます。 例えば次のようなJavaScriptをIEとFirefoxで実行してみると: var s = "0123456789ABCDEF\n a b c d"; var pre = document.createElement( "pre" ); pre.innerHTML = s; document.body.appendChild( pre ); IEの表示: Firefoxの表示: IEでは、複数の連続したスペースや改行文字が全て単一のスペースになってしまっています。改行文字を "<br>"に置き換えて、createTextNode() すれば解決しそうな気もしますが、 var s = "<span style=\"color:red\">0123456789ABCDEF<
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ