ワリオランドシェイクみたいに 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
jQuery の配列系のメソッドをメモ - てっく煮ブログ
JavaScriptjQuery は機能が豊富なので、しばらく使わないと忘れてしまう。ここでは、jQuery と配列の関係に絞って目的別に逆引きできるようにしておく。配列から jQuery オブジェクトを作成$ 関数に渡せばOK $([1,2,3]) NodeList のような配列っぽいものを渡しても解釈してくれる。 $(document.getElementsByTagName("div")) // $("div") と同じ ※内部的には setArray メソッドが呼ばれてるが、外から使うことは稀。jQuery を配列のように扱う要素数を取得するlength プロパティを使えばOK。 $("div").length // document.getElementsByTagName("div").length と同じ jQuery のメソッドを使って操作する限りは、適切に length
jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ
JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){
AS3 を手軽に開発・投稿できるサービス Wonderfl がとてもいい感じ - てっく煮ブログ
asKAYAC さんがリリースした（まだ正式リリースはしていない？） Wonderfl Build Flash Online がとてもよい感じ。 Wonderfl Build Flash Online手軽に開発ブラウザ上で ActionScript3 のソースコードを書いたら、リアルタイムでコンパイルしてプレビューできます。Flex SDK と rascut を導入 すれば同じような感じで開発はできるんだけど、開発環境を整えることなくブラウザ上で手軽に試せるのがとてもよいですね。お手本を元に勉強し放題しかも、他の人のソースとかも見れて、気になるやつは Fork して自分でいじって遊ぶこともできる。お手軽だー。私も Hello World!!! | Wonderfl Build Flash Online というソースを試しに作ってみたのですが、それを Fork して いい具合に改造する人が出
もっとevalされるべき - リリカル☆Lisp開発日記
もっとevalされるべきとは、「もっと評価されるべき」のLISP方言である。 eval関数は、プログラムを評価する関数で、詳細については、Wikipediaのevalの記事を参照。 (もっとevalされるべきとは (モットイーバルサレルベキとは) - ニコニコ大百科) ねーよｗｗｗｗｗ
Inside Ex DOM Storage - 日向夏特殊応援部隊
Ex DOM Storage の中の実装ですが、結構苦労したので折角だから解説しちゃうぞ的なエントリです。 なので興味のある人以外にはだいぶニッチですw Ex DOM Storage の技術的概観 簡潔に書いてしまうと以下の二点につきます。 データの格納先は userData behavior Storage オブジェクトの実態は script 要素に適用した element behavior userData behavior とは？ userData Behavior とは、IE が標準で用意しているクライアントサイドストレージです。 使い方は非常に簡単で、 element.addBehavior("#default#userData"); element.load("myStorage"); element.setAttribute("myData", "blah blah"); e
Ex DOM Storage をリリースしました - Yet Another Hackadelic
結構前に作っていたんだけど、IE6, IE7 でも動作する DOM Storage を作ったので、きちんと告知します。 追記 ちなみにサーバーにファイル置くだけで動きます。ユーザーに何かインストールさせる必要はありません。(2008-09-24T11:45:56+09:00) CodeReposにソースを移動しました。(2008-09-24T12:37:24+09:00) Ex DOM Storage dist http://svn.coderepos.org/share/lang/javascript/exdomstorage/tags/0.01/ source http://svn.coderepos.org/share/lang/javascript/exdomstorage sample http://svn.coderepos.org/share/lang/javascript/
クロスブラウザな onhashchange イベント (作りかけ) - 日向夏特殊応援部隊
今更 IE8 の話なんて遅れてる感満載な訳ですが、IE8 からは onhashchange イベントと言う location.hash の値が書き変わったら発火するイベントが出来ました。onhashchange イベントについては下記参照。*1 winow.onhashchange - Thousand Years hashchange - Event reference | MDN で、これなんですが location.hash にアプリケーションの状態を保持したいなんて言う、"えいじゃっくす" 的なコンテンツの場合、かなり使えるじゃないすかと。*2 クロスブラウザで行けるかもなーと思って試しに書いてみました。まだ作りかけ。 ソースコードと解説 (function() { var createEvent = function() { var evt; if (document.creat
JSTweener ライクなアニメーション code snippets - os0x.blog
JSTweenerライクな軽量アニメーションが手軽に実現できる、tween.jsというのを書いてみました。 Greasemonkey Script を書く際に、@requireで手軽に使えるサイズのシンプルなアニメーション code snippets がほしかったので、強引に18行という短さに収めています。手軽に使いたいので、サンプルコード扱いで、自由に使用、改変して頂いてOKです。一応IE6, Firefox2, Safari3*1, Opera9で動きます。それなりにクロスブラウザです。 とりあえずサンプル Tweener Example(XHTML) Tweener Example2(XHTML) (半透明のdivを4枚重ねているので、少し重いかも) 簡単な使い方はこれだけ。 var div = document.getElementById("simple-header"); di
arguments.callee.caller で UserJavaScriptのソース取得 - os0x.blog
最初に要点を述べると、UserJavaScriptのソースはサイト側のScriptから取得することが不可能ではないので、UserJavaScript にパスワードなどを書き込む必要がある場合は実行を許可するサイトに十分に気をつけましょう(そもそも書き込まないで済むならそれに越したことはない)。というお話です。 Function.caller 9.60 beta 1 RCからFunctionにcallerプロパティが追加され、関数の呼び出し元を参照できるようになりました。caller は非標準ではありますが、FirefoxやIEでも以前から使えているようです。 そして、サイト側のScriptで、UserJavaScriptが呼び出すであろうメソッドを上書きしておくことで、UserJavaScriptの処理をフックし、そこから .caller を辿って UserJavaScript のソースを
IEでのテキストノード走査の高速化 - os0x.blog
に釣られて。 HatenaStar.js 1380 行目 テキストノード走査 一番のボトルネックはやはりここですね。IEなので、こんな感じでベタに計測。 makeTextNodes: function(c) { if (c.textNodes || c.textNodePositions || c.documentText) return; if (Ten.Highlight.highlighted) Ten.Highlight.highlighted.hide(); c.textNodes = []; c.textNodePositions = []; var isIE = navigator.userAgent.indexOf('MSIE') != -1; var texts = []; var pos = 0; var st = new Date*1; (function(node,
Passwords Generator
パスワードを大量に自動生成します。パスワードに使用する文字、長さ、文字の構成パターンなどをカスタマイズできます。生成したパスワードの強度を数値で表示します。パスワード生成処理のすべてはあなたのパソコン上で実行するため安全に使用できます。フォーム内の該当するパラメータにマウスを重ねると簡単な説明が表示されます。応用的な使い方はGraviness Blogを参照してください。
先週のおハマり - （ひ）メモ
ニューマシンをknoppixのCDで立ち上げる fdisk, mkfs, 適当なところにmount んで、sshdを上げる 隣のサーバで、tar -C / --exclude '/procとか/sysとか要らないとこ' -cpf - . | ssh new_machine 'tar -C / -xpf -' などとする あとは chroot /mnt/root grub-install とかすれば複製完了。 のはずが、 grub-installが実行できない この理由は簡単で、ブートしたknoppixはi386で、複製元になったサーバはx86_64だったため。とりあえず手元にあった x86_64なUbuntu Desktop Editionで起動してgrub-installしてOK。あとで、knoppix-x86_64-v5.1.1CD-20070412.iso を焼いた。(v5.3.1で
はてなブックマークを使ってはてな福袋をもらおう！とは - はてなキーワード
職場や学校で見つけたページをオンライン上に保存して、自宅のパソコンやケータイなど、どこでも見られる便利な「はてなブックマーク」。期間中にはてなブックマークを利用開始すると、合計20名様にはてなTシャツを含むはてなグッズが入った福袋がもらえるプレゼントキャンペーンを実施中です。 ぜひこの機会にはてなブックマークをはじめて、あなたのネットライフをもっと便利にしてみませんか？ なお、すでにはてなブックマークを使っている方もご安心ください。このキャンペーンページをあなたのブックマークに追加するだけで、プレゼントキャンペーンに応募が可能です。 ※ブログにキーワードを書いても、今回は抽選対象にはなりませんのでご注意ください。 より詳しい応募要項につきましては、下のキャンペーン応募要項をご覧ください。
ウノウラボ Unoh Labs: 5分くらいで知るScala
はじめまして。今月入社した内田です。 以前は業務系のSI会社に勤めていたので、Web系という畑の違う環境に少々戸惑うこともありますが、最近少しずつ慣れてきました。 今回は先日、社内勉強会でやった「Scala」について5分くらいで紹介したいと思います。 Scalaとは 関数型言語とオブジェクト指向言語の特徴を統合したマルチパラダイム言語です。 主にJavaVM上で動作し、他にも.NET Framework、Google Android等でも動作が確認されています。そしてJavaや.NET等の既存の豊富なライブラリを使用することが可能です。 このあたりはwikipediaに詳しく書かれています。 Wikipedia:Scala 約1年程前には日本でのScala人口は1桁とも言われていましたが、最近では各地で勉強会が開催される等盛り上がりをみせ、「次の言語」として注目されています。個人的にSca
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 式の中で要素名
影鷹 (kagetaka.org)
2005/10/10 影鷹のバナーを追加しました。実際の影鷹の方ですが、内部的に改造しやすいように分解したきり、そのままになっています・・・。今年末くらいまで忙しく、しばらくリリースできそうにありません。申し訳ございません。開発は続けるつもりですので、気長にお待ちくださるようお願いいたします。 2005/05/09 影鷹のバナーの募集をしていましたが、それらをまとめたページを作成しました。ロゴ に提供していただいたバナーがありますので、ご自由にお使いください。みなさま、ありがとうございました。これで締め切りというわけではなく、常に募集していますので、いつでも投稿してください。 2004/11/19 0.4 をリリースしました。大変お待たせいたしました。正式版は約一年ぶりですね。0.4b2 からは、多数のバグ修正と、アンチエイリアシングのサポートを行っています。0.3.1 からの変更点はたく
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HisasAnn.com is for sale | HugeDomains
〈 SL 〉: last.fm のミュージシャンのつながりをグラフ化
【JavaScript】【WSH】Dateオブジェクト | Graviness Blog
preventDefault() and stopPropagation() - higeorange's blog
一本道 期間限定スペシャルー無料お試し開始！