『YouTube動画のサイズ＝ブラウザのサイズ』が実現できるスクリプト「Resize Youtube Player to Window Size」 : 二十歳街道まっしぐら
Resize Youtube Player To Window SizeはYouTube動画サイズをウィンドウサイズに合わせて調整できるスクリプトです。 YouTube動画のサイズをブラウザのサイズぴったりに合わせてくれます。 ウィンドウ内には動画しか表示されていない状態になるので、 ちょっとした動画プレーヤーのような感じになります。 小さく動画を開いて画面の片隅に置きながら作業するとかいろいろ使えそう。 以下に使ってみた様子を載せておきます。 まず「Resize Youtube Player To Window Size」にアクセスしましょう。 スクリプトをブラウザにインストールしましょう。 Chromeに入れようとしたら警告でちゃいました‥どうやっていれるんだろう、入るはずだけど。 しかたなくFirefoxに入れてみました。 こちら、ブラウザのウィンドウサイズを最大化したときの表示具合
Google Notebook: Download GM Script by Peter Shafer
How it works Google Notebook: Download is installed as a Grease Monkey. Once installed a link to "Export Notebooks" appears in the top right corner of the page. Now use DownThemAll to download your your notebooks in atom or html format. You can archive them to the medium of your choosing and then place it under your mattress so you can sleep at night knowing that if google exploded that night you
FirefoxのJavaScriptデバッガ拡張Firebugの進化がすごい
Firefoxのデバッグ拡張ことFirebugですが、Firefox4よりFirebugとは別にWeb Consoleという機能が入りました。 しかし、Firebug自体もさらに便利になっているので、少し紹介します。(Firebug1.7 –1.8 の範囲で) 現在のFirefox4に正式対応しているのはFirebug1.7xで、Firebug1.8xはAlpha版として公開されているのでまだ不安定な部分もあることに注意して下さい。 特に注意書きしてない部分はFirebug1.7の項目だと思って大丈夫だと思います コマンドラインに履歴ボタン コンソールパネルでのコマンドエディタ(でかい方のコマンドライン)にHistoryボタンが新たに追加されました。 過去に実行したコマンドをポップアップから選択して挿入することができます。(以前はCtrl+ZでUndoし続ける必要があった) コマンドライン
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も評価されずに全体が真として
ブラウザ上にPCのローカルファイルをドラッグ&ドロップする技法のメモ - ぐらめぬ・ぜぷつぇんのはてダ(2007 to 2011)
お仕事の関連で調べる事になった。で、ブラウザ上で動くので多分Appletで良いのかな？ということでGoogleに「Java Applet Drag and Drop」、さらにPC上のローカルファイルなので「Desktop File」を付け足す。 Java Applet Drag and Drop Desktop File - Google 検索 ざっと眺めたところ、商用アプリとして取り込んで弄くり回してリリースできる無償のライセンス形態のサンプルは以下に絞れた。 いずれのサンプルも、以下のポイントが共通。 DropTargetListenerを実装したクラスを用意して、DropTargetDropEventを補足する。 DataFlavorをチェックする。Windowsであれば"DataFlavor.javaFileListFlavor"というのを上手く使える？ jarファイルに署名する。
Google Chrome で使う Make Link の代用ブックマークレット vol.3 : zontheworld
※Make Link ジェネレータを作ったのでそちらも参照してみてください。 Google Chrome で使う Make Link の代用ブックマークレットのジェネレータ Google Chrome で使う Make Link の代用ブックマークレット vol.2 のブックマークレットを少し改良した。 以前から引き継いでいる処理内容や使い方を知りたい場合は参照のこと。 改良点 コピーのイベントを受け取るとコピー後に textarea のタグを消去する処理を追加。 これで、クリックと 『Ctrl + C』 と textarea 消去がほぼ同時に行えるのでストレスがまったくなくなった。クリックするだけでコピーできる感覚。 処理 処理内容は以下。 var ele = document.createElement("textarea"); ele.style.width = "100%"; el
AutoPagerize用のXPathをかんたんに作るためのブックマークレット AutoPagerize IDE - bits and bytes
GreasemonkeyのスクリプトでAutoPagerizeというものがあります。これはgoogleの検索結果のように何ページにもページが別れているときに、次のページを表示するためのリンクを押さなくても自動的に次のページの中身がAjaxで継ぎ足されて表示されるというものです。 オモロ 検索エンジン SAGOOL サグール の検索結果のページがAutoPagerizeとおなじしくみになっていて、検索結果を一番下まで見ると自動でさらに10件が表示されるようになっているので試してみてください。 これが極めて快適で、慣れると次へのリンクを押す生活には戻れません。記事全体は長いのに1ページの文章量が少なくて、次のページへのリンクをやたら押さないといけないニュースサイトなどは当然のように対応されていて、クリックする必要がなくなって、ストレスなく文章に集中できるようになります。対応しているサイトも
【ハウツー】Webデバッガに新星登場!? 操作を記録し、イベント/DOMを一発解析 - FireCrystal (1) FireCrystalとは | エンタープライズ | マイコミジャーナル
複雑な機能をいくつも実装したWebアプリケーションのデバッグはツールなしでは一苦労だ。Ajax処理やこまかいイベント制御・DOM操作をおこなっている箇所でバグを出してしまった日には、解析だけで大変な時間を割かなければならない。 そんなときは、FireCrystalを使えば解決するかもしれない。ユーザの操作を記録し「どのタイミングで」「なにがおこなわれているか」を一発で表示してくれる便利なアドオンだ。 本稿では、そのFireCrystalについて紹介しよう。 FireCrystalとは Stephen Oney氏は8月21日(米国時間)、Firefox上で動作するアドオン「FireCrystal」をリリースした。FireCrystalはThe MIT Licenseのもとで公開されている、Webデザイナ・デベロッパ向けのデバッガ。Webページ上でユーザの操作を記録し、内部でどのようなイベント
IEでのJavaScriptのデバッグ方法 - Microsoft Script Editor編 - - 日向夏特殊応援部隊
IEでJSのエラーになったときに立ち上がるデバッガって大体の人が使いこなせてないのではないでしょうか？ ちなみに僕もそうだったのですが、ふと思い立って調べてみました。 追記 (2008-01-10T14:24:30+09:00) はてブのコメントで、 MS Office持ってない人はVisual Web Developer(VWD)で。/ちょっと前にこんなの書いたので、VWD 2008使う人は参考にしてもらえると幸い。 http://d.hatena.ne.jp/terurou/20071218/119796573 とありました。 これはid:kaorunさんにも聞いていたので後で試そう〜と思ってたので助かります。 合わせてご覧になって下さい。 Microsoft Script Editorとは？ のようにOffice付属のツールだったりします。僕の環境では、 C:\Program Fil
Karafuto Blog - livedoor Readerのショートカットキーを変更する User JavaScript
Operaの User JavaScriptを書いています。 livedoor Readerのショートカットキーを User JavaScriptで少し変更、追加してみた。 enter ピンを開く x ピンを付ける / 外す h ヘッダを非表示 / 表示 y ショートカットキー一覧のウィンドウを表示 スクリプト loadイベントのリスナーが実行された後、ショートカットキーを設定する。 // ==UserScript== // @include http://reader.livedoor.com/reader/* // @exclude // ==/UserScript== window.opera.addEventListener('AfterEventListener.load', function (e){ // init()関数か調べる if (e.listener.toStrin
しげふみメモ:自分が使っているlivedoor Reader用Greasemonkeyスクリプト
2006年08月12日00:37 カテゴリlivedoor Reader 自分が使っているlivedoor Reader用Greasemonkeyスクリプト antipop - livedoor Reader をより快適にするかもしれない、ちょい「不良(ワル)」 greasemonkey スクリプト を元にして、すこし自分向けに変更してみました。 LDRは元々、Z（Shift + z）キーを押すと、headerとfooter部分が非表示になり、 もう1回 Zキーを押すと、上部の menuとcontrol部分が非表示になり、 記事の表示部分が広くなって読みやすくなります。 antipopさんのスクリプトを使うと、Zキーの機能が拡張されて、 headerとfooter非表示、menu非表示、control非表示の3段階になります。 そして、LDRを開いた最初の状態で、headerとfooter
antipop - livedoor Reader をより快適にするかもしれない、ちょい「不良(ワル)」 greasemonkey スクリプト
livedoor Reader ネタが続いてますが、気にせず投入。 LDR は、インタフェイスの隅々まで開発者の配慮が行き届いていて、ユーザたる我々は、激しく素敵極まりない最速体験をただただ享受するのみなわけですが、まぁしかしそこはあれ、LDR とて商業的なサービスなのであってみれば、ある一線より先に進もうとすればユーザ側でなんとかする他なくなります。まぁよくある例としては、広告を消すとかそういうことだったりするのですが。 というわけで、そのあたりを含めて、使い勝手をもすこし高めるべく greasemonkey スクリプトを書いていたりしたのですが、もうこのぐらいでいんじゃね？的な気分になってきたので、ここらでひとつ晒してみることに。いちいち解説するのもアレなので、適当にお取り扱いください。あと、僕の好みに沿ってカスタマってるので、その辺もまぁアレ。 インストール: ldr_utils.u
livedoor Reader のホットキーをカスタマイズするブックマークレット - (new Hatena).blog()
いずれ設定で変更できるようになると思いますが、やってみました。基本的に私個人の好みに従ったカスタマイズになっています。 挙動を微妙に変更: k: 上の記事へ。無ければ前のフィードへ space: 下スクロール。一番下まで行くと次のフィードへ v: 現在の記事を開く (一つのウィンドウを使いまわす) 削除: enter, shift+enter: デフォルトの動作に "k" は上へ行き過ぎる (前のフィードに行く) ようにしたんですが、"j" は行き止まりになるようにしました: 現在の記事が最後かどうかは分かりにくい場合があり、意図せず次のフィードへ行ってしまうケースが多発するためです。 その代わりにスペースの動作を変更し、これ一つでフィードを読み進められるようにしました。 enter キーに関しては、フォーカスが置かれているリンクをブラウザで開きたいので (つまり、マウスを使いたくないので
403 Forbidden
＼閉鎖予定のサイトも売れるかも？／ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
便利すぎて困る程のFireBug1.0系を使ってみよう:phpspot開発日誌
Firebug - Web Development Evolved 便利すぎて困る程のFireBug1.0系を使ってみよう、ということで、広く使われているであろう0.4系と変わった点をプレビュー。 Googleなどの検索エンジンで、addons.mozilla.org にUPされている0.4系が上に表示されているため、まだ1.0系を使っていない人も多いのではないでしょうか？(という私もそうでした) FireBug1.0系のインストール方法の紹介〜その追加された強力すぎる機能について見ていきましょう。 FireBug1.0系インストール http://www.getfirebug.com/ にてFireBug1.0系のインストール。 FireFox - DOMインスペクタのインストール FireFoxインストール時にDOMインスペクタが入っていない場合は、FireBug1.0系の機能を最大限
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
特集：Firefox 3とFirebugで始めるJavaScript開発｜gihyo.jp … 技術評論社
Greasemonkeyの開発をまとめてみる