カテゴリー: Web

脆弱性の話も飽きたので、たまには一般的なお話を。

最近になって、頻繁に なんたらapple.com からメールが来ます。
↓こういうのです。

上記のメールを受け取ると、「Apple ID」という文字に複数種類のハイパーリンクが設定されているのが見て取れます。

1つ目の方には、http://support-securityprotection-appleid-apple.com/
（※おそらく詐欺サイトです、アクセスしないようご注意願います。）

最後の署名のところは https://appleid.apple.com/　です。

1つ目は偽物、最後の方は本物の Apple のサイトです。本物の方は https で始まるセキュリティありの接続で apple.com ドメインを確認しています。偽物の方は、sなしの http で接続し、しかも apple.com と見間違うかのような support……-apple（ここまで1ワード）.com というドメインに接続しています。

知ってる人からすれば一目瞭然ですが、IT 関連にはあまり詳しくない方には、見分けるのは厳しいかもしれません。似たようなメールはたくさんありますので、ハイパーリンクをたどる際は接続先のドメインが本物かどうか、注意したほうがいいでしょう。

今、ウェブサイト制作のお客様第1号のサイトを鋭意制作中です。日夜残業して作業した結果だいたい形にはなって来たのですが、今日、突然テストサイトで画像が縦長に（縦だけおよそ3倍ほど？）なるという怪現象が発生しました。キャッシュをクリアしても治りません。コーディングを見直したり、差し戻したりしても治りません。ウソだろ、もう完成間近だったのに…

背中にいやな汗が流れますが、ここは慌てず騒がず、Google先生に尋ねることにします。なかなか苦労したのですが、ついに原因がわかりました。「エックスサーバーで Google が作った高速化プラグインの mod_pagespeed をONにしている場合、画像の大きさが乱れることがある」…なんだよ！Google先生のせいかよ！

Google謹製の mod_pagespeed の中で画像の width をごにょごにょしてるらしいんですが、height は放って置かれるためにこの現象が発生するとのこと。具体的にいうと私の場合は、大きな画像をやや縮小して表示していたのですが、mod_pagespeed が勝手に max-width:100% で上書きして横幅を決め打ちするのに対して、縦幅はもとの大きさのままになるために、「横だけ縮小されたのに、縦は縮小されずに（つまりは縦長に）表示される」という現象になったわけです。

せっかくごにょごにょするんだったら自動的にアスペクト比（縦横比）を保存してくれればいいのにね。というわけで、対策としては、IMG タグの height 属性に auto を指定します。

おそらくこれで大丈夫？