imgタグの属性値、解釈の違い…

仕事で取り組んでいるサイト作成のお仕事がまもなく終わります。現在は各ブラウザでの確認を行っております。手元にすぐ用意できるiPhone、iPadでまずは確認。一部明朝で表示したいところあるのだけれど、iOSのフォントの問題でそこはゴシック体のままでした（笑）。そんなお話。

フォントがないのだから、まぁこれは良しとして…。問題なのは今回の仕事がレイアウトがすでに決まっているものを再現したデザインであり、フォントの大きさも指定しているということ。iOSで使われているフォント（おそらくヒラギノ）の文字間隔などの影響か、レイアウトが崩れている部分があります。ここは改行を入れたり、文字を増減して微調整しました。

次はWindows XP以降でチェックしたいなぁと思っていたら、ちょうど私物のネットブックを会社のサーバーに接続したいという人がおりまして。一時的にネットブックを預かりました。OSはXPでブラウザはIE8です。さっそくサイトの確認をさせてもらうと…一部の画像が表示されないトラブルが発生。

Firefox2とiOSのSafariでは問題がなかったのだけれど…調べてみたらimgタグの属性が原因でした。PHPでソースを書き出す際、画像サイズを登録指定ある場合はimagタグのwidth属性とheight属性に数値を書き込んでおりますが、一部の画像ではサイズを登録せずそのまま出力しているので属性値が「width=”” height=””」になっていたんです。

で、これまで試したブラウザ（Firefox2、iOSのSafari）では属性値が空の際には指定していないものとして処理していたのだろうけれど、IE8では属性値を0（ゼロ）として扱う仕様になっているのだと思います。

サイト作成の途中まではIE6でもチェックしていのただけれど、今回問題が起きたのはIE6では未チェックの部分でした。IE6で確認したら、IE8と同様に画像を表示しませんでした。

この件は当然、機知の問題なのだろうけど、今回についてはめんどうだったしすぐに解決したのでネットでは調べておりません。まぁ、普通は属性を記述しながら数値を書かないなんてことはないと思うので、こんなおかしな失敗をすることはないですよね、きっと（笑）。

振り込みは大変だ…

今日は昼休みを利用して地元の信用金庫へ行ってきました。以前、妻と私の口座の住所変更は済ませましたのだけれど、その時は時間が足りずネットバンキングの申し込みができなかったんですよね。また、スーパーのATMコーナーで通帳に記帳しようと思ったら、通帳を更新するため窓口に行かねばならなくなったんです。そして、次男のPTA会費を振り込まねばならないという…その3つを一度に行いました。そんなお話。

振り込みについては…窓口でやるよりもATMで振り込んだほうが手数料が少なくて済むそうですね。知らなかったです。しかも、窓口のお姉さんのお話では「当支店のATMで振り込むと手数料が105円かかりますが、○○小学校PTA様の口座がある■■支店のATMまで行きますと手数料無料でお振り込みできますよ。いかがいたしますか？」。全然知らなかったです（笑）。これから■■支店まで行くのはめんどうだし、手数料がかかっても仕方がないと諦めることにしました。

それにしても…昨年初冬に引っ越しをするまで、銀行に足を運ぶことなどほぼなかった私があまりに無知なのでしょう。窓口のお姉さんにも私がATMではなく窓口で振り込もうとした時点で、ATM初心者であることが分かってしまったのでしょう（笑）。「ではATMまでご案内しますね」と窓口のお姉さんが付いてきてくれ、親切にも横で説明までしてくれました（笑）。正直、助かりました。今日日、急に金が入り用になったという息子から突然電話がかかってきたご高齢な方でも、ダッシュでATMに駆け込みマッハでお金を振り込むことができる（ダメ、ゼッタイ）というのに、私はひとりではATMで振り込むこともできない人間です（笑）。

さて、振り込みが無事に済むかと思いきや…なんということでしょう。「口座の残高が足りません…」というメッセージが出て振り込みができなかったではありませんか（泣）。口座には4万円近く入っているはずなのに（そもそもそれを確認したくて通帳記入をしたらいっぱいになってしまったのですが）。仕方がないので現金を口座に預け入れ、再度振り込みの操作を…「できる！私にもATMの操作ができるぞっ！」と嬉しくなりました。そして無事に振り込み完了。「まったく、○○小学校PTAめ、俺を手こずらせやがって…」と勝手に逆恨み（笑）。

さて、無事に振り込みが終わりまして、次はインターネットバンキングの書類記入です。私が書類と格闘していると…まったくの偶然なのだけれど、あのにっくき（笑）○○小学校PTAの口座を持つ人が窓口にその名を呼ばれておりました。ここで会ったが百年目…とっつかまえて直接お金を払いたい衝動に駆られましたが、すでに振り込んだ後ですしね。それにしても手数料105円、もったいなかったなぁ（笑）。

ネットバンキングの申し込みは無事にできました。1週間くらいで使えるようになるそうです。それにしても窓口のお姉さんが親切でした。ありがとうございました。

で、帰りがけに気付きました。口座にお金が入っていなかったのは、一緒に住所変更をした時に預かった妻の口座を間違って使っていたからでした（笑）。そう言えば、振り込み人の名前は子どもの学年とクラス、名前にしなければならないので訂正したのだけれど、訂正前の名前が自分ではなく妻の名前になっておりました（笑）。本当にダメダメですね、自分。

ペットの毛対策に…「一毛打尽」

猫に加えて今月から犬も家族に加わった我が家。掃除の時にペットの抜け毛が気になりますね。特に犬・猫のアレルギーを持っている私にとっては、こまめな部屋の掃除が必須になります。ところがラグマットやファブリックのソファについたペットの毛はなかなか取れないんですよね。そこで前から気になっていたお掃除グッズ「一毛打尽」を購入してみました。結果…ものすごく便利（喜）。「一毛打尽」を使うとペットの毛がそれこそ「一網打尽」になります（笑）。もっと早くに買っておけば良かったです。そんなお話。

リアライズ社の特許製品だという「一毛打尽」は見た目、単なる発砲ゴムのスポンジ。振動を吸収するような緩衝剤に似ておりますね。サイズは縦横が10cmほど。厚さは2cmくらいです。

布の上を軽くすべらせるだけで、布地に刺さった毛まで取ることができます。取った毛は「一毛打尽」にくっつかないのが良いです。毛が集まってかたまりになったら、ひょいとつまんでゴミ箱へポイ（笑）。そんな感じです。猫の毛ならば、どんなタイプでもよく取れるらしいですが、犬の毛は短いものは取りづらいようです。

今までは、掃除機で吸っても取れないので、コロコロ（粘着テープの掃除用ローラー）を使っておりましたけれども、すぐに粘着力が無くなるのでテープの新しい面を出す作業が面倒だったし、ゴミも出ます。ところが
「一毛打尽」ならば、いくら使っても本体からはゴミが出ませんからね。耐久性も抜群で2年ほど使えるらしいです。電気も使わず余計なゴミも出ないなんて…とってもエコですね。

今回、私が購入した「一毛打尽」は、クルマのシートソファー用でした。このほかに、カーペット用があるみたいです。

サイト作成のお仕事…

現在、会社でサイト作成の仕事に取り組んでおりますが今日、一応のコーディングが終わりました。基本的にはトップを含め５ページなのだけれど、6社が集うサイトのため、各企業を紹介する必要がそれぞれあるなど、中で分岐しているページが2つあるだけでなく、各企業の紹介の部分は文字の大きさやレイアウトもバラバラという状態（笑）。ですので実際に作成したページは15ページほどになるのかな？　コーディングは大変でした。そんなお話。

とりあえず…私が仕事で使っている環境がWindows98SEなので…主なブラウザはFirefox2（笑）。で、時々確認するのがIE6（笑）という状況。制作環境としては最悪ですね。

同じ時期に別のサイト作成の仕事をしていたpnyoさんは、お客様との打ち合わせでIE6は無視して作ることになったらしいのだけれど、こちらは一応IE6にも対応させて作ることにしました。

あらかじめデザインやレイアウトは別の業者が作っていたものがあり、これをなぞるようにコーディングするのが今回の仕事。だからレイアウトが崩れぬようガチガチに固めたサイトにする必要がありました。

そこで一部テーブル組など現在では非常識な方法も活用しておりますし、個人的にハックは使わない主義なので…力業だらけ。ユニバーサルデザインも無視。文字の大きさまでピクセル指定した、とんでもない仕様です。だから…ソースは見ないでください…という感じです（爆）。

とりあえず…Firefox2とIE6では問題ないことを確認。明日から別なブラウザでのチェックを始めます。まずは手元にあるiPad2とiPhone 4SのSafariからですね。フォントの幅の関係ですでに崩れていることは確認済み（笑）。サイトの完成までは、まだしばらくかかりそうな予感です。

外食…

今日はとても良い天気…というか暑かったです。だから外食しました。どこかのお店で食べるのではなく、本当に外でご飯を食べるの外食ですけれども（笑）。そんなお話。

とにかく天気が良かったので「こんな日は、外でＢＢＱなんか良いかも」と、ちょっと思いました。最近、妻が「焼き肉食いてぇ〜（笑）」と言っておりましたし（笑）。さっそく妻に提案してみたところ…「貴方はどうするの？焼き野菜でもするの？」と言われました。そこで、手軽にできるものに変更。外でお湯を沸かしてカップラーメンを作る、そうめんでも茹でる、焼きそばを作る…などの候補の中から今回選んだのは焼きそば。「ということで、帰りに焼きそばを買ってきて」と言われました。

スーパーに寄ってから帰宅すると、そとはまだまだ明るい。本当は子ども達と夕方公園でひと遊びできるくらいの明るい時間に帰りたいものですが、なかなかそうもいかないのは仕方のないことです。

それはさておき、テーブルと椅子を用意し、さっそく火を起こします。物置に残っていた炭は、湿気っていたのか着火が遅くて大変でしたけれども、無事に焼きそばを作って食べることができました。

引っ越しによって隣家との距離感がほど良い感じになり、小さいながらウッドデッキもあるので、今年は外でご飯を食べる機会が増えそうな予感です。