[小技]画像ファイルの縮尺を元の画像に影響出さずに変える方法

昔、彼女がまだいた時に真冬のデートで「寒い」と言いすぎて
凄く相手の機嫌を損ねたことがあります、どうも今晩は。



寒いもんは寒いじゃん。。。





っつーわけで、相変わらず絶賛オープン前の作業で忙しいaipoの対応中に気づいたことについてのメモ。








やることやってもうある程度オープンできる状態になりやして、
こっからはAipo色をサイトから消していく作業に移ります。




どういうことかというと、社内に展開する場合に、
このグループウェアが何のソフトウェアを使っているか、
というのをバレないようにする為に
例えばサイトのロゴを会社のロゴに変えたりとか、
まぁ今回で言えばAipoの場合だとURLにデフォでAipoって
入っちゃってるのでそれを削除するみたいな作業。



これは何のためにやるかというと
悪いユーザーがいたとして、そいつが「このサイトはAipo使ってるのか。シメシメ・・・、じゃあAipoの脆弱性を調べて攻撃してやる！」とならない為の対策です。



まぁ、、、脆弱性を突けるような輩がいたら、そいつはどんなにAipoってバレないようにしても
気づくとは思うけどね・・・




とはいえ、なんとなくなのですがそのままオープンするのはエンジニアとしては
格好悪いような、そういう空気も漂っていたりするため、 とにもかくにも
Aipo色を消しましょう。
（仕事の大半は己を強引に腹落ちさせて取り組むことだと思います！）





というわけでそんな作業の最中にロゴのサイズ変更でかなり詰まったのでメモします。






まず、Aipo7のログイン画面として設定されているファイルは簡単に見つかりました。






/○○/webapps/aipo/WEB-INF/templates/vm/portlets/html/ja/accountlogin-form.vm


↑以外にもセッションタイムアウト時やcookie error時のファイルがあります。




ほんで、このファイルの230行目らへんにある
<div class="logo"><img src="themes/$!theme/images/logo_l.png" width="285" height="105" alt="Aipo6" /></div>




↑の行のlogo_l.png。


こいつを自分の変えたいロゴファイルに変えたらあっさり変更できた。
ただ、そのまま変えるだけだと画像の縮尺がおかしいので width="285" height="105"
の値を自分が変えたロゴの元々の縮尺に書き換えておｋ。




うん、綺麗になったね！



つーわけで上司に報告。




「ロゴの変更完了しやした～確認お願いします～♪」










鼻歌混じりに別の作業をしていたら、上司からレスが来る。






「え、なんでソース書き換えてんの？」







「え？・・・・・・（ダメなの？）」









上司いわく、ソースは極力書き換えなくて済むように努力すべし！ということ。


これは至極当然で、後のメンテのこととかを考えれば、
基本的にはデフォルトの設定はいじらないほうが良いに決まっている。





でも画像のサイズとかどうするの？





「デフォの画像サイズに合わせた画像を使え、無いなら作れ」






「ひぇぇぇーーーー！！」









ということで画像のサイズをいじくることに。。。







まず、試しに使おうとしていた画像ファイルの縮尺を
Aipo標準の縮尺（285×105）に変更してみる。



そうすると、当たり前だけどめちゃくちゃ画像が滲んで超ダサい。。。






 ちなみに、参考までにこのblogのアイコンでやってみるとこんな感じになります。

■元の画像ファイル






■変更後の画像ファイル



 にじんでる。。。



なうえでとりあえず、そのロゴ画像をアップして先輩に見せたら
「別にいいんじゃない？これで」


という超他人事オブザイヤーだったので逆に腹が立ち頭をフル回転させる。





「はっ！！！ひらめいた！！！！」




画像のサイズを変えるということに頭が偏りすぎていたけど、
画像のサイズを変えることは目的ではない。




目的はデフォルトの縮尺に合わせた画像ファイルをアップすることである！






そのことに気づいた瞬間、俺の行動は早かった。




 まず、パワーポイントを開き、パワーポイント上に対象となる画像ファイルを置く。



そして、その画像ファイルの上から
図形を配置。




図形を白で塗りつぶし、枠線も白へ変更、
そしてその図形のサイズを285×105へ調整。




二つの画像をグループ化させて、図として保存！！！





 できたーーーーー！！！！（何言ってるか分からない人本当にすみません。）



 ちなみにこのblogのロゴ画像でやってみるとこんな感じになる。




これも立派な285×105。背景の図形のサイズを調整しているので
元の画像の縮尺には一切影響がない。








よく上司から教わることですが
「IT技術において、やってみたいと思ったことで実現できないことはほぼ無い」
というのは本当だなぁとこういう時しみじみ思います。

あと、手段の目的化、には気をつけたいところです。。




あまりこの手の問題にぶち当たる人は少ないかもしれませんが、
もしももしもの場合にぶち当たったらどうぞご活用ください。







以上終了また次回。