こんにちは。paperboy&co.の鈴木です。

暖冬のせいで、3月なのにもう春？なんて思っていたら大雪。これから例年の気候に戻りつつあるそうです。温かすぎる冬も不気味でしたが、3月を過ぎてから寒くなるのも、複雑な気分ですね。体温調節ができるように服装に気をつけたいものです。

今月は、前回に引き続き「アルファチャネル透過PNG」を取り上げます。

技術を知っているだけのプログラマーから卒業しよう

前回ご紹介した「透過PNG画像」を使う方法は、「Windows IE6の場合のみ、AlphaImageLoaderを使い、それ以外の場合は、GIF画像と同様に<img>タグを使う」というものでした。

言葉にしてしまえば、それだけのことですが、実際にブラウズ環境ごとにHTMLソースを書き換えることは、非常に手間のかかることです。そして、手間のかかることは、広く実用されることなく埋もれてしまうのです。

若手プログラマーの方へ、知っていただきたいのは、まさにこの部分。

「この技術を応用すれば色々できるヨ」
と自慢するレベルから、その技術を元にツールを創り出して
「このツールを使うと、ズバリこれができる！」
と提案することが重要だと思うのです。

で、こんなのを作りました

では、「透過PNG画像」を使ったツールについて、私が実際に開発したものをいくつかご紹介しましょう。

• 透過PNG画像の置き換えを自動化 - 湘南PNG
  「湘南PNG」は、HTMLソースに1行追記するだけで、Windows IE でも、それ以外のブラウザでも、透過PNG画像をGIF画像と同様に利用できるようにするツール。
  
  
  

• class指定で写真にフレームをつける - 湘南フレーム
  「湘南フレーム」は、IMGタグに"ShonanPhoto"というclass属性を設定するだけで、簡単に写真フレームをつけることができるツール。
  
  
  

• 吹き出しヘルプを簡単作成 - 湘南トーク
  「湘南トーク」は、吹き出しの中に表示したいHTMLを、DIVタグで挟むだけで簡単に吹き出し表示してくれるツール。
  
  
  
  
  

ユーザーに愛されるプログラマーになろう

ご紹介したツールは、透過PNG画像を使ったほんの一例に過ぎませんし、ものすごく新しいことにトライしたものでもありません。むしろ私は、大切なことは新しい技術を使うことではない、と思っています。

それよりも、「ユーザーが使いたいと感じる」レベルまで歩み寄っているかどうか。そこが、自分のプログラマーとしての技術を活かせるかどうかの別れ道ではないでしょうか。

次回は、少しデザインからは離れて、「アナログ系プログラマーに求められるコミュニケーション」をテーマにお送りします。どうぞお楽しみに。

関連リンク

アナログ系プログラミングでいこう　バックナンバー
株式会社paperboy&co.
プチ・ホームページサービス
湘南PNG
湘南フレーム
湘南トーク
プチメイト・パラダイス
プチ・コラム「それ、書こっか？」