Tombloo、近況 - FAX
Tomblooは、現在2つのバージョンがあります。 Tombloo 0.3.16.xpi(右クリックから保存)Tombloo 0.3.23.xpi(右クリックから保存) 上のバージョン、0.3.16は、Firefox 2でもMacでも動くメインのバージョンです。こちらは、大きめのバグは修正してありますが、今後あまりメンテナンスされなくなります。 下のバージョン、0.3.23は、Firefox 3でのみ動く新しいバージョンです。ポストフォームが新しくなり小さなウィンドウになりました。ただ、残念なことにMacではFirefoxの前面に固定されず、背後にまわってしまい、ちょっと使い勝手の悪いものになってしまっています。(このバグさえ修正できたら、0.4にして全バージョンを一本化しちゃおうと思ってるんだけど)基本的な動作は概ね問題なく、私も一ヶ月ぐらい使っていて気に入っています。以下は、詳細を表示
Tombloo 0.3 - 実用
追記 2008/8/5GitHub- tombloo Tomblooは、GitHubに移行しました。 追記 2008/7/14 ベータテストが終わり、自動更新で配布されるようになりました。ご協力頂いた方々、どうもありがとうございました。 Tombloo 0.3を、リリース予定です。現在、ベータテスト中で、自動更新で配布されていません、上のリンクから。 メモやブックマークなどを簡単にポストできるフォームを追加しました。kuの、notificationを使ってフォームを表示させるハックとアイディアが元になってます、ナイス。各タブごとに別フォームだから使いやすいし、別ウィンドウじゃないからコンテンツを見ながらメモ取れる。以下、デモビデオ、30秒。 クイックポストフォームコンテキストメニューの[Share...]の先を選ぶとフォームが表示されるようになりました。タグやメモを付けたり、ポスト先を変え
Tombloo、ブックマークをクロスポストするGreasemonkey - FAX
追記 2008/7/14Tombloo 0.3 - 実用 Tombloo 0.3には、Tomboo自体で各種サービスへポストするフォームが追加されています。 Cross Bookmark / Tombloo はてなブックマーク、del.icio.us、Yahooブックマーク、いずれかのポスト画面から、他のサービスへも同時にポストするGreasemonkeyスクリプトです。Firefox拡張のTombloo 0.2.1以上に依存しているため、この拡張がインストールされている必要があります。 ポスト先は、はてなブックマーク、del.icio.us、Yahooブックマーク、Googleブックマーク、Tumblr、Twitter、6つのサービスから選ぶことができます。ポスト先のサービスに、予めログインしていないとエラーが発生します。アイコンが薄くなっているサービスへはポストされません。また、最後に
Collection & Copy - ヒアドキュメント、E4X
JavaScript var sql = SELECT * FROM EMP alert(sql); alert(<> AB CD ); 関連リンクCollection & Copy - ヒアドキュメント、IE専用、コメントCollection & Copy - GM_addStyle、E4XJSAN - Test.Base 0.13
LDR - Drive、keyTapper、Greasemonkeyスクリプト - FAX
JavaScriptLDR - Drive keyTapperをLDRで。メインの部分は、こんな感じで、デフォルトのJ/KをkeyTapperにしてるだけす。 window.addEventListener('load', function() { var w = unsafeWindow; w.Keybind.remove('j'); w.Keybind.remove('k'); keyTapper('J', function(e, repeat){ w.Control.scroll_next_item() }); keyTapper('K', function(e, repeat){ w.Control.scroll_prev_item(); }); }, true); 使い方は、例えば、Jを連打で見てって、このままのスピードで良かったり、指が疲れたら、そのままJを押しっぱなしにする
GreasemonkeyスクリプトからDOM Storageを使う - FAX
JavaScriptGreaseSpot - Code snippets - make an array persistent in globalStorage これを見た。 storage('user', 'taro'); ok(storage('user')=='taro'); storage('user', null); ok(storage('user')===void(0)); storage('user', {a:5}); ok(storage('user').a == 5); storage('user', [1,2,3]); ok(storage('user').length == 3); ok(storage('user')[0] == 1); function ok(exp){ exp? console.info('OK') : console.error('FAIL
JS Drum Pad - FAX
JavaScriptJS Drum Pad こないだのメモで書いてた、JSでMIDIを生成して鳴らす、発音が遅くてボツになったやつ。50個とかQuickTimeを埋め込んでるから、ロードものろい。
Firefox、onoverflow/onunderflow、文字の溢れを検出するイベント - FAX
Firefox、onoverflow/onunderflow、文字の溢れを検出するイベント JavaScript Event Handlers ボックス要素などで、文字の溢れが発生した時にoverflowイベントが起きる。 以下を開き、ウィンドウを小さくし文字を画面外に出すとoverflowが発生する。 逆に、拡げて文字を全て表示するとunderflowが起きる。 <html> <body> <div id="main" style="overflow:auto" >-------------------------------</div> </body> <script> var main = document.getElementById('main'); main.addEventListener('overflow', function(e){ console.log(e); },
実用 - ウィンドウの外で発生するmouseupイベントを取得する、Firefox
JavaScript save the assistants 上記のスライダー、ドラッグを開始して、ウィンドウ外でボタンを離し、再度ウィンドウに戻るとずっと押しっぱなしのおかしな状態になる。これは、たぶんマウスが離されたことを検知できていないため。 WebFXのスライダーは、ちゃんと動く。実装を読んでみた。 Slidebar (WebFX) Firefoxは、文字を選択するようにドラッグを開始すれば、ウィンドウ外でマウスのボタンを外した時にもmouseupが起こせるようだ。これを利用し、見えない文字を選択し、選択状態も見えなくして、スライダーが正常に動作するようにしていた。 簡単なサンプルは以下。スライダに限らず、ドラッグ全般に使えると思う。mouseup以外に、mousemoveなども取れた。 IEの場合は、onlosecaptureイベントを使っていた。WebFX++
Collection & Copy - Twitter、followリンクを追加するGreasemonkeyスクリプト
JavaScript Twitter - Add follow & leave link Actionsにfollowリンクを追加。すでにfollowしてる場合は、leaveがでる。 FriendのFriedsリストにはfollowリンクがあるんだけど。どっかに表示されてるのかな。Twitter、ちょっとわかりづらいこと多い。followよりも、いきなりfriendにaddした方がおもしろいから、できにくくしてるんだと思った。 followしたのは、相手に通知されるのかしら？(通知メールはいかないけど、followersから一覧で見れた。 ツール作ったり、いろいろテストするから、サブアカウントは必須だなぁ。)
Collection & Copy - Firefox 2.0、Storage(SQLite)、ポイント
JavaScriptMDC - Storage これを読んで、僕が思ったポイント。 Firefox 2.0には、SQLiteが組み込まれている。同じくFirefox 2.0で導入された、クライアントサイドストレージ(sessionStorage/globalStorage)とは異なるもの。 (クライアントサイドストレージの中では、このSQLiteが利用されている。)基本的にchrome URLや拡張からの利用を想定し、ウェブページからは利用できない。システムや拡張のデータファイルはプロファイル*1に、拡張子sqliteで保存されている。mozIStorageConnection#executeSimpleSQLは、値を返さない。 テーブルの作成や削除、データ追加などに利用する。セキュリティ的にもパフォーマンス的にもmozIStorageConnection#createStatementを
Collection & Copy - 埋め込みスクリプト要素を追加し実行する
埋め込みスクリプト要素を追加し実行する JavaScript IE、組込みのスクリプト要素を追加実行できない 上記件、続報。 やっほーい、shogo4405さんに、コメントにて教えていただきました。 以下コード、IE 6、IE 7、Opera 9、Firefox 2の全てで動作します。 var s = document.createElement('script'); s.text='alert("HELLO!!")'; document.body.appendChild(s); textプロパティ...。 location.hrefにjavascript:を入れる方法を使って他ウィンドウでスクリプトを実行する以外に、これも使えるのかしらん。 関連リンク Install multiple versions of IE on your PC | TredoSoft 私は、これで7と6を共存さ
targetフェーズでの複数ハンドラの呼び出し順序 - FAX
JavaScriptFirefoxで動いているアプリケーションをIEに対応させている。 一つのエレメントの同じイベントハンドラに複数の関数を登録したとき、ブラウザにより挙動が異なった。以下のコードでページにキー入力ハンドラを追加してチェックすると、 // Firefox / Opera if (document.addEventListener) { document.addEventListener('keydown', function(){alert('FIRST')}, true); document.addEventListener('keydown', function(){alert('SECOND')}, true); // IE } else if (document.attachEvent) { document.attachEvent('onkeydown', fun
Collection & Copy - 更新、LDR、重複チェックスクリプト、速度改善
追記 2007/12/6 LDR、重複エントリをグレー表示するGreasemonkeyスクリプト、約第三版 - 実用 新しいバージョンになっています。 -ldrdedupeentries.user.js 変更点は以下3点です。高速化非表示フィードの設定フィード個別スタイルの定義 以前の処理が、あまりにも非効率でした。とても速くなっています。DOMを辿り細かくクラスを入れていましたが、一番上に入れるだけで良かったという。*1 また、重複していることを知る必要のないフィードで、エントリーをグレーアウトではなく元から非表示にしてしまうモードを追加しました。www.populicio.usやdel.icio.us/popularなど、重複が非常に多いインデックスサイトなどで私は利用しています。インストール後、以下場所にあるスクリプトを開き、filter_feedsにマッチするURLのパターンを追加
アスペクト指向/AOP関連 - FAX
JavaScript, リンク最終更新 2006/12/22AspectJS 1.0.0 - Javascript AOP frameworkSlipwave Javascriptjs.aop.Aspectjs.aop.Observablejs.aop.PointCut あまきた日記 - JavaScriptでアスペクト指向marsのメモ - JavaScriptでAOPsubtechグループ - ピンク ブロッサム ダイアリー - JS で AOP というか before, after trigger檜山正幸のキマイラ飼育記 - JS番外編：これって、アスペクト指向かぁ llameradaの日記 - JavaScriptの簡易プロファイラ(new Hatena).blog() - JavaScript でプロファイリング dotvoid.com - Aspect Oriented Pro
シャープ変数(sharp variables) - FAX
JavaScript #5= {}について、Days on the Moonのnanto_viさんから、詳細な情報を頂きました。いつもいつもありがとうございます。(無断で、コメントをブログ本文に転載してしまいごめんなさいね。) nanto_vi これはシャープ変数(sharp variables)と呼ばれるJavaScriptの拡張機能ですね。循環参照を持つオブジェクトをリテラル形式で書くときなどに用いられます。#n=の後にオブジェクトを指定することで、#n#を使いそのオブジェクトを参照することができるようになります。 var o = #1= { next: { next: { next: #1# } } }; o == o.next.next.next; // true Enumerable.prototype = { map: #1= function () { ... }, col
Collection & Copy - LDR、重複エントリをグレー表示するGreasemonkeyスクリプト
JavaScript 追記 2007/12/6 LDR、重複エントリをグレー表示するGreasemonkeyスクリプト、約第三版 - 実用 新しいバージョンになっています。 -ldrdedupeentries.user.js LDRで表示したエントリーと、訪問済みのエントリーをグレー表示するGreasemonkeyスクリプトです。フィードを既読にするタイミングで、フィードに含まれる全てのエントリーのアドレスをキャッシュに保存します。そしてフィードを表示するタイミングで、キャッシュの中に合致するエントリがあれば重複を示すスタイル(デフォルトでは文字色を灰色)を適用します。 ブックマークなどのトピックフィードを購読しているとき、一度見た記事を容易に識別できます。非表示にはならないため、ブックマークコメントを読んだり、どこで重複が発生しているのかを確認できます。また、新規ポストと更新ポストの区別
JavaScriptソースを整形して表示するGreaseMonkeyスクリプト、外部スクリプトのキャッシュ - 実用
JavaScriptsubtechグループ - マングローブ - VoxのTemplateクラス できちゃったGreaseMonkeyスクリプト!!そのページで利用されているJavaScriptをフォーマットと色付けを行い表示します。 ShowColorizedSource.user.js Web Developer拡張の[JavaScriptを表示する]機能をより見やすくしたものです。色の抽出と同じく、Web Developerのinformation.jsから多くをコピーして作りました。 以下はGoogleの検索結果で実行したイメージです。 調査したいページを表示し[ツール]-[User Script Commands]-[Show Colorized Source]をクリックすると、ページ内容が消えて、スクリプト一覧が表示されます。各スクリプトのタイトルをクリックすると、整形されたソ
関数、toString/toSource - FAX
関数、toString/toSource JavaScript 以下のコードで確認。 <html> <body><pre id="code"></pre></body> <script> var func = function(){var a=10;var b=20;/*COMMENT*/if(a=10){b=30}return b;} var code = document.getElementById("code"); code.innerHTML += func.toString() + "\n" code.innerHTML += func.toSource() + "\n" </script> </html> Firefoxでの表示例。 function () { var a = 10; var b = 20; if (a = 10) { b = 30; } return b
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flash、dataスキーム、読み込み失敗 - FAX