October 2009

お絵描きブログskbooのお絵描きツールのスポイトを改良しました。

今まではクリック時のみスポイトが機能していましたが、クリック後ドラッグ中のカーソルの位置の色が吸えるようにしました。

また、ショートカットとしてシフトキーをキーダウンするとスポイトツールが選択されてシフトキーをキーアップするとブラシツールになるようにしました。

また、一時load、一時saveというflashのローカル記憶領域を使用した保存機能の動作中のメッセージを追加しました。

今まで、私の認識不足もありましたが、動作中の詳しいメッセージがでなく、わかりづらかったとお思いますが、詳しいメッセージを追加したことにより、現在の状態がわかるようになったと思います。

あと、ショートカットについて場合によって動作しなかったショートカット（redo,undo）がありましたので、修正しました。

お絵描きブログskbooのいくつか修正を行いました。

コメント時のペイントツールで設定が保存できない不具合があったので修正しました。

IE6でページのレイアウトが崩れていたところがあったので修正しました。
トップページがかなり崩れていたのはかなり痛い・・・・

会員登録の手順の説明を追加してわかりやすくしました。

前から気になっていたのですけど、外部CSSを使用してmarginを指定するとIE6で見ると指定した値の2倍になるそうですよ。
なんか広がるなとは思っていたけど、具体的にわかっていなかったです。

お絵描きブログskbooのサイトのレイアウトを変更しました。

いろいろとほかの同種サービスを参考に見て感じたことは、やっぱりトップページにアクセスしたときにお絵かきが見えないとまずいかなと思ったことにあります。ほとんどの同種サービスはそのサービスで描いたものをトップページで見ることができます。
アクセス解析でみても、トップページを見ただけのアクセスが結構多いので、それは改善しないといけないとほんと思いました。

また、それについでゲストでログインしてお絵描きツールを試したところでアクセスが終わっている感じの場合が多そう。
今までですと、ゲストでログイン中だと会員登録へのリンクがどこにもでないという痛恨のミスが・・・まいったな・・・
ログインしていないときとゲストでログインしているときはすべてのページで会員登録へのリンクが目立つ場所に常にあるようにするようにしました。

なんか、お絵描きツールを良くするのに注力しすぎてて、サイトにくるユーザー視線でサイトの構成をするのを見失っていたかんじです。

バランスよくやるようにしないといけないな･･･

お絵かきブログskbooのパレット位置が変更できるようにしました。

パレットを右または下に配置できるようにしました。
解像度が800×600ですとカラーピッカー起動時に横にスクロールすることをになるので下に配置できるようにしました。キャンバスの上とか左への配置も検討しましたが、flashの表示方法からの理由でキャンバスの上と左には配置不可能となりました。
また、お絵かき画面でのキャンバスの配置をできるだけ左に寄せるようにしましたので、パレットを右側に配置しても右側に前よりは多少余裕ができたと思います。

お絵かき画面を開いたときに解像度のサイズを判定してパレットを自動で下または横にします。開いたあとでユーザーが配置場所を変更できるようになっています。

その他の変更点は

・ピッカーの種類を選ぶプルダウンメニューはブラシの色の上（または左）に配置しました。
ブラシの色の下（または右）ですと、IE6で表示がおかしくなる不具合があるためです。

・「color保存」というブラシの色を保存しておく機能を拡張して、機能の名前を「設定保存」に変更して選んでいるカラーピッカーの種類も保存しておくようにしました。

・お絵かきツールのツールの配置を多少変更しました。

プログラムが複雑になってきましたので、今後は更新するときにトップページで更新作業中なのをお知らせするようにいたします。

それにしても、自分で思っていた以上にflashを絡めたAjax色の強いサービスになってきたなと思う。
 

お絵かきで使うカラーピッカーを2種類にしました。ただ、IEでは表示が崩れているのは確認してます。なので、まだ、テスト機能としておきます。動作はするので、問題なく使えます。

通常、type1になってます。
type1は以前からのカラーピッカーです。
type2は固定のRGBのカラーパレットとネームドカラーのパレット、RGBの値をそれぞれスライダーで操作するカラースライダーの3つをタブで切り替えて使うカラーピッカーです。

ほんとは表示が崩れているのを直してから公開にしたかったのですけど、諸事情により公開にしました。なるべく早くIEで表示が崩れているのを直していきます。