&AssociateTag=associate_id

もやしさんのところで紹介されていた、リクエストURL「http://ecs.amazonaws.jp/onca/xml～」のドメイン部分を、「http://xml-jp.amznxslt.com/onca/xml～」に変更したら、表示されるようになりました。

unsafeWindowが導入された経緯はこの辺り

Greasemonkeyの共通な落とし穴を避ける - minghaiの日記
http://d.hatena.ne.jp/minghai/20080101

ujihisa@会場
Q: JSにはヒアドキュメントがない?
A: ない
ヒアドキュメントってすごく大事だと思う

deguchi @会場
@ujihisa ヒアドキュメントの代わりになるものならあるよ
var text = <>
hoge
hige
</>
E4Xが実装されてるブラウザ限定だけど

ujihisa@会場
!

deguchi @会場
もちろんIEにはない！

ujihisa@会場
xmlリテラル的な感じ
scalaの
「またIEか」

repeatedly@会場
何かamachangの記事で見た記憶が > <>

ujihisa@会場

><><

37to@会場
これは便利

ujihisa@会場
><
↑amachangリテラル

yuya@会場
これは魚 ><>

37to@会場
innerHTMLにまるごと入れる時に、楽に出来る

ujihisa@会場
魚リテラル

hakobe
innerHTMLへの代入こわい

yuya@会場
ウオドキュメント

ujihisa@会場
ウオドキュメント

これまで作ったGreasemonkeyスクリプト まとめ
http://a-h.parfe.jp/einfach/archives/2006/1213180001.html

バターです。
http://www.kiy0taka333.sakura.ne.jp/scripts/guruguruimages.user.js

便利ツールcoconutsfineのインストールはこちらから http://gist.github.com/68420

[2008/08/11 13:23:58] deguchisの発言: 飲み会の場所どうしよ？
[2008/08/11 13:23:59] nektixeの発言: うまい魚食べたいね。
[2008/08/11 13:24:02] nektixeの発言: どこかない？
[2008/08/11 13:24:29] deguchisの発言: それだったら
[2008/08/11 13:24:30] deguchisの発言: まんまや　和坐(マンマヤ　ワザ)/ホットペッパー.jp
http://www.hotpepper.jp/A_20100/strJ000020882.html
[2008/08/11 13:24:31] deguchisの発言: ここオススメ。
[2008/08/11 13:24:33] deguchisの発言: 日本海から直送の魚を食わせてくれる。

飲み会の場所どうしよ？
うまい魚食べたいね。
どこかない？
それだったら
まんまや　和坐(マンマヤ　ワザ)/ホットペッパー.jp
http://www.hotpepper.jp/A_20100/strJ000020882.html
ここオススメ。
日本海から直送の魚を食わせてくれる。

• browseboost.user.js

若干わかりにくいですが、Googleで検索すると検索結果をバックグラウンドのタブ（赤線）で自動的に開きます。

開くページの数はスクリプト先頭の

OPENLIMIT

思いつきは、検索結果の最初の2つくらいはよく開くんじゃないかということ。
昔、Fasterfoxというリンクを先読みする拡張が、サーバーに負荷をかけるということで批判されてたけど、２つくらいなら許されるんじゃないかと。

GM_xmlhttpRequest でHTMLだけ先読みを試みるも、どうも体感的に先読みになってないっぽいので、GM_openInTab で表にこないタブに開いておくことにしました。
マウスでタブ切り替え、ワンキーでタブを閉じるとかできるようにしてる環境では便利かもです。

このスクリプト、LDRize のSITEINFOを共用することが出来ると思います。
いろんなページでタブ開きまくることになるので、便利かどうかはやってみないとわからないけど。
要望があればつけてみます。

PrintScreen::Run, C:\Program Files\WinShot\WinShot.exe -Copy -Rectangle -Close

@echo off
start C:\hoge\js\%1.js

for /R %%i in (*.html) do echo %%i && findstr /N %1 %%i
pause

@echo off
"C:\Program Files\Hidemaru\Hidemaru.exe" /gCwRUo,"C:\hoge\view\*.html",%1

たとえば、よく参照ようなディレクトリ(C:\Documents and Settings\ユーザー名\My Documents とか)を例えば「mydoc」キーワード登録しておくと、
notepad mydoc
といった感じでmydocを打つと、その後ろに、ちゃんと配下のファイルが自動補完されます。

• 複数タブに対応

new TabMaker('tab');
new TabMaker('menu');

• document.getElementsByClassName の使用をやめました。
  ページによっては非常に重いという指摘をいただいていたので、必要ないようにしてみました。
  

• ページの読み込みを待たずに、タブ表示を行うようにした。
  タブのHTMLの直後にタブ表示をする処理をいれることで、読み込むを待つ必要をなくしています。
  

• Flex 2 SDK （無償）と日本語パック
• Flex Compiler Shell(fcsh)
  http://labs.adobe.com/wiki/index.php/Flex_Compiler_Shell
  

package {

    import flash.display.*;  
    import flash.text.*;  

    //HelloWorld
    public class HelloWorld extends Sprite {
        //コンストラクタ
        public function HelloWorld() {
            //テキストフィールドの生成
            var textField:TextField=new TextField();
            textField.text="Hello AS3 World!";
            addChild(textField);
            trace(textField.text);
        }
    }
}

rascut HelloWorld.as -s

「log関数でデバッグ」のlog関数

外部ライブラリをローカルにダウンロードし、Flex2SDKのframeworks/flex-config.xmlのsource-pathタグの部分を編集します。

Twitter / AUSGANG SOFT: クーラーつけるとネットが切れる。二者択一。。。 http://twitter.com/nektixe/statuses/208569602

Twitter / uj: @nektixe 逆に考えるんだ。「暖房をつけちゃっていい」
http://twitter.com/ujihisa/statuses/208571982

Twitter / AUSGANG SOFT: @ujihisa いいや！限界だ！押すね！
http://twitter.com/nektixe/statuses/208581402

たいてい名言集をググってコピーしてくるんですが、それを簡単にしたいなと。
思ったので、「ジョジョの奇妙な冒険」の名セリフを自動表示するGreasemonkeyを書いてみました。

スクリプト

seliffromjojo.user.js

使い方

Twitterとmixiに対応しています。
自動で、テキストエリアにセリフがランダムに挿入されます。
テキストエリアの下の「JoJo!」ボタンでセリフを変更できます。

自動挿入をしたくない場合は、スクリプト冒頭のAUTO_STARTを

AUTO_START = false;

にしてください。「JoJo!」ボタンで挿入できます。

謝辞

素晴らしい作品を描きつづけられている荒木飛呂彦先生に感謝。

スクリプト中に埋め込んだセリフは、"ジョジョ 名言"でググると一番に出てきた↓のサイトのものを利用させていただきました。感謝。

☆ジョジョの奇妙な冒険名言集☆
http://www.gdh.fromc.jp/07.jojo/01.jojomeigen.html

以下のコードをFirebugで実行。得られたテキストを整形。

var proverb = [];
var text = $x('//p');
text.forEach(function(tx){
    proverb.push(tx.innerHTML.replace(/<\/?[^>]+>/gi, '').replace(/\n/gi, ''))
});
copy(proverb.toString());

余談

もともとTwitter用に作ってました。
が、試してもらおうと思った@ujihisaがいつのまにか退会してたので、mixiにも対応してみました。

設定で、他のサイトでも使うようにできます。

>>ユーザースクリプトの管理>>include(ユーザースクリプトを実行するページ)指定することで。
ただし、ページの最初のテキストエリアに自動挿入する仕様です。

他にもドラゴンボール、スラムダンクなどあるといいなぁ。

本当は名セリフを集めるサービスを作りたいのだけど、とりあえずやってみたいことの簡単な実例ということでつくってみました。

Todo:キーワードのインクリメンタル検索で、好きなセリフを挿入できるようにする。

2007.12.10 追記

インクリメンタル検索機能を追加しました。

フィルインメッセージって？

↓こんなやつ。

ブラウザの検索窓などに使われていて、ちょっと使いやすくなるっぽい効果を与えます。

prototype.jsで簡単にこの効果をつけられるライブラリを作ってみました。

ダウンロード

http://a-h.parfe.jp/einfach/archives/fillin.js

使い方・サンプル

<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="fillin.js"></script>

prototype.jsのあとにこのライブラリを読み込んで
以下のように書くと

<input type="text" id="sample_text1">
<script type="text/javascript">
Event.observe(window, 'load', function(){
	new fillin('sample_text1', 'Google', '#999');
});
</script>

↑こうなります。

fillin('<対象のＩＤ>', 'フィルイン表示するメッセージ', 'メッセージの色');

という指定ができます。

サンプル２

↓のようなコードを書くと↑になります。

<script type="text/javascript">
Event.observe(window, 'load', function(){
	new fillin('sample_text', 'ここに入力', '#CCC');
	new fillin('sample_text2', 'こちらも有効', '#CCC');
	new fillin('sample_textarea', 'テキストボックスでもＯＫ', '#999');
});
</script>

サンプル3

フィルインメッセージを表示させた個所に入力がされていないと、
フォームを送信できなくなる機能もつけておきました。

<form method="get" action="/" id="sample_form">
<input type="text" id="sample_text5">
<input type="submit">
</form>
<script type="text/javascript">
Event.observe(window, 'load', function(){
  new fillin('sample_text5', '入力しないと送信できないよ', '#CCC', 'sample_form');
});
</script>

↑のように4番目の引数に、フォームのIDを入れておくだけです。

蛇足

少し改造すれば、Google desktopの検索窓のように背景画像をフィルイン表示するのも可能かも。

「時代はjQuery！」という方には、同様の機能の、ｊQuery用プラグインが↓で公開されてます。

abui.nowa.jp - fillinメッセージギミックを実現するjQueryの拡張プラグイン
http://abui.nowa.jp/entry/8bff791a51

Kanasan.jsって？

関西でJavaScriptの小さい勉強会を開くことになった (Kanasansoft Web Lab.)
http://www.kanasansoft.com/weblab/2007/10/javascript_1.html

Shibuya.JSが盛り上がっているのを関西から見ていると非常に悔しい。関西にも同様なコミュニティはないのか。 https://twitter.com/kanasan/statuses/342758542

Twitter上のkanasanのこの発言から始まった関西ＪＳイベント。
同様の思いを持ってた人は僕も含めてかなり多かったのではないかと。

リバース風邪で前の晩から何も食べないまま、ふらふらしながら蛍池に。
20数人の参加者。かなり多い。
やっぱりTwitterで知ったひとの割合が多かった。

内容

Kanasanによる基調講演。
プロジェクターが調達できなかったらしく、みんなでMacbookにわらわらと群がりながら聞く。
2台のMacbook＋Keynoteをリモコンを使って交互に操作して笑いを誘いつつ、Javascriptの基本から。
かなりこの時点でけっこう高度かも･･･という予感。

Prototype.jsのソースをコードリーディング
前半は、みんなでリーディング。
途中で、休憩後、初心者と上級者にわかれてリーディング。

前半の感想。

オレ、Javascriptというプログラム言語のことって全然わかってないな～と。
誰かも言ってたけど、使い方の部分はそこそこ知ってるけど内部の動作とか仕様の部分なんてもう知らないこと多くて新鮮だった。

異様に仕様にからむ話多いよ。
すごく正確なひとがいらっしゃり、
この人、頭の中に仕様書が入ってるのでは？と思うほど。
隣のかた（nityonさん）によるとDays on the Moonの方だった模様。

せっかくなのでustream配信でもしてみようとカメラ持っていったのに、マイクを忘れ、音なし配信になってしまった。。。見てた人すんません＞＜

以下メモ書き。参加者のつぶやき、つっこみなど。
耳コピなので内容は正確じゃないかもしれません。

  truncate: function(length, truncation) {
    length = length || 30;
    truncation = truncation === undefined ? '...' : truncation;
    return this.length > length ?
      this.slice(0, length - truncation.length) + truncation : this;
  },


truncateのデフォルト値は30
いい感じなのが30なのか？


__proto__
は宿題


  stripScripts: function() {
    return this.replace(new RegExp(Prototype.ScriptFragment, 'img'), '');
  },

img?イメージタグ？？
正規表現か
imgは間違いやすいだろ!!


↓こっちのが処理速度が速い？

Object.extend(String.prototype.escapeHTML, {
  div:  document.createElement('div'),
  text: document.createTextNode('')
});


unescapeHTML
toQueryParams
の対比
哲学の違い？

o.prototype ← functionのみ
o.__proto__ ← すべてのObjectに存在する


  toQueryParams: function(separator) {
    var match = this.strip().match(/([^?#]*)(#.*)?$/);

?,は使えないブラウザがあるかもしれない？


  underscore: function() {
    return this.gsub(/::/, '/').gsub(/([A-Z]+)([A-Z][a-z])/,'#{1}_#{2}').gsub(/([a-z\d])([A-Z])/,'#{1}_#{2}').gsub(/-/,'_').toLowerCase();
  },

gsubはRubyライクな置換をするため？


JSON多い
これなに？
読むの嫌になってきた。。。
コメント欲しい。。。。

  isJSON: function() {
    var str = this.replace(/\\./g, '@').replace(/"[^"\\\n\r]*"/g, '');
    return (/^[,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]*$/).test(str);
  },

r-u はrstu?

どんなときに使うの？


with (String.prototype.escapeHTML) div.appendChild(text);

evalする回数を一回減らす
百円のものを99円で買うようなもの？

後半の感想。

他の人も書いてらっしゃるがレベルが高すぎて呆然とした。
なんていうかプログラム知識のレベルが。
RubyとかHaskellとかLispの話についていけない～。でもつっこみが笑える～。

途中、空腹で朦朧としてたときに配られたお菓子がありがたかった。
お酒のつまみとしか思えない噛み切れない干物とかもあったけどｗ

そんなこんなで非常に濃くてついてくのも必死だったけどおもしろかった。
今回、十分の一まで進んだ。あと十回あり？

なんか最近、私事で忙しく、プログラムへの熱意が薄まってる気がしてたのだけど、もっとできる限り勉強しようと思った。

主催者曰く、

「家に帰ってレポートを書き、主催者のブログにトラックバックを送るまでが勉強会です」

ああ、やっとオレのKanasan.jsが終わる。楽しかった。
2回目も参加したいっす。

楽しいイベントを開いてくれたkanasan、裏の仕掛け人ujihisa、参加者のみなさんに感謝。

最近、Javascriptで開発していて、ブラウザ依存のバグに出会うことが多いので、実例をメモ。
原因と対策は、リンク先を参照されたし。

ifreame上のinput、textareaからキャレットが消えるバグ

Windows版Firefoxで発症。

実例

↑の場合は、背景のオーバレイDIVを消したら、治った。

Bug 226933 - Caret vanishes in input form elements over iframe - lambda {|diary| lambda { diary += 1 } }.call(hatena)
http://d.hatena.ne.jp/winebarrel/20070814/p1

透明のオーバレイDIVを表示すると勝手にFlashが消えるバグ

Mac版Firefoxのみ発症。
透明度が関連するので、DIVのフェードイン、フェードアウトのエフェクトでも再現した。

実例

Bug:Flash Disappear in Firefox on Mac
http://www.hedgerwow.com/360/bugs/opacity-disable-flash-on-mac-firefox.html

掲示板/JavaScript質問板/DOMを利用して追加したエレメントのエラーチェック - TAG index
http://www.tagindex.com/cgi-lib/q4bbs/patio.cgi?mode=view&no=1211
IE は createElement('input') した要素の name 属性を変更することができない。

同じようなバグで悩まされている方の参考になれば幸いです。