最速インターフェース研究会 :: Firefoxでの開発を高速化する自動リロードスクリプト
以前にも書いたとおり萌ディタとSleipnirAPIを駆使して、htmlその他ソースファイルをいじると保存のタイミングに合わせてSleipnirのアクティブタブがリロードされるようになっているわけなのですが、近頃Firefox1.5をメインに使うようになってしまったのでFirefoxでも上手く動くようにしようという話。 もちろん自動リロード機能を提供する拡張があるのは知ってるんだけど、編集のタイミングと関係なく1秒ごとにリロードさせたらせわしなくて仕方ない。あくまで保存のタイミングに合わせてブラウザを更新したい。 最初は萌ディタからFirefoxにコマンドラインでブックマークレットを渡すというのをやってみたのだけれど、どうにも手元の環境では上手く動かない。新しいタブでブックマークレットを開いてしまったりする。WSHでFirefoxにフォーカスを合わせてF5を送るとかもやってみたんだけど萌デ
Acebug – Get this Extension for 🦊 Firefox (ja)
Important! do not use with not matching version of firebug for firebug 1.10 use version 1.10 One of the most common complaints that Firebug users have about the Firebug command line is that it is basically a text input field. Whilst this may be sufficient for the small command line it is not very well suited for the large command line. Acebug is a simple Firebug extension that brings some of the a
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
OAuth for Greasemonkeyのラッパーライブラリ
**Post Now browsing to TwitterをOAuth認証に対応しました | Web scratch**でGreasemonkeyスクリプトの「Post Now browsing to Twitter」をOAuth認証に対応したものを作りました。 OAuthのJavaScript実装はいくつかあるみたいですがGreasemonkeyで使う感じになってるものは無かったみたいなので、OAuth.jsを使ったtwitterでのOAuth認証を手助けするラッパーみたいなものを書きました。 xAuthを使えば楽な気もしますがブラウザベースのものはxAuthを使わずにOAuthを使ってねとの事です 大部分は TwitterクライアントのOAuth対応(JavaScript編) | tomatomax.net Twitter API を OAuth で認証するスクリプトを 0 から書い
Firebugの意外と知られていない機能紹介（プログラマ向け） - KAYAC Engineers' Blog
羊毛布団を洗濯機にかけられないことを知りました。ago（@kyo_ago）です。 意外と知られていない機能が多い！？Firebugの使い方を見て、プログラマ向けも欲しくなったので書いてみました。 1. ショートカット一覧 以下のページでFirebugのショートカット一覧が公開されています。 http://getfirebug.com/wiki/index.php/Keyboard_and_Mouse_Shortcuts 取り合えず以下の二つだけでも覚えておくと効率的かもしれません。 F12でFirebugの有効、無効の切り替え 広いコマンドラインモード時にCtrl+Enterでコードを実行 また、以下のメニューからショートカットの変更も行えるので、他の拡張等とショートカットがかぶった場合でも別のキーで使用することが出来ます。 2. Firefox本体のツールバーに「要素を調査」ボタン Fi
E4X in Firefox 発表資料: Days on the Moon
Mozilla Party JP 8.0 に講師として参加させていただきました。以下はプレゼンテーション用のスライドです。 E4X in Firefox (PDF) E4X in Firefox (HTML) OnpenOffice.org 2.0 の Impress を使って作ったのですが、私のノート PC のディスプレイ接続がうまくいかず、お借りしたマシンに入っていた OpenOffice.org 2.1/2.2 ではなぜか実行途中にフリーズするので、PDF にエクスポートしたものを用いました。 また、発表は 25 分の枠だったのですが、最初に練習したときは 1 時間かかってしまい、話す内容をいろいろと削ったものの、結局枠ぎりぎりまで使い切ってしまって、質疑応答の時間をとることができませんでした。もし何か聞きたいことがあったという方がいらっしゃれば、このコメント欄にお願いします。 それ
イベントのkeyCodeとcharCode - hogehoge @teramako
イベントのキーコードの取得には event.keyCode event.charCode の二種類があるんだが、keypressイベントとkeydownイベントとで出方が違うことに気付いた。 keypressとkeydownの表す数値は以下の通り keyCodeにはキーを表す特殊コードを表す数値として出る*1 charCodeにはASCII文字コード表に対応した10進数として出る 以下に幾つか試した結果を書くので参考に。ただ、特殊キーに当たりそうな(ex. windows,無変換, IMEオン時の挙動)ものは環境によって異なりそうなので注意。 keypress ASCII文字コードとして認識できるものはcharCodeに出る そうでないものはkeyCodeに出る IMEオン時にイベントが挙がることは期待できない((keyCodeに229で挙がる時と挙がらない時があった)) 押したキー ch
FirefoxのJavaScriptのエンジンが作り直しだそうです！ - yukobaのブログ
(注)：以下、一部、推測で書いた部分が間違っていて、詳しくはコメント欄をご覧ください。詳細は、JaegerMonkey - MozillaWikiに書いてありました。 Mozillaのオフィシャルブログの記事、improving JavaScript performance with JägerMonkey – Mozilla Hacks – the Web developer blog、によると、Firefox のJavaScriptのエンジンをAppleのWebKitのJavaScriptのエンジンをベースに作り直すそうです。僕が英語を読み間違えていないことを強く祈ります。名称は、JägerMonkeyと言うそうです。 元々、JavaScriptのJITコンパイラによる高速化は、FirefoxのTraceMonkeyから始まりました。まず、インタープリタで走らせてから、型を推測し、JI
Firebugで元のJavaScriptのコードに手を入れずにdebug用のconsole出力を入れる方法 - monjudoh’s diary
Firebugでは条件付きブレークポイントが使えるので、 scriptタブにて該当行にブレークポイントを貼り、 条件としてconsoleへの出力を||区切りで、最後に&& falseを入れる。 console.debug('this.lastPosition') || console.dir(this.lastPosition) && false こうするとブレークポイントを通る度にconsoleへの出力は評価され、 consoleに出力され、最後の&& falseのため式全体は必ずfalseとして評価されるため ブレークすることはない。 追記 console出力系関数の戻り値はundefinedなんだから&& falseは不要か 追記 nanto_vi @monjudoh JSでは||より&&の方が優先順位が高いので、a || b && c はaが真ならbもcも評価されずに全体が真として
JavaScriptをGPUで高速化する試み、モジラがJetpackで検討中 － Publickey
モジラが、JavaScriptをGPUのパワーを借りて高速化する試みを行っています。FirefoxのJetpackプロジェクトに協力しているメンバーがブログにポストしたエントリ「Elevating JavaScript Performance Through GPU Power」で、その可能性と方法について触れています。また1つ、JavaScriptの可能性が広がるかもしれません。 Mozilla Labs » jetpack » Blog Archive » Elevating JavaScript Performance Through GPU Power Webでは高精細な動画や音声などがやり取りされるようになり、またセカンドライフのような3次元表示など、Webブラウザ上で行われる情報処理は高度化しています。 今後はさらに動画の加工や音声認識のような高度なアプリケーション、あるいはW
現在閲覧しているページをはてブしている「お気に入りユーザ」を表示するGreasemonkey - LukeSilvia’s diary
あったらいいなーって思い、作ってみました。機能概要は以下の通りです。 機能 現在閲覧しているページをはてブしている「お気に入りユーザ」を表示する ついでに、自分がはてブしているかも表示する 導入するとこんな感じに、左下にお気に入りユーザのfavicon が表示されます。 メリット なんとなくググったページを「お気に入りユーザ」がはてブしていると分かることで、有益なページを逃しにくくなる 「はてブしようとしたら以前はてブしてた」っていうあの敗北感から脱出できる インストール always_hatebu_favorites.user.js からインストールして下さい。ソースはgithub に置いてあります。 使い方 使うための条件は以下の通りです。 はてブにログインしていること はてブを公開していること お気に入りを公開していること 以下のコマンドが使えます。 update favorites
Firefox via KeySnailでtwitterに投稿するjavascript - sheephead
Firefox via KeySnailでtwitterに投稿するjavascript 2009.09.30 日記 Emacs, firefox, javascript, KeySnail, minka 一昨日の日記でご紹介したKeySnail。 firefoxをEmacsにしてくれるKeySnailがすごすぎる Emacsライクなキーバインドでブラウザを縦横無尽に操作できるというのが素敵すぎます。 気づいてなかったんですが、分割ブラウザというアドオンをいれておけばいつものC-x 0,1,2,3で画面分割までしてくれるんですね。まだ知らない機能ありそうです。 さて、カスタマイズしてこそのEmacs（Emacsぢゃないけど）。一昨日はhrefタグつけてURLとかをコピーする関数を書いてみましたが、懲りずにまた書いてみました。 今回は、最近流行りのtwitterに投稿する関数です。 設定 まず
Greasemonkey ver 0.82解説 - 枕を欹てて聴く
なんか解説を待たれていたらしいので, Twitter上だけでなく, 詳しく. 該当記事はこれ. http://www.greasespot.net/2009/09/greasemonkey-082-released.html * Do not inject scripts into file: and about: URLs by default, for security reasons. (#1000) * The GM_openInTab() function respects the background loading tab behavior from Firefox preferences. (#1003) * Specify label/control associations in "New Script" dialog, for accessibility. (#101
Greasemonkeyを作る時に気をつけていること (Kanasansoft Web Lab.)
以前、書こうと思っていて、すっかり忘れていた事を、Ruby会議に参加して思い出したので書きます。 Greasemonkeyのscriptを作る時に、気をつけていることがあります。それは、サイト作成者に対する礼儀です。あるサイトのデザインが酷いと思ったからと言って、『xxxのサイトのデザインが酷いのでデザインを改善するグリモン書いた!』とblogに書きますか?私はこの様な事にならない様に気をつけてます。サイトのデザインが酷いと思うのはもしかすると自分だけかもしれません。ユニバーサルデザイン・アクセシビリティに気を払ってそういうデザインなのかもしれません。実際の所はわからないわけです。どういう事情なのかわからないのに、グリモンを書いて安易にネットに公開という様なことは、私は避けたいと思っています。 このため、サイトを改変する様なuserscriptはあまり実装しません。サイトの改変はしませんが
Stephenoney
Sticky Piggy – Permainan Digital Bertema Babi LucuPengenalan Sticky Piggy Sticky Piggy adalah permainan digital bertema babi lucu yang menghadirkan hiburan ringan namun seru. Dengan visual ceria dan simbol babi yang menggemaskan, permainan ini langsung memberikan nuansa menyenangkan sejak putaran pertama. Pemain merasakan pengalaman bermain yang santai tetapi tetap menarik. Permainan ini mudah dip
【ハウツー】Webデバッガに新星登場!? 操作を記録し、イベント/DOMを一発解析 - FireCrystal (1) FireCrystalとは | エンタープライズ | マイコミジャーナル
複雑な機能をいくつも実装したWebアプリケーションのデバッグはツールなしでは一苦労だ。Ajax処理やこまかいイベント制御・DOM操作をおこなっている箇所でバグを出してしまった日には、解析だけで大変な時間を割かなければならない。 そんなときは、FireCrystalを使えば解決するかもしれない。ユーザの操作を記録し「どのタイミングで」「なにがおこなわれているか」を一発で表示してくれる便利なアドオンだ。 本稿では、そのFireCrystalについて紹介しよう。 FireCrystalとは Stephen Oney氏は8月21日(米国時間)、Firefox上で動作するアドオン「FireCrystal」をリリースした。FireCrystalはThe MIT Licenseのもとで公開されている、Webデザイナ・デベロッパ向けのデバッガ。Webページ上でユーザの操作を記録し、内部でどのようなイベント
JSON Data を FireBug でみる | _level0 - KAYAC Front Engineer Blog
エルニーニョ！だと暖冬。雪降るか心配ななっくるです。 みなさんJsonData、何で確認してますか？ JSON Editerをつかっていましたが、FireBugでもコンソールで見れるんですね。 nagayasuさんに教えてもらいましたー。 見方は、FireBugのコンソールを表示します。 その右側に（）で囲んでJSONDataいれます。で、実行すると。 でてきたObjectをクリックすると 結構見やすいし便利ですー
Greasemonkeyスクリプトがネイティブサポートされるかも - Mozilla Flux
JetpackがGreasemonkeyスクリプトをサポートする計画は既に存在しており、JetpackのFirefoxへの統合は公式プロジェクトとして扱われている。 となれば、FirefoxがGreasemonkeyスクリプトをネイティブサポートする話が出てきても、決して不自然ではない。ただ、その前に一つのステップを経る必要がある。Greasemonkey互換かは別にして、Firefoxがコンテンツ空間でスクリプトを動作させる仕組みを備えることだ。 Content Scriptsはその仕組みを開発するプロジェクトである。プロジェクトのWebページを見ても、クローム特権を有しない安全なものにすると述べられている程度だが、Blair’s Brain『Status: Jetpack and Content Scripts in Firefox』にもう少し詳しい情報が出ている。 「Next ste
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SitePoint Blogs » JSON-P output with Rails
「Twitterにも絵文字が欲しい」に応える(?)グリモン「drawtter」 (Kanasansoft Web Lab.)