2006年10月03日05:50 カテゴリ perl+javascript - IEでdata:スキームを有効に! やろうと思えばできるものですねえ。 [JavaScript] dataスキームURI生成（画像データのBase64変換） 残念ながら Internet Explorer は data スキームに対応していないので利用できません。 [を] HTMLファイルに文字列として画像データを埋め込む表示は IE6 ではだめだけど、Firefox だとOK。今は亡きMac IEでも見れました。以下、data:スキームによるアイコンが二つ。 要は、中で駄目なら外に出してしまえばいいということです。inside outなので、dataを裏返してatadとしています。 atad.cgi #!/usr/local/bin/perl -T # # $Id: atad.cgi,v 0.1 2006/1

2006年09月28日02:00 カテゴリLightweight Languages javascript - DOMMakerで楽々DHTML DHTMLは便利なものだが、DOM関連の関数でHTMLを「描く」のは、あまりに面倒だ。 たかだか <a target="blank" href="http://blog.livedoor.jp/dankogai">404 Blog Not Found</a> とやるのに、 var a = document.createElement('a'); a.setAttribute('target', 'blank'); a.setAttribute('href', 'http://blog.livedoor.jp/dankogai'); a.appendChild(document.createTextNode('404 Blog Not Found'

ずきんさめがご所望みたいなので。手を抜きまくりなのでIE限定。自由にHTMLタグも入れられます。 手を動かしてると、話が止まる。 話していると手が止まる。 話と手の両方を進めようとすると、思考が止まって全てが止まる。 というわけで、ものすごい勢いで非実用的でした。 ちなみに、これを使いつつバイナリエディタでメールの文字コードを書き換えるというプレゼンをしていると、会場の中の人に「こんなプレゼンあり得ない」とか言われちゃいますた。（；´Д｀） 追記。具体的な解説乙です、こじませんせい （；´Д｀） ちなみに、このときの壊れたメールの例はここにあります。IEだと、eml形式は勝手に添付ファイルを削除してくれてワケわかんなくなるので、他のブラウザや wget で見たほうがいいです。 さらにちなむと、会場で某人が試してくれたのですが、Vista 人柱バージョン上の Windows メールでも OE

研究ねたは堅苦しいので、一休み。 まだはやりものですし、Ajaxについて書いておこうかと思います。すでにいろいろな人がAjaxについて書いているので、いまさらと思われるかもしれませんが、どうやらこれについてはまだ誰もきちんと明文化していないように思えるので。 Ajaxがはやった理由は、ブラウザに何もプラグインを足さない状態で、ユーザーインターフェースを劇的に向上させたからであると説明されることが多いのですが、私は少し違った見方が重要なのではないかと思っています。 Ajaxの裏の思想は、JavaScriptに出来ないことなら、サーバー側でやってしまえというところにあります。同期通信でこんなことをやってしまうと、とてもユーザーインターフェースとしては使い物にならないのですが、最近のリッチなネットワーク環境のおかげで、非同期通信なら、サーバーにちょくちょくリクエストを投げてしまっても、その間にU

たった1行のJavaScriptコードでInternet Explorerをクラッシュさせる方法が発見された。 何故、これで落ちるのかと言う技術的な話が、id:shogo4405:20060903に書いてある。どんなパターンで落ちるかは、id:Mug:20060904:1157386710で網羅されている。ショートコーダー(例:id:yaneurao:20060607)としては、これに突撃しないわけにはいかないだろう、とid:Ozyさんが奮闘したものの、 for(i in open) より短くはなりそうにない。 ところで、このバグは悪用されたりしないのだろか？任意のコードを実行されたりしないのだろうか。誰か検証求む。

未だにちょくちょくみてしまうprototype.jsの簡単なリファレンスであるDeveloper Notes for prototype.jsの日本語版とThe Document Object Model in Mozillaで配布されているGecko DOM ReferenceのZIP version (古い奴)をHTMLヘルプにしてみた。HTMLヘルプはちょっと作ってみちゃったりすると、HDD上にあるありとあらゆるHTMLのドキュメントをHTMLヘルプにしたい欲求に駆られてしまう・・・のは僕だけですか、そうですか。 prototype.jsの開発メモ Gecko DOM Reference prototype.jsの開発メモの方はHTMLに手を入れて、メソッドやプロパティにidを振り、キーワードでジャンプできるようにした。HTMLヘルプ向けにCSSもちょっと調整。チェックしきれてない説

JavaScript を学ぶ際に一番重要なのに、誤解されがちな setTimeout 系の概念 http://d.hatena.ne.jp/amachang/20060910/1157911122 上記はてブコメント http://b.hatena.ne.jp/entry/http://d.hatena.ne.jp/amachang/20060910/1157911122 JavaScriptがシングルスレッドなのは仕様？ http://d.hatena.ne.jp/ajiyoshi/20060911 でsetTimeoutの仕様について熱く語られている.私も興味を持ったのでざっと調べてみた. まず超基本的な話としてマルチプロセスなOSにおいて完璧な 時間制御というものは無理ということだ.これは話を極端にして ｢1万個ブラウザ立ち上げてきっちり1msecごとになにかをさせようとしたらちゃん

2006年09月08日15:55 カテゴリArtLightweight Languages javascript - prototype Haijin これにインスパイヤされて手慰みで。一句ひねるより速く書けたかも。 任天堂 百人一首 舞扇 任天堂 俳句の有限性と自己組織化するWeb：DESIGN IT! w/LOVE一方、俳人の正岡子規はあかさたなの五十音という限られた種類の文字を用いて、たった17音の組み合わされる俳句という形式の有限性を憂いていたといわれています。 みそひとじ　かたりつくせるわけもなし　かたるにたりる　こともまたなし FirefoxとSafariでは動作確認しましたが、IE 5では動きませんでした。IE 6なら動くと思うのですが。 ソースは以下のとおりです。 function Haijin(){ this.kana = []; var head = 'ぁ'.charC

ドットインストール代表のライフハックブログ

2006年09月06日16:15 カテゴリLightweight Languages ソースを貼付ける50の方法 いえ、50もありません。Paul Simonの歌のもじりです、はい。ちなみに6曲目。いいんです。Paul Simonだって50も紹介してないんですから。 i d e a * i d e a - ブログにコードを貼り付ける方法で悩むの巻 昨日のJavascriptの記事を書いていて思ったのですが、みなさんコードをブログに貼り付けるときってどうしているんですかね。<textarea>で囲む 身も蓋もないけど、一番実用性が高いのがこの方法かも知れません。 HTMLの精神からいくととんでもなく堕落した方法ですが、 コピペがしやすい たいていのブラウザーで、いちいちソース中のtagを実体参照化しなくてもちゃんとrenderされる という実においしい特典があります。実は一つ前のentryで

2006年09月06日15:15 カテゴリLightweight Languages javascript - youtube selector + 勝手に添削 たつをさんのYouTube plugin 4 charlowにインスパイヤされて、こんなの作ってみた。 [を] YouTubeプラグイン ## YouTube # usage: {{youtube('ID', 'size:1<2<3<4<5(default)<6<7<...')}} # Ex. {{youtube("e9-L68H0AHU", 2)}} sub youtube { my ($id, $size) = @_; $size = 5 if (not defined $size or $size < 1); my $url = "http://www.youtube.com/v/$id"; my ($w, $h) = (8

2006年08月30日18:30 カテゴリLightweight Languages javascript - シャッフルシャッフル なるほど。Schwartzian Transformの意外な利用法だなあ。 snippets from shinichitomita’s journal - JavaScriptの配列をsort関数でシャッフルする Array.prototype.shuffle = function() { return this.map(function(a){ return { weight: Math.random(), value: a } }) .sort(function(a, b){ return a.weight - b.weight }) .map(function(a){ return a.value }); } でも、実践ではどうだろう。調べてみた。