えーものすごく小さいことなんだけど、日付のところに時計のアイコンが出るようにしました。凝視してみるとわかると思うんだけど、時計なんですよこれ。

で、これ、gifでもjpgでもpngでもtiffでもsvgでもswfでもましてbmpでもなくて、canvasなんです!!詳しくはこことかこことかで見て!

ずっとこのcanvasを使ってみたかったんだけどあんまり見聞きしないし、正直面倒だったので後回し後回しになってたんだけど、やっと踏み込みました。いつもどおり「うはーわからーん、わからんわー!」と言いながらの作業でした。
とりあえずーな感じの仕上がりなので、もうちょっとなんとかしたいところ。

んでまぁ、感想。

  • 最初ちょう取っ付きにくかった(SVGもこんなだったような気はするけど)
  • わかんないんだけど、絵が出るものは安心できる
  • これ、単位にemとか使えねえの?pxビタとかやなんだけど(これ痛い)
  • なので、現状だとブラウザのフォントサイズ変更についてけない…(jsでなんとかできるかなぁ)
  • 多分、あんまりいい使い方してないよね… これグラフとかに使うんだよね…(あとアニメーションとか)
  • 次はアニメーションかなー

IEは全バージョンでcanvasに対応していないんだけど、uupaa-excanvas.jsを利用してIE(6〜)でもOKな感じになってます。確認は7でやってるから、6とか8とかだと見えてないかもしんないなー。

追記:
ブラウザのフォントサイズ変更についてくように修正した。JavaScriptのSetIntervalでフォントサイズを監視して、変更があればcanvasも描画し直しってやりかたで。

Yasutaka Sato

Neet / Web Designer

More...