jmblog.jp - preventDefault() と stopPropagation()
先日公開した「投稿スラッグ（Post slug）が空白なら警告してくれるWordPress用Greasemonkeyスクリプト」を開発しているときに、JavaScriptでのイベントのキャンセルまわりで見事にハマってしまいました。そのときに調べてわかったことをまとめてみようと思います。（間違いがあれば是非ご指摘ください！） やりたかったこと WordPressの投稿画面で「公開（Publish）」ボタンをクリックしたときに、「投稿スラッグ（Post slug）」のテキストボックスに値が入っていなければ、確認ダイアログを出す。そこで「キャンセル」ボタンが押されたら、フォームの submit を中止する。 最初に思いついた方法 まず頭に浮かんだのは、submit ボタンに対して HTML でイベントハンドラを記述するという、とても古典的な方法でした。
ニコニコ動画の検索履歴を保存するGreasemonkey
今のニコニコだと好きな動画を探すときに、特定の検索をして探すって感じの場合が多くなってきた気がするので、検索履歴を保存して表示できるGreasemonkeyを書いてみました。 azu/nico-search-history 検索画面の右上の方にボタンが出るようになるので、それをクリックすると検索した履歴が表示されます。 検索履歴は検索キーだけではなくてsort方法によっても別々に保存されます。 また、検索キーの横にある☆マークをクリックすることで、その検索キーを常に上の方に表示して、自動的に削除されないようにします。(お気に入り機能) お気に入りではない検索キーは100個ぐらいで自動的に削除されます。 コード内容 これを書き始めたときSandbox Patternを試してみたくて書いてたので、あんまり見ない書き方をしてると思う。 それぞれ必要な部品をモジュールhistory,templet
JavaScript関係のツールまとめてみた | Web scratch
最近使ってたりするJavaScript関係のツールまとめてみた。 主にWebサービスです。 Global is the new private JavaScriptライブラリの名前空間汚染をチェックするツール。 元々載ってるもの以外でも*Analyze your own scripts!*から調査したいライブラリを追加できる。 jsFiddle ブラウザ上で HTML / CSS / JavaScript の実行結果を表示できる。 Embedコードもあるので、ブログにjsやCSSなどを載っけるのに便利。 エディタ機能も整形、シンタックスハイライトしてくれるので使いやすい。 HTML5のコードを使うにはInfoからDTDを変更してから使う。 類似:MooShell Gist – GitHub gistです。コードスニペット共有サービスです。 Greasemonkey貼るときgist fill
ニコニコ動画用Greasemonkeyスクリプトのまとめ | Web scratch
GreasemonkeyとはFirefoxで利用できるアドオン。 ニコニコ動画利用できるGreasemonkeyスクリプトのまとめたものです。 ニコニコ動画のコメント熱狂度を可視化するGreasemonkeyスクリプト ニコニコ動画の各動画に、コメントの盛り上がり度合いをサーモグラフィーの色合いで表示するGreasemonkeyスクリプトです。 弾幕やコメント職人の出現位置が一目で分かります。 Wrapperと併用版もあります。 ニコニコ動画にアクセスしている時間をカウントするGreasemonkeyスクリプト タイトル通りの機能を持ちます。 画面右下に時間のカウントを表示します。 NicoCommandButton ニコニコ動画コマンド入力ボタン 動画の下にコメント色変更ボタンを追加します。 ニコニコ動画でプレイリストが使える Greasemonkey スクリプト ニコニコ動画でプレイリ
Twitterを使い始めてから少し楽しさが分かった頃にあると便利な8つのツール - かちびと.net
【追記あります】 ホリエモンがTwitterを初めてすぐに フォロワー2000越えを達成したので、 Twitterを使い始めてから少し楽しさが 分かった頃にあると便利なTwitterを 更に使いやすくするツール等を ご紹介いたします。 最高のTwitterツール、Troys Twitter Script Troys Twitter ScriptはFireFoxのアドオンGreasemonkeyのユーザースクリプトで、 WEBマーケティング ブログさんで紹介されていてからあまりに便利すぎて何人にも紹介しています。これが無いと生きて行けない。 どれだけ最高かはWebマブさんの記事が凄く分かりやすいです。一応機能紹介。 “@”のあとに頭文字を入れると、フォロワー内の候補表示 リンクを自動デコード 投稿時にURLを bit.ly で自動短縮 次ページの自動読み込み 画像やYoutubeをその場に表
FastladderでLDRのクローラを使うGreasemonkey - 素人がプログラミングを勉強していたブログ
追記:console.logとかが残ってたので、gistのほうは直しておいた。 からインストール。 LDRの画面が狭くて嫌でFastladderに乗り換えようとしたけど、LDRと比較してクローラの巡回が遅くて困っていた僕のために。 // ==UserScript== // @name FastLDR // @namespace http://d.hatena.ne.jp/javascripter/ // @include http://fastladder.com/reader/ // ==/UserScript== var native_post = unsafeWindow.API.prototype.post; var api_key = null; GM_xmlhttpRequest({ method: "GET", url: "http://reader.livedoor.com
公式iframeを使わずにニコニコ動画のサムネイルを貼る方法色々 - 敷居の部屋
動画紹介の部分はニコ動のを使ったほうがええかしらん。一日考えよう。これ沢山張ると重くなるんだよなー。あるいはniconail.infoを使うかだなー 〜中略〜 ↓というように画像だけニコ動から引っ張ってくる方法もあるのだがこれはめんどくさいので日次更新には向かない感じだ。 テスト - ニコニコの杜 ふむふむ、最近ちょっとはマシになった気がするけど、確かにニコ動公式のサムネは大量に貼ってあるとかなり重くなる印象があるので使うのがためらわれます。 ではNiconailさんを使わせてもらうかニコ動の画像だけ引っぱってくる方法を、動画横のiframeタグをコピペするのと変わらない手間にしてしまえば解決ですね！ 動画をサムネ付きで紹介する方法色々 - 敷居の先住民 やったーニコニコのサムネ作成ブックマークレットできたよー（＾o＾）ﾉ - 敷居の先住民 ニコニコ動画サムネイル作成ブックマークレットを作
はてなブラックスター - ぼくはまちちゃん！
はてなブラックスターつくってみました！ (追記) 2009年修正版があります！ → はてなブラックスター (2009年修正版) ★ これはなに？ ★ はてなブックマークのコメントに、黒い星をつけられます！ かわいいですね！ ★ どうやって使うの？ ★ (Firefoxでつかう) Greasemonkeyをインストール！ hatena_black_star.user.jsをインストール！ (Firefoxバージョン3.0とかそれ以前の人は → ) hatena_black_star_f3.user.jsをインストール！ (Sleipnirでつかう) SeaHorseをインストール！ Sleipnir オプション → クライアント → 全般 → 「スクリプトによるクライアントの操作を許可する」 にチェック！ hatena_black_star.user.js を右クリック保存！ 保存したファイ
gをぺちって押してLDRで全部全文読んじゃおう。 - muibrog
LDRで今日もぺちぺちとjを連打してフィードを読み漁っているわけですが、全文配信されてないフィードは直接サイトに行かないと読めなくてあんまりうれしくない。 これを解消するGreaseMonkeyスクリプトが「g」で本文を取得するlivedoor Reader用Greasemonkeyスクリプト - F.Ko-Jiの「一秒後は未来」で公開されている。もともとはアメブロのフィードから全文を取得するためのものだったが、全文を囲むタグを指定することでそのサイトの全文を定義することができるようにバージョンアップして、愛用させてもらっていた。でも挟むタグを指定するというのがくせ者で、うまく指定できないサイトが意外と多いという問題もあった。 これを解決してくれたのがLivedoor Readerで記事全文を表示するGreasemonkey Script - 枕をそばだてて聴くで公開されているGrease
ニコニコ動画で使えるユーザースクリプト一覧。 - あまたの何かしら。
コピペブログ騒動史を書き上げるのが面倒なので、逃避するの巻。 #GreasemonkeyはFirefox、UserJSはOperaで使用できます。 #OperaでGreasemonkeyスクリプトが使えるかの動作確認はまだやっていない。動作確認終了。 リンク 同時期に同じ内容の記事を書かれていたので。 ニコニコ動画で使うGreasemonkeyスクリプト - Browser.js 追記 何かしら図書館に所蔵されました。 Greasemonkey ニコニコ動画のコメント熱狂度を可視化する「Heat the nicovideo up」 ニコニコ動画のコメントをタグクラウドっぽく表示する「Nicomment Cloud」 ニコニコ動画のコメントをGoogle Analyticsっぽくグラフ化する「NicoNicoDouga - Analytics」 ニコニコ動画の一覧ページで強調表示する＋ニコニ
ニコニコ動画でプレイリストが使える Greasemonkey スクリプト - こたにき
「作業用BGMに動画を使いたいけど、メドレー系ばかりじゃなく短い動画も連続で見たい！」 僕は作業する時に、ニコニコ動画を BGM にする事が多いです。（作業用BGMタグをみるに、同じような人が結構いるみたい？） それで、動画を選んでから作業を始めるわけなんですが、動画をひとつ見終えると、作業を中断して次の動画を選ぶ必要があって面倒なので、自然とくりかえし再生しやすく再生時間が長いメドレー系を選びがちです。でも、これだけ動画があるニコニコ動画なので、短い動画もみたいんです＞＜ そんな人のために、ニコニコ動画でプレイリストを使えるようにする Greasemonkey スクリプトを作りました。（Greasemonkey スクリプトの使い方） インストール：niconicoplaylist.user.js（更新履歴） ※ 自動再生がプレミアム会員限定になってしまったので、プレミアム会員でないと自動
もごもご開発ブログ: もごもごを便利するものをご紹介
2007年5月18日 もごもごを便利するものをご紹介 もごもごでは、まだAPIを提供していません。 そのためもごもごを土台にしてできることはまだまだ限られています。 にも関わらず、すでにもごもごを便利に利用するためのブックマークレットやgreasemonkey scriptを作ってくださっている方が何人かいらっしゃいます。 本当にありがとうございます。皆さんの協力でもごもごがどんどん使いやすくなっていき、感謝感激です。 もごもごでは、これらのツール類はできればきちんと紹介できる場をつくりたいと思っています。今は、そういう場がないので各開発者の皆さんが自身のブログやサイトで紹介していただいてますが、ひとまずはこの場を借りてご紹介させていただきます。（漏れがあったら、mogo2@dragonfield.com まで連絡ください！） なお、こちらでご紹介させていただいたスクリプトのご利用はあくま
ニコニコ動画で全画面表示 - @m4i's blog
現在は正常に動作しません 作ってみたら意外に便利だったので置いときます。 z キーか動画内の左上 100px の部分をクリックで全画面表示。 Mac OS X 10.4.9 + Firefox 2.0.0.3 + Greasemonkey 0.6.9 0.7 Mac OS X 10.4.9 + Safari 2.0.4 + Creammonkey 0.8 0.9 Windows XP + Firefox 2.0.0.3 + Greasemonkey 0.6.9 (z キーのみ) で動作確認済み。 2007-05-14 追記 Windows + Firefox で確認したけど z キーしか効かないみたい。 てか watch_naisho なんてあったのか…。IE しかうまく動かないみたいだから、作る意義はあったと思いたい。 2007-05-30 追記 HTML の構造が変わって動かなくなって
今日はこどもの誕生日 - ニフラムで消せる相手は自分くらいです
6歳になる。まだ父親は魔法使いだと思いこんでる。 あとだいぶ前にヤフー！ゲームで遊ぶ事を覚えて、猿のように遊ぶようになったので、あまり長時間プレイしないようにGreasemonkey書いたら2度とやらなくなった。っていうかPCを起動しっぱなしにしとくと怯えて泣くようになった。 そんなGreasemonkeyのコードです。どうぞご利用ください。 // ==UserScript== // @name Fear Yahoo Games // @namespace http://d.hatena.ne.jp/nTeTs/ // @description Fear Yahoo Games // @include http://games.yahoo.co.jp/* // ==/UserScript== (function(){ var interval = 60 * 10 * 1000; var f
IE7強力無料アドオン「IE7pro 0.9.12」公開、グリモンっぽいことが可能に：CodeZine
IE7を強力にカスタマイズできるアドオン「IE7pro 0.9.12」が27日、公開された。IE7pro.comから無償でダウンロードすることができる。 IE7proは、IE7をより使いやすくすることができるアドオン。マウスジェスチャーや、プロキシスイッチ、ダブルクリックでタブを閉じる、といった機能に加え、「スーパーマウスジェスチャー」と呼ばれる機能がついている。これを使うと、Web上のリンクをドラッグ＆ドロップするだけで、リンク先を新しいタブで開くことができるようになり、かなり便利だ。また、反転表示させた文字をドラッグ＆ドロップした場合は、その文字を自動的にGoogleで検索してくれる。 今回のバージョンアップではGreasemonkey（グリースモンキー）に似た機能として「User Script」が搭載された。GreasemonkeyはFirefoxの人気拡張機能の1つで、Java
livedoor ReaderからGreyBoxを利用してはてブにブックマーク - aki77の日記
"b"キーでアクティブな記事を画面遷移なしでブックマークします。 ldr_2_hatebu_with_greybox.user.js クロスドメイン制限対策の為に変更したgreybox一式 参考URL: GreyBoxを利用したブックマークのリンク方法
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UI(daftbeats)の物置ページ
最速インターフェース研究会 : : はてなブックマークのドメイン表示してる箇所にカウンターをくっつけるGreasemonkeyスクリプト