JavaScript で、画像本来のサイズ(幅, 高さ)を取得する方法 - latest log
Opera で DOM Mutation Event を使用するコードを追記しました。 まとめを追加しました。 Opera パート2に取得できないケースが見つかったため、パート3 を追加しました。 rhino.jpg(幅:300px, 高さ:227px) を、 <img id="rhino" src="rhino.jpg" width="100" height="75" /> と、100 x 75 で表示している場合を例に、画像本来のサイズを取得する方法をご紹介します。 Firefox, Safari, Google Chrome なら image.naturalWidth と image.naturalHeight を利用します。 image.naturalWidth と image.naturalHeight の初期値は 0 です。画像の読み込みが完了した時点で適切な値に更新されます。
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
関数一発でプロトタイプチェーンに繋げて、オブジェクトをクローンする。 - IT戦記
最近、プロトタイプ的継承の話しが盛り上がっています。 http://blog.livedoor.jp/dankogai/archives/50662064.html http://labs.cybozu.co.jp/blog/kazuho/archives/2006/10/javascript_string.php http://blog.livedoor.jp/dankogai/archives/50662606.html 最終形がやたら複雑になっています でも、実際はあそこまで複雑に書かなくても、できると思います ^^; そう思う理由 P 関数は object 関数の中でローカルのものである。コンストラクタとして使える必要はない。なので、 Atomic な場合でも P は function(){} でいい。 method 関数では P.prototype のプロパティに関数が代入されて
高精細な「アナログ」のロゴマークが欲しくなった : にぽたん研究所
2011 年 7 月に終了してしまう地上波アナログテレビ放送ですが、去年の 7 月から、ずっと画面右上に「アナログ」の文字が常時表示されているそうですね。 なんかそれってネタに出来そうだなーとか思うことがしばしばあります。 なので、あの「アナログ」の、ぷっくりとしたかわいいあのフォントの文字が欲しいなぁと思って、ネット中探してみたのですが、どこを探しても全く見つかりません。 地デジのロゴとかは社団法人デジタル放送推進協会から配布されていますが、アナログのロゴは配布されていません。 きっと私のように、「あのアナログロゴ欲しいなぁ」と思った人は少なくないはず。 当然、見付からないということは、ちゃんとしたロゴマークをネタに使っている人もあまりおらず、地デジカに対抗するキャラクタのアナログマの web サイトの右上にも「アナログ」の文字が表示されています。でも普通のゴシック体で表示されているので
gDenpa - 電波ニュース for Firefox3
１．Firefox まずは、Firefoxをインストールします。FirefoxはWebブラウザです。 ここからダウンロード・実行するとインストールされます。 →http://mozilla.jp/ ２．Greasemonkey 次に、GreasemonkeyをFirefoxにインストールします。Greasemonkeyをインストールすると、ユーザーが定義したJavascriptを、Web閲覧時に自在に実行するすることができるようになります。 Firefox上から直接インストールすることもできます。 インストールできたら、設定を反映させるためにFirefoxを一旦再起動する。 →https://addons.mozilla.org/ja/firefox/addon/748 ３．gDenpa 最後に、gDenpa - 電波ニュース for Firefox3をインストールします。これはGreas
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
JetpackはGreasemonkeyスクリプトとの連携を計画 - Mozilla Flux
Firefoxにスクリプトベースの軽量アドオンを追加可能にするJetpack。バージョン0.1.0からスタートしたエンジンはあっという間に0.1.5にまでバージョンアップし、さらにJetpack Enhancement Proposal（JEP）と呼ばれるAPI候補も公開されるなど、凄まじい勢いで開発が進められている。 そんな中、Product LeadのAza Raskin氏が自己のブログで『Jetpack FAQ』を公開した。ユーザーからの質問にRaskin氏が答える形式で、抽象的な回答にとどまっているものも少なくないが、時折強く興味を惹かれる記述も見られた。 一つ目がこれだ。 Q: Is Jetpack competitive against the Greasemonkey add-on or is the goal really something different? They
はてダのはてブコメントを、はてダコメントとして表示するグリモン書いた - @takuma104 log
[ブクシィ]とか、最近ブクマコメント盛り上がってますねー。便乗ネタで、はてなブックマークのコメント欄抜き出して、あたかもはてなダイアリーのコメント欄にコメントが書き込まれているように表示する、とかいうド直球そうなネタをGreasemonkeyで書いてみたら、意外と使えるかもとか思ってしまったので晒してみます。でも絶対誰かやっているよなあ、このネタ。（３年位前にあったよ、とか言われそう）はてなで使えるユーザースクリプト大全 第１版 - あまたの何かしら。にはなさそうだけど...（しかしいっぱいあるなー） Hatebu Commentator: http://hatebugreasemonkey.googlecode.com/svn/trunk/hatebu_commentator.user.js （順次このURLでupdateされますので、適当に上書きインストールしてくだしあ。更新状況） と
Googleで検索するとき一緒に自分のはてなブックマークからも検索するGreasemonkeyスクリプト - くふんを狙え
http://khkh.o0o0.jp/greasemonkey/googlewithhatenabookmark.user.js Googleで検索するとき一緒に自分のはてなブックマークからも検索するGreasemonkeyスクリプトを書いた。はてな検索を一緒にするようなのはあるんだけど、自分のはてなブックマークから検索するのが見当たらなかったので書いた。 理想を言えば、現在のはてなブックマークみたくインクリメンタルサーチができれば良いんだけど、能力と意欲という二つの問題があって無理だった。以前Vimperator拡張を書いたときも書いたはずだけど、JavaScriptについて知らないまま感覚で書いているので、妙な動作があっても許してほしい。 使うときはuser_idを自分のものに書き換えること。use_faviconをfalseにすればfaviconを表示しなくなる。show_limi
はてなのホットエントリの記事がWeb魚拓にあるかどうかを確認するGreasemonkeyスクリプト - 超自己満足プログラミング
ホットエントリを見てると、たまに既に削除された記事があったりします。 そんなときに、ウェブ魚拓があるかどうかを簡単に確認するためのスクリプトを作りました。 hotentry_web_gyotaku.user.js これを入れると、ホットエントリページに次のように [魚拓] リンクが追加されます。 リンクを押すと、裏でその記事の魚拓があるかどうかチェックし、 あった場合には、Web魚拓のサイトを新しいウィンドウで開くので、 「取得済みの魚拓」一覧から魚拓を閲覧することができます。 なかった場合は、特に画面遷移などは行わず、 リンクの部分が「なし」という文字に変わります。
はてブプラスの提供枠をニコニ広告風に表示する - IT戦記
はじめに http://b.hatena.ne.jp/guide/plus がリリースされましたね！ エントリーページに提供っていうのが表示されているのが楽しいですね！ でも、もっともっと提供っぽい感じにしたらおもしろいんじゃないかと思って作ってみました！ 以下のような感じになります 楽しいですね！ やり方 使い方は簡単です！ はてブのエントリーページに行って（例えば、はてなブックマーク - はてなブックマークプラス） 以下のブックマークレットをロケーションバーにコピペして、 Enter キーを叩く！ javascript:(function(s){s.src='http://amachang.sakura.ne.jp/misc/teikyo/teikyo.js';document.body.appendChild(s);})(document.createElement('script'
Googleの検索結果からキーワードハイライトするGreasemonkey Script - 0xFF
先々週くらいからコツコツと書いていたキーワードハイライトするGreasemonkey Script(もしくは UserJavaScript)をリリースします。 word highlight for Greasemonkey 今のところ、Opera9.5+(Operaで使う場合はファイル名をword_highlight.jsで保存してください。.userはつけないでください)、Firefox3+、Google Chrome2(Devリリース)、WebKit Nightlyあたりで動作します。Safari3、4は後で対応するかも。 検索語を強調表示＆ショートカットが快適なグリモンスクリプト :教えて君.netで紹介記事頂きました。ありがとうございます。記事書くのすげー早い。しかも、要点書いてあるし、画像付きでわかりやすいし、ほんと嬉しいです。 特徴 高速(だと思う) XPathを使って検索する
控えめな Brainfuck コードを色づけする GM | js - 氾濫原
>>+++++[-<++++++>]<+[-<++>]<.>+++[-<------>]<-.... .....>++++++[-<++++++++>]<.>>+++++++++++[-<++>]<+[ -<-->]<.+++++++++++++++.-----------------......... ...>+++[-<++++++>]<+.>+++++[-<++++++>]<+.>++++++++ +++[-<--->]<.-----------------.+++.-........+.---. ..........>+++++++++++[-<--->]<.>+++++++++++[-<+++ >]<....+++.++++++++++++++++.>+++[-<------>]<-...>+ +++++[-<++++++++>]<.>>+++++++++++[-<++>]<+[
GreaseMonkey Driven Development / Shibuya.js Technical Talk #2
てんぷれ例 // ==UserScript== // @name Test // @description Test // @namespace http://lowreal.net/ // @include * // ==/UserScript== (function () { /* GM_xmlhttpRequest({ method : "GET", url : url, headers : { "User-Agent":"monkeyagent", "Accept":"text/monkey,text/xml", }, onload : function (req) { var doc = new XML(req.responseText.replace(/^<\?xml.+?\?>/, '')); }, onerror : function (req) { alert(req.r
Greasemonkeyスクリプティング TIPS & SAMPLES - TOP
Greasemonkeyスクリプティング TIPS & SAMPLES のサポートページです。 CONTENTS 目次 ただのもくじ。 LINKS 書籍に掲載されているURLの一覧です。 TIPS Part3 - TIPS 掲載のユーザスクリプト一覧です。 SAMPLES Part4 - SAMPLES 掲載のユーザスクリプト一覧です。 正誤表 本書の正誤表です。 misc サンプルPDF Unicodeエスケープツール まだFirefoxを使ったことがない？ >> 手に入れる！ 特設ユーザスクリプト 本書の発売記念と称して役に立たないユーザスクリプトを大絶賛配布中です。 文字が読みにくくなるスクリプト TheRight.user.js ごわすが好きな人(?)のためのスクリプト GOWASU.user.js
はてブを正規表現やXPathでフィルタできるGreasemonkey - 聴く耳を持たない(片方しか)
先月 id:solailoさんから id:solailo これをリニューアルに対応させてもらたりできますか？ http://d.hatena.ne.jp/rikuo/20080902#c1229345579 とコメントをいただきました、「これ」というのは以前にはてな匿名ダイアリーで投稿されたこの Greasemonkey のこと はてブのhotentryで、2chコピペブログや「ネタ」を削除するGreasemonkeyを勝手に改造 - はてな匿名ダイアリー こちらは、はてなブックマークの注目・人気エントリーを正規表現とXPathでフィルタできる機能があったのですが、昨年11月に行われたリニューアルでページ構造が大きく変わり、動かなくなっていました。 というわけで、今回はそれをリニューアルに対応し、でもっていくつか機能追加することにしたわけです。 id:solailoさんにコメントいただいて
はてブのフッターを小さく固定にするGreasemonkey改造版 - 聴く耳を持たない(片方しか)
自分用に作ってたやつを公開し忘れてたので はじめに 大まかなイメージとしてはこのように動作します。 （動作イメージ） http://userscripts.org/scripts/show/48722 インストールはこちらから 経緯 以前にユーザースタイルシートでこうしたものを作りました はてブのフッターを小さく固定にするユーザースタイルシート そもそもの動機は、はてなブックマークにはページの下までいくと自動的に次のページを読み込んで追加する機能があり、それ自体は結構便利に使っていたのですが、便利な反面フッターは画面をスクロールするたびに逃げ水のように下へ下へと移動してしまう為、使い勝手がよくありませんでした。 ですので、ユーザースタイルシートで、はてなブックマークのフッターを小さく固定しカーソルを重ねると展開するという動作にすることで、改善しようというアイデアでした。 ただ、作ってみたも
Jetpackのセキュリティ性 - hogehoge @teramako
Mozilla Jetpackについて調べたいことの続き。 Secure Provides access to only the privileges needed, with security issues always be presented in social-terms, and not technical-terms Short and easy to review code ensures that potential security issues are shallow, and review times short Mozilla Labs Jetpack | Exploring new ways to extend and personalize the Web とのことだが、しかし、穴があるのではないかと思った。 XPCOMの使用が可能 Componentsへのアク
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
bmlet.com
Userscripts.org: Power-ups for your browser