ここは練習用ページです．
自由に書き込んでくださって構いませんが，内容はシステム変更など私の都合で消えることがあります．
また，コンテンツを取り込む場合，くれぐれも著作権にはご注意ください．

ページ下のpassword欄に正しい値
（このページのパスワードは 1234 ） を入れてから，この右上のcreateボタンを押すと，新しいスプライトが作成されます．（ボタンが見えない場合は，ブラウザのスクロールバーで右へ移動してください．）

スプライトを消去するには，内容を空にして保存します．

ページの状態を保存するには，パスワード（1234）を入れて，ページ下のSaveボタンを押します．

わーい。

これはHTML許可モードだけど、禁止モードの場合は（巷のBBSみたいに）表示時にはテキストの改行に<br>が挿入されると良いかもー。

クマキチ参上！ ヾ(〃^∇^)ノ♪
何か、不思議な感じですね。

ブラウザの横スクロールバーをドラッグすると、視界も一緒に動いてしまうようですな。@Firefox1.5.0.4
横スクロールバーを視界と重ならないようにすればOKですが。

HTML許可モードとHTML禁止モードが一つのページに共存出来ると使い分け出来そう。

• HTML許可モード：ページ作成者、サイト管理者用
• HTML禁止モード：コメントを入れるゲストユーザ用

とか？

……なんか好き勝手いっとるなあ、ワシ（汗

エディタの機能追加(2006/6/4)
このスプライトを重なりの一番上へ
このスプライトを重なりの一番下へ

ご報告どうもです．縦横スクロールバーのドラッグで視界が一緒に動く問題について，手元の環境で確認しました．
・Win版Firefox1.5とIE6.0で発生
・Opera, OSXのFirefox, Safariでは発生せず
これ困りますね．なんとかします．
⇒なんとかしました．スクロールバーを含まない領域を取得できるので，判定を増やしました．（2006/06/04）

レイヤ機能キタワ
｜
！

←ドラッグしなければいいだけなんで、回避出来ますけどね。
あ、でもゲストユーザが戸惑うか……
あるいは、スクロールバーと視界が重ならないように、Javascriptでブラウザのウィンドウサイズを取得して視界のwidthとheightをそれより一回り小さくするとか？(Googleマップみたく)

うちのFirefox1.5.0.4@Win2Kではいまだ横スクロールだけ現象出ます。設定や拡張が悪さしてるかと思って新たにプロファイル作ってみましたが変わらず。なんでだろ？
IE6ではこんなエラー↓が出るものの、とりあえずちゃんと動いている模様。
http://sp48k.t12i.net/etc/positlog-ie6-error.png

IE6のオブジェクトがありません，というエラーは，ロードのタイミングのためであるように思われます．（とくにアイコンのロードが他の環境と比べて遅い・・・）細かい制御になると思うので，しばらく手をつけられないっぽいです．いまんところ，ページのリロードで対処してください．
→修正しました（6/16）

ふたたび修正しました．
なんでだろう・・・．さっきFirefoxを1.5.0.3から1.5.0.4へアップグレードしたので，原因究明がわやくちゃになってしまいました．

コミュニティ機能について．
いまんとこ複数人で使うようには作ってないのでいろいろ怖いです（笑）
・まずはロック機能いるよね．いまは同時更新するとどっちかが上書きされるか，最悪壊れます・・・．
・HTML許可・禁止モード．なるほど．あるといいですね．権限の種類はやりはじめると大変なのですが，とりあえず次の３つかなぁ．

• ページ作成可能（じつは今は誰でもページつくれちゃう．）
• ページ書き込み修正可能
• HTML利用可能

これでだいたいWikiっぽく使えそう．
あと，スプライト毎に作成者とアクセス権を持たすかどうかで大きく変わりそう．いまはないです．

さっそくバグレポートが配置的に収集つかなくなってるので，これをうまく並べる方法を考えるのも面白い課題だと思います．
⇒「済」印のスプライト群について，配置をグループ化＆ロックする機能があればいいのかな．

クマキチくん，こんにちはー．
不思議っすか・・・．

うちにも設置してみましたよ、と。付箋としか使えてませんが。
グループ化については、spriteの相関に対等的なものと親子的なものがあると思うんですよ。
対等的なものだと例えばここのバグ修正レポ＋「済」印とか（笑）、何かの説明をするのにテキストと絵をまとめる時。親子的なものだと例えば今みたいなやり取りをする時。
で、対等的な相関を持つspriteグループのHTMLマークアップとしては
<ul>
<li>sprite 1</li>
<li>sprite 2</li>
<li>sprite 3</li>
</ul>
親子的な相関を持つspriteグループのHTMLマークアップは
<ul>
<li>sprite 1
 <ul>
 <li>sprite 1-1
  <ul>
  <li>sprite 1-1-1</li>
  <li>sprite 1-1-2</li>
  </ul>
 </li>
 </ul>
</li>
</ul>
などとすると、CSSの子孫・子供セレクタを使うことでスタイル指定の区別ができそうだし、テキストブラウザやCSSをoffしたブラウザでもsprite同士の相関が掴みやすいのではないかなー、と。
ただ、各spriteに親sprite名、同世代での通し番号といった相関情報を追加する必要があるので、スクリプトの大幅な書き換えが要りそうですけど。あ、UIも複雑になるのか（汗
まあ、こんな考え方もあるということで。

おお，設置されましたか！　いろいろ活用していただけると幸いです．

必要な構造とマークアップについてはご提案のとおりだと思います．（ただ，順序を記述したいケースではolを使うべきなのかなぁとも思うけど，それはまた次の話かも．）
UIについてはシンプルにとどめて，コンテンツによって面白くできるようなシステムにしたいと思います．
SVGやVMLとかXULとか色々目移りするのですが，クロスブラウザに深入りしてもその場しのぎの連続になって，しょうがないと思ってますので・・・．
もちろん，スプライトのなかにSVGとか書いてもらう分には大歓迎！　という風に問題を切り分けています．

たしかに、順序あるリストについてはolを使い、状況に応じてlist-style-type:noneで非表示にするのが正解ですね。ただ、後から間のspriteを消されて櫛の歯が欠けたようなリストになったりするとどうなのかなー、とか。
……マジ配置が収拾つかなくなってきた（汗
俺が書いたのでもう要らなげなspriteはどんどん消しちゃってくださいな。

（出張先より．）ええと，歯抜けになっちゃう，っていうのがよく判りませんでした．olって自動的に番号ふり直してくれるのではなかったでしたっけ？
なお現状のスプライト配置は面白いのでしばらく残しておくつもりです（笑）

いまのところ意見が出てないけど，日付っているよね？デフォルトはファイルが作成された時刻で，それに加えてユーザが任意に変更できるようにしたいです．
（2006/6/8 2:26，ロケ地：東京神田）

←あ、歯抜けってのは中の意味的な繋がりです。番号自体はブラウザが自動で振ってくれるので大丈夫です。変な拘りなので忘れてください。
いや、どんどん下に伸びてるんですが（笑）＞sprite配置

個人的に、日付はあれば便利だけど必要とまでは。
作成日時はid属性値にあるんで、表示したければCSSの疑似要素＋contentプロパティの指定で出来るし、任意の日時はいずれにしろ手入力になるんで。
でも、掲示板的な使い方をする上では有った方が良いでしょうね
意見は出張から戻られてから纏めて出しますよ。ふふ。

ここはまだ有効なのかな？　なのかな？

有効っす．他から明示的にリンクしてないページは僕の開発テスト用です．へんなアクセスログ残してごめんなさい．

OK, 了解です。→
てっきりここはお役御免になったのかと。

↑こちらのIE6.0sp1@Win2ksp4でもエラー出なくなりましたよ。
ん？　spriteの破線枠からはみ出たテキストが見えないようになったのは、この修正に関わりがあるのかな？

では主だったところでの気に留まった点など。

データファイル類の生成位置

spriteファイルやその位置情報ファイル(positlog_page_%pagename%.dat)は、今のところインストールディレクトリ直下にベタ置きですけど、ページ単位でディレクトリを作ってそこに纏めた方がなにかと管理しやすいんじゃないでしょうか？

パスワードの保護

現状各ページのパスワードがそのまま収められているpositlog_config.dat、暗号化と併せて、ファイル自体を第三者からの閲覧を出来ないようにする必要があります。
ISPからユーザディレクトリとしてウェブ公開ディレクトリ（いわゆる~/public_html/とか）より上位のディレクトリの使用が許されている場合、そこをデータディレクトリとして指定出来ればそれが良いですし、ウェブ公開ディレクトリ以下しか使用が許されておらず.htaccessも無効な場合はファイル名を positlog_config.cgi とすることでとりあえず見られないようになるかな、と。
というわけで、設定項目としてデータファイル類を置くディレクトリパスやファイル名の指定があるといいんじゃないでしょうか？

新規spriteの生成位置

詳しくは下記をご参照ください（えー
http://dup2.t12i.net/archives/2006/06/06/positlog-newsprite/
http://dup2.t12i.net/archives/2006/06/07/positlog-newsprite02/
はじめ自分で改造しようと思ったんですが、アレでソレでナニな事になると気づいてやめました。

やー、順調に下へ伸びてるなあ（笑）

↑バージョンを0.11に上げつつあるので，別の修正です．フォントのサイズの違いや動的スプライトにおける文字数増減でテキストがはみだした時の処理をどうするかは迷っていましたが，制作者の配置意図を優先することにしました．テキストスプライトの枠は下方に広めにとるようにしてください．

←じゃあ今度は右へ（笑）[create]ボタンがどんどん遠いどこかへゆきます・・・．

• データファイルはおっしゃる通りです．perl5.8のみで動くことに需要がなければSQLiteのほうがいい，という迷いがあるため，ちょっと後回しになりがちです．でももう手元に600個もスプライトファイルあるわ・・・．
• パスワードは上のディレクトリというのは思いつきませんでした．なるほど．これもSQLiteにするという気があるのですが，優先的に修正予定です．
• 新規spriteについてはリンク先の記事のほうにコメントさせていただきました．

いつもコメント有り難うございます!

よーしパパ[create]ボタン求めてトリムアップしちゃうぞー（笑）
データファイルの置き方にしろ置き場にしろ、DB使えば一挙解決なんですよね。
いずれSQLiteに完全移行するなら仮初めの環境としてそのままでいいし、SQLite無しも平行開発していくならむしろ早めにその辺りを詰めた方がいいだろうし。うーん……。
ちなみに、うちで借りてるxreaはDBD::SQLiteモジュールが入ってるor要望出せば入れてくれるのでどちらでも使えますヨ。

さらにトリムアップ！
えー、エディタボックスとspriteとページ管理（？）について。

• エディタボックスもspriteと同じようにドラッグできると、エディタボックスの裏に隠れたspriteが参照出来て楽です。それとエディタボックスを開いたときにカーソルがボックス内にフォーカスしてると手間が減るのではないかと。
• 小さいspriteをドラッグ中にうっかり大きなspriteの真ん中へ落としてしまうと、大きい方を動かすかZ-indexを下げるかしないと小さい方を救出できないのが不便といえば不便。あとspriteのページ間での移動やコピーがあれば、と思うことがあります。コピペで済むといえばそれまでですが。
• たくさんページを作っていくと「あれ？　俺なんてページ作ったっけ？」という事態が起こりそうなので、作成したページの名前が一覧出来ると便利かも。あとなにげにページの削除機能がありませんね（笑）

基礎的な機能で相当時間をとられてます ;_; ．ようやくメニューまわりが落ち着いてきました．

• なるほど．まさにいま編集ウィンドウが邪魔してコメント先を読めていません．あとフォーカスも了解．
• スプライトが埋まるのは選択中のスプライトが必ず最前面へ出てくるようにしたためで，設計ミスでした．現在onmouseoverでスプライトが最前面へ出ますが，いちどクリックするまでは最前面へ出ないようにします．
• コピペについては単独スプライトに関してはまさにコピペで済むので，グループ化機能以降に実装します．
• ページの作成，削除，アカウント管理にはadminページを用意する予定です．

↓へのレス

Opera9はCSSのposition:fixedに縦横どちらのスクロールも対応してますねえ、と独り言っぽく。

↑今から確認しようと思っていたので助かりました．Operaは9のみ対応でもいいかなぁ・・・．

↑Operaユーザはver.upに躊躇することはないと思われるので、良いのではないでしょーか。