カテゴリー: JavaScript

【メモ】 画像の縦横比を維持したまま、画像サイズを一定の範囲内に縮小

縦横共に300px以内でかつ縦横比を維持したまま画像を縮小したかったので簡単なJavaScriptを書いてみた。 画面内の画像全てに適用するとするとこんな感じ。 

var maxWidth  = 300;
var maxHeight = 300;
var elements = document.getElementsByTagName("img");
for(i=0;i height) {
elements[i].width = Math.min(width, maxWidth);
} else {
elements[i].height = Math.min(height, maxHeight);
}
}
まぁはっきり言うと、「縦横比の維持」は基本的にブラウザ任せですね。 片方だけ指定すればもう片方は自動で計算される…というのは仕様的にどうなのだろう。 なお、幅だけを一定以内に収めたければこれをimgタグに置くだけで良いのだけど、 
onload="this.width = Math.min(this.width, 300)";
縦長の画像（例えば縦1,000px/横100px）の場合に逆に拡大されてしまってはみ出る。 それを回避するためには、縦か横かどっちかデカイ方に対して適用すればOKと。 なんか処理を共通化する良い方法がありそうな気がするけど…まぁいいか。とりあえず。

続きを読む

【小ネタ】 パスワードを保存できないサイトでパスワードを保存する 【Firefox】

ある程度どうでも良いサイトの場合、パスワードを保存するリスクより利便性の方が上回るので、 結構積極的に保存してたりするんですが、サイトによっては保存できない設定になっている場合があります。 例えば…アフリエイトのMicroAd。 BTパートナー｜行動ターゲティング,ブログ広告,リターゲティングのマイクロアド 左上にログインフォームがありますが、ここで入力したパスワードは保存されません。 （保存しますか？と聞かれない）

続きを読む

【修正】 ニコニコ動画の視聴履歴をTwitterに自動PostするGreasemonkey（OAuth対応版）

Firefoxを3から4に上げても殆どのGreasemonkeyは正常に動くようなのですが、一部動かないものもあります。 以前作った、ニコニコ動画の視聴履歴をTwitterにPostするGreasemonkey（OAuth版）もその一つで、 アップデート以来きちんとTwitterにpost出来ていませんでした。 ニコニコ動画の視聴履歴をTwitterにPostする（OAuth対応版） – nplll 何でかなと思って調べたところ、どうやらXMLの取扱いが変更になり、 GM_addStyleでエラーが出るのが原因なようです。 Firefox4でcan’t wrap XML objectsというエラーが出る件について | Web scratch なるほどねー。

続きを読む

今さらながらjQueryを触っているなど

LightBox導入→prototype.js必須みたいな流れでprototype.jsを使っていたので、 競合するというjQueryをずっと触っていなかったのだけど（LightBoxだけなら何とかなるけど 他にもprototype依存のライブラリをいろいろ入れてしまってたし）、新しいサイトを作る中で どうせならjQueryに切り替えようぜってことで触ってみた。 テスト的な使い方として、 

sampleCode
みたいなパーツをページ内にバラバラと撒いておき、 
$(function () {
$('.sample').each(function () {
var sampleCode = $(this).text();
$(this).html('')
});
});
みたいなコードで変換するみたいなことをやってみた。 DOMについては慣れないと混乱するけど、Web+DB Vol.60の実践入門がだいぶ役に立った。 で、これが存外によい。 処理も速いけど、何より書くのが楽。 いや、良いのは評判としてもちろん聞いていたのだけど、それ含めても存外に良い。 無理してでも導入すべきだったか。むう。 もうちょっと色々やってみよう。

続きを読む

Tweetを貼り付けるための公式ツール「Blackbird Pie」をさらに便利に使うBookmarkletを日本時間に対応させてみた

Twitterには、Tweetをブログなどに貼り付ける機能として「Blackbird Pie」なるものがあります。 Blackbird Pie – Twitter Media 使い方は簡単で、TweetのURLを入力して「Bake It」を押すだけ。 その辺りは以前に紹介したとおりです。 Twitterのステータスをブログに貼り付ける公式ツール。 – nplll 複数ユーザーの発言を貼り付ける場合に注意が必要などの問題がありますが、コメント当時の背景や名前が反映されたパーツを気軽に作れるという点で結構便利。敢えて言うと、投稿時間が「less than a minute ago」となってしまうところが問題。

続きを読む