ぶーすけの開発ブログ

お絵かきツールのアップデートを行いました。

主な内容

・以前は3枚固定のレイヤーでしたが、1枚から20枚までのレイヤーを増減しながらの作業が可能となりました。

レイヤーウィンドウに「追加」「削除」ボタンを追加しました。これを押すことによってレイヤーを追加したり削除したりできます。
また、レイヤーの階層はレイヤーをドラッグアンドドロップすることによって階層を移動させることもできます。

・Undo、Redo機能の強化

レイヤーを増減できるようになったのに伴い、作業履歴の管理の中にレイヤーの追加した情報とレイヤーを削除した情報を入れて、Undo、Redo機能を使うときにレイヤーを追加した削除したことを内容を戻したりできます。

・ウィンドウの最小化

お絵かきツールのそれぞれのウィンドウのタイトルバーの部分でダブルクリックすると最小化します。最小化した状態でダブルクリックすると元の状態に戻ります。

・以前のお絵かきツールも使用できるようにしました。

新しくアップデートした時点ではまだバグが発生する可能性もありますので、アップデートして間もないバージョンは「開発版」、以前のある程度期間が経っているバージョンについては「安定版」という風にして公開することにしました。一応、念のためです。

「開発版」「安定版」の切り替えはお絵かきツールのキャンバスの下に「切り替え」ボタンがあります。押すことによって「開発版」のときは「安定版」に、「安定版」のときは「開発版」に切り替わります。

バグフィックスの対応では以前ではバージョンナンバーをバグフィックスしてリリースした日時にそうようなナンバーにしていましたが、今回からはバグフィックス対応版の場合は下2桁の数字を上げてアップデートしたことをあらわすことにしました。

・20101219バージョン（現「安定版」）の「作業再開」機能を使用時の不具合を修正

キャンバスのサイズをデフォルト状態から変更して「作業中断」して「作業再開」するときに不具合がありました。

それに伴い、「作業再開」「作業中断」時の保存形式を変更いたしました。以前の保存した物が開けないという方は、変換ツールを用意しましたので、http://skboo.net/convert.php（要ログイン）にアクセスして変換してください。

今回アップデートの予定が去年の年末頃を予定していましたが、なかなか自分の中で無理なスケジュールを考えてしまい、思うようにいきませんでした。

動作チェックを繰り返して自分でも安定したお絵かきができるまで時間を要しました。もしバグが発生した場合はできるだけ早く対応させていただきますので、「掲示板」へご報告いただけると幸いです。よろしくお願いします。

現在、確認している事象。

・IE6でレイヤーの重ね順の入れ替えをするときに移動するレイヤーの表示・非表示のチェックが外れる。

・IE6でお使いになるとき、Undo、Redoするときに反応が鈍いときがあります。ゆっくりと一回ずつボタンを押すといいと思います。早く何回押しても反応しないときがありますのでご注意ください。

・現時点でUndo、Redoを使ったときレイヤーの可視、不可視の情報とレイヤーの不透明度の情報を維持していない。

・レイヤー数の上限が20枚というのは私の環境で動作チェックしているときの何とか作業可能な枚数ということで設定させていたいただきました。実際には10枚ほどで作業するとちょっと線などを描いているときに動作が重くなってきているかなと感じたりします。

・お絵かきツールでtitleとmessageを入力するときの現在の文字入力数がわからないのと文字入力上限数のアラートが出ない。

Skbooのお絵かきツールのレイヤーで不透明度を設定できるようになりました。

レイヤーの不透明度はスライダーを動かして設定します。

前回のアップデートから機能の追加をいろいろとしようと作業をしていたところ、作業効率が悪くなってきたので先に効率が上がるようなスクリプトの書き換えを行いました。実際はまだまだ改善したほうがいいと思うけど・・・

そのスクリプトの修正が少し原因にあるかもしれないけど、今まで正常に動いていたと思う機能でバグが見つかったりとなかなか新しい機能まで手が回らなかった。

あと、なぜかActionScriptの基本的な書き方を間違えて、はまったりとかなり参った感じでした。Operaのバージョンもあがって変わった部分もあったしね。

お絵かきツール以外にも細々と修正を入れてます。

レイヤーに関連する機能で、自分としてはレイヤーの枚数が固定なのをレイヤーを追加したり、削除したりは必ず必要だと思うので追加したいと思っています。年内中にアップデートできたらいいなとは思うけど、予定通りいかないだろうな。

Opera11.00にバージョンアップして、Skbooの動作確認をしていたら、「作業中断」「作業再開」の機能が正常に動作できなかった。

結果としてJavascriptの警告で以下のようなメッセージが出ていました。

JavaScript
User Javascript thread
Your browser does not support scriptStorage or storage quota is not specified.
Set "opera:config#PersistentStorage|UserJSStorageQuota" >= 500 Kb.

これにしたがって、Operaでの設定が必要らしい。このJavascriptの警告はいろいろと検索してみた結果、Opera11.00からUserJSStorageQuotaという設定項目があるみたいです。

Opera11.00をお使いの方は
opera:config#PersistentStorage|UserJSStorageQuota
をクリックすると設定ファイルエディタが開いて「500」と入力すれば、「作業中断」「作業再開」の機能は正常に機能するようになります。

設定ファイルエディタの詳細については
http://ja.opera-wiki.com/設定ファイルエディタ
に詳しく書かれています。

ちなみに、Opera11.00から導入された拡張機能で「NoAds」の拡張機能を導入する上でもopera:config#PersistentStorage|UserJSStorageQuotaの設定が必要だそうです。

そういえば、UserJSStorageQuotaの設定をする前にOperaの拡張機能をためしてみたくなって、「NoAds」をインストールして「NoAds」のpreferencesを開こうとしても開かなかったけど、今はきちんと開くようになってます。  

お絵描きツールにレイヤーの機能を追加しました。
現時点では３層のレイヤーになっています。

レイヤーは表示と非表示の切り替えができます。また、レイヤーの重ね順を入れ替えることができます。
レイヤーの表示・非表示は、レイヤーウィンドウのレイヤーのリストのチェックボックスのチェックで切り替えます。

お絵描きツールのレイヤー機能について

また、作業中断の機能を使うとその時点でのレイヤーの状態すべてを保存するように変更になりました。
作業中断で保存したあとに、作業再開で保存したものを読み込むとそれぞれのレイヤーに展開されます。

作業中断機能と作業再開機能について

お絵描きを投稿するときにすべてのレイヤーと背景が表示されていないと投稿できません。
この変更によって、以前背景の機能を追加したときの懸念事項でした背景を非表示の投稿時にキャンバスのグリッド柄まで投稿されることを解消できたと思います。

お絵描きの投稿について

レイヤー数などについては今後の改良ポイントにしていくつもりです。

あと、話は変わりますが、Skbooのほうにも掲示板が前々からありますし、いろいろなところで同じような情報を何度も書くのは手間もありますので、書く内容の住み分けをしたいところですね。

Skboo掲示板にはアップデート内容などなるべく技術的なことは上げずに変更点やその操作方法など書いていきたいと思います。

開発ブログのほうは気が向いたら書くというのとどちらかというと技術的な内容のことを書くようにしていけたらいいかなと思います。
開発ブログのほうはいまいち自分で活用できてないので、もっと適当な感じに記事の内容もふやしていこうかなと考えているところです。

背景について変更しました。

背景のチェック柄を「背景のon/off」のチェックボックスで切り替えられるようにしました。
背景の色を「背景色」で指定できるようにしました。
お絵かきツール起動時、背景は透明状態から白に変更しました。

あと、投稿するときはキャンバスに表示されている状態で投稿されるようにしました。これは背景がチェック柄の場合は、チャック柄で投稿されますのでご注意ください。
これについては、様子を見ながら変更を加えるつもりです。

なんというか前からわかっていたことだけど、お絵かきツールの使い方についての説明はあまりしてなくてはじめて使う人には戸惑いがあるかもしれない。初めて使う人にもわかるようなお絵かきツールの解説は用意したいですね。機能の追加や変更があるので、手軽にできればブラウザ上でお絵かきツールの解説を編集できるようにしたいと考えているところです。