2006/10/31(火)

もうこれでリニューアル完了っていう事でいいよ。 このエントリをはてなブックマークに追加 

Filed under: HTML,JavaScript,PHP,WEB制作,お絵描き — KAY @ 01:45:38

結局CSSは必要最小限で。そのうち気が向いたら代替CSSとか導入するかも。

あと、しぃペインターを導入して絵板を復活させました。
一応サーバ側の処理は自分でスクリプト書いたんだけど、なんかいろいろ挫折した。
いちびってajax使っていろいろやってみようと思ってたんだけど、object要素があまりにも使えず……。orz
ていうか、Firefox2.0でobject要素に対してtypeofしたら”function”を返すのはなぜなんだぜ?

ライブコネクトのコールバック関数とかもうまく動かないし、iframeの代替として使おうとしても全然思うような動作しないし……。
XHTML+PHP+MySQL+Ajaxなお絵描き掲示板として華麗にデビューさせたかったんだけどなあ……。

とりあえず、現時点で超超作りかけです。KAYが使えればいいやという感じで作ったので、返信機能すらありません。
IEにも対応してません。IE7ではどうだろう……。
KAY以外の方も使っていただいて全然構いませんが、まあ誰も使わないだろな。

コメント(13)

  1. コメント by 真 — 2006/10/31(火) @ 18:49:15

    リニューアル完了お疲れさまでした。
    完了早々に申し訳無いですが「続きから描く」でメチャ適当な落書きをアップしてしまった気がします。
    すいません(T_T;
    原因不明ですが、どうやらsafariではアプレットが呼び出されないようで、絵を描くには至りませんでした。

  2. コメント by KAY — 2006/11/01(水) @ 04:16:33

    >真さん
    ぎゃあ~~~~全然大した事してないのでお疲れ様でしたとか言われると非常に申し訳ない気持ちに……。^^;
    や、ありがとうございます。

    IE非対応というとんでもない仕様からも判るとおり、とにかくOperaでさえ動けばいいや的な感じでやっちゃってました。^^;
    まさか、早速試していただけるとは思ってなかったので……。
    わざわざご報告ありがとうございます。

    なんかよくわかってないのですが、ちょこっと調べたところどうやらSafariはobject要素のarchive属性に対応していないというような情報を見つけましたので(どのバージョンを指しているかは定かではない)、とりあえずparam要素でarchiveの指定をしてみました。どうでしょうか。
    あともうひとつ、もしかしたらこっちの方が原因としては有力なのではないかと思うのですが、一部

    <!param name="hogehoge" value="foobar" />

    という謎の記述がありまして、これも修正しました。恐らく、コメントアウトを除去する時にミスったんだと思います。というかむしろほかのブラウザがこれでよく正常に動いてたなと……。

    ほかにも、とりあえずという感じでいろいろ機能を付け足しておきました。ひとまず普通に使う分には問題ないレベルにはなったと思いますが、か~なり突貫なのでバグバグな可能性大。^^;

    お手数ですが、もしもSafariでうまく動かないようでしたらFirefoxかOperaでお試し下さいませ~。
    一応Win環境では両ブラウザでの動作確認は出来ているので……。

    あと、今後の予定としては返信機能、上書き機能、PCH再生機能と。メモメモ。

  3. コメント by 真 — 2006/11/01(水) @ 21:02:20

    使う機会があまり無い要素なんで気にもしてませんでしたが、object要素は結構面倒なんですね。

    Safariは変化が無いみたいです。ブラウザがJavaアプレットだと認識していないのかも知れません。
    OSX+Firefox2.0だとアプレットは起動しているのですがGUIが画面に出てこなかったです。
    OSX+Opera9.0はGUIは出たのですがツールのメニューを操作していたら絵が描けなくなっちゃいました…
    次回はWIndowsで挑戦です|ω・)ノシ

  4. コメント by KAY — 2006/11/02(木) @ 07:35:39

    >真さん
    うぐぅ……。どうにかしてobject要素で対応させてみようと思ったんですが……。
    ま、負けました……object要素に負けた。orz
    XHTML1.0TransitionalでDOCTYPE宣言して、applet要素を使うように変えました……。
    動作検証、ありがとうございます~。なんかほんと、ありがたいやら申し訳ないやら……。今度こそsafariでも大丈夫だと思います。(確認は出来てませんが……

    object要素、マジ使えねー。つかぶっちゃけ、ブラウザ開発してる側はもうFLASHしか想定してないんちゃうかと。

    それか、今後はお絵描き掲示板もこういう流れになっていくんですかねー。
    はぁ……。

    やっぱmac mini、買おかな……。pearPCという手もあるけど、あれ、確かメインの開発者の方が事故かなんかで亡くなられたんですよね。それ以来開発はほぼ止まってるみたいだし……。もう少し待てばIntelMacのエミュレータも出てくるのではという淡い期待も。
    あーでもやっぱりmac mini……ううぅ……。

  5. コメント by 真 — 2006/11/02(木) @ 20:11:10

    Safariでアプレット起動しましたー(;´Д`)
    信念曲げてまで対応して頂いた以上は使わせて頂きます。

    SVGは…リンク先の最初の検索結果を踏んだらブラウザが落ちました…もうちょい踏ん張れSafari…orz
    やはりブラウザでお絵描きにはjavaアプレットが安心出来る気がします。
    もしくはopenCanvasみたいな独立したアプリケーションか…

    mac miniはホームサーバに使えそうで良いかもですね。KVMに繋いでVNCで操作とか…いやWebサーバならSSHで良いか、って結構楽しそう。
    ただ、Appleの製品は買い時の見極めが…
    買って間もない内にAppleのトップページに
    「まったく新しいホゲMacの登場です」
    とか出されると立ち直るのに時間が…

  6. コメント by KAY — 2006/11/03(金) @ 02:19:38

    >真さん
    わーもめでとうございますーっ。……って俺が言うのも変だな。^^;
    こちらこそ、マークアップ実験サイトのしょーもないわがままに付き合わせてしまって申し訳ないです。

    マークアップの実験用個人サイト、という名目で現状無視の行き過ぎた前方互換をあえて実践してきてましたが、やっぱりサイトのコンテンツを利用していただけるというのは嬉しいですし、真さんにお絵描きしていだけるのなら本望ですよー。^^
    楽しみにしてます。^^v

    あ、でも投稿するときは一応スクリーンショットでバックアップをお願いしますね……。ちゃんと動くか自信ないです。orz

    SVGは、実際のところ、実用に耐えうるお絵描きツールとなるのかは微妙かなとは思うんですけどねー。どうだろ。
    ベクタ画像でお絵描きという事なら、FLASHの方でもうちょっと発展をみせてもよさそうなんですが。
    あーでもしぃウェブノートなんかはかなり高機能っぽい? 使った事ないですけど。^^;

    macは……動作の検証をするときだけ、無性に欲しくなるんですよね。
    買っても使い道がSafariの動作確認だけじゃなあ……とか思うとさすがにちょっと。
    買ったあとに使い道が見えてくる場合もあるんでしょうけどねえ。
    Macでホームサーバとか、確かに面白そうかもですねえ。

  7. コメント by 真 — 2006/11/05(日) @ 13:43:48

    お絵描きは出来たんですがPCH…かな?の生成に失敗したとやらで投稿は出来ないようです。
    Javaプラグインが悪いんだろうなぁ…
    折角対応して頂いたのに最悪な感じですがSafariで投稿は諦めます
    …いやMacでの投稿ですかも(;´Д`)

    お絵描きチャットだとベクタの方が転送量小さく出来そうですね。
    Canvas要素と組み合わせてwebページの上に落書きとか楽しいかも。

  8. コメント by KAY — 2006/11/05(日) @ 18:20:52

    うぁああぁぁあああ~~orz

    うぅ~~ん、アプレット側の不具合はどうしようもないですねえ……。
    PCH生成のエラーは、こっちでも何度か確認してるんですが、アップロードしたファイルを正常に読み込めなかった場合にしか発生しなかったので(一部のJPEG画像?)問題はないかと思ってたんですが……。(画像の読み込みに失敗したら普通はそのままアプレット閉じるかなと思って)

    PCHの生成に失敗するだけならPCHの生成処理をすっ飛ばしてやればOKなのでは? と思って色々試したりもしたんですが、どうやらこのエラーが出る場合はものすごく中途半端な部分までしかデータが渡ってこないらしく、画像の方も上のとこがちょこっとだけしかないというものでして……。

    今回の真さんのやつも、画像のディレクトリ覗いてみたんですが、やっぱり上部の一部分だけの画像が残されてるだけでした……。
    これ、削除しちゃって問題ありません?

    色々とお絵描き、動作確認ほんとにありがとうございました~。
    また、Winの方ででもご訪問お待ちしております~。
    今回はほんとにありがとうございました。
    では~。

  9. コメント by KAY — 2006/11/05(日) @ 21:04:36

    とりあえず返信機能追加完了~。
    う~んしばらく運用してみて使えそうなら配布出来るようにパッケージ化してもいいかな? とも思ってたんだけど……。

  10. コメント by 真 — 2006/11/06(月) @ 22:04:35

    なるほど、取り敢えずアップロードしなければ問題は起き難いと言うことですね…Safariは別にして…
    お手数ですが壊れた画像は削除をお願いします。
    それでは次回はwindowsで…|ω・)ノシ

  11. コメント by KAY — 2006/11/08(水) @ 21:56:29

    >真さん
    画像消しておきました~。

    とりあえず、アップロードした画像から新規お絵描き、という仕様はやめようかと……。
    別個にアップロードという項目をメニューに追加する感じで。

    実は、今の仕様だとアップロードしたファイルの扱いがどうにも微妙で……^^;
    アップロードしたあと、アプレットから読み込まなきゃいけないわけですが、一度読み込んじゃうともうそのファイルはいらないんですよね。
    で、いらなくなった一時ファイルをどのタイミングで消すかが問題となるわけですが、アプレット開いてから30秒待って削除、というめちゃくちゃなやり方してました。^^;

    投稿失敗したやつって、スクリーンショットとか取ってありますでしょうか……。
    アップロード機能追加したら、ぜひとも投稿していただければと……。

  12. コメント by 真 — 2006/11/11(土) @ 21:59:03

    >タイミング
    うーん、確実に投稿が来るなら良いのですが、そうも行かないだろうし。
    jsで拾えるパラメータの変化があれば、削除処理を呼び出せるのですが…あーでも確実さに欠けますね。
    難しい…

    >画像消しておきました~。
    すいません、ありがとうございます。
    スクリーンショットは一応撮った…はず……あれっ…(;´Д`)…行方不明…
    手間は掛かっていないので描き直しorアップロード機能が追加されたらPainterか何かで描いてみます。

  13. コメント by KAY — 2006/11/13(月) @ 00:45:41

    >真さん
    わー!! わざわざ描き直していただくとか、そんな申し訳ないとか思いつつめっちゃ楽しみですごめんなさい~。^^;

    >jsで拾えるパラメータの変化があれば
    そうそう。最初はライブコネクトで、アプレットが起動したときのコールバック関数を利用して消そうかと思ったんですが……。なんかうまく動かない上に、どうもSafariは対応してないっぽい記述もネット上で見掛けたり……といった感じで断念しました。^^;

トラックバック(0)

この記事へのトラックバックはありません。

この投稿へのコメントの RSS フィード。 TrackBack URL

コメントする