POTI改 設置サポート掲示板

申し訳ございません。
自己解決できました。
//csrfトークンを使って不正な投稿を拒絶する
が有効になっていました。古いテーマが原因だったと思われます。
お騒がせしました。

改二用のテーマの場合は、ChickenPaintも使えませんので、了解の上ご利用いただければと思います。

もう1日だけ時間をください…。
リリースするタイミングがわからなくてそのままになっているものがありますので。
PetitNoteもリリースしてからのほうがたぶんわかりやすいです。

了解しましたっ！
いつもお手数おかけします…💦

PetitNoteとPOTI-boardの件を両方とも書くとわかりにくくなるので、まず最初にPOTI-boardのアップデートについて書きます。

1.ChickenPaintディレクトリを上書きアップデート

2.PINKディレクトリを全部アップデート

3.potiboard.phpを上書きアップデート。

2のPINKディレクトリの上書きアップデートの時にめいちゃさんが作った自作のCSSファイルを別な場所に保存しておいてください。
そうしないと、元のピンク色の掲示板にもどってしまいます。

あとからでいいので、保存しておいた

poti-kaini-master/potiboard2/pink/pink.css
↑
めいちゃさんが色を変更した
pink.css
を
pink/ ディレクトリに入れてください。
いったん上書きしても、手元に
色を変更したpink.cssが残っていれば
そのファイルを元の位置(pink/)にもどしてあげれば大丈夫です。

POTI-boardの最新版はこれです。
POTI-board EVO v3.08.1 リリース

不明な点があれば、教えてください。

赤丸のディレクトリとファイルを上書きします。

赤丸の箇所のpink.cssは、ピンク色の背景色のファイルです。
今使っている掲示板に入っている
pink/ ディレクトリの
pink.cssは、めいちゃさんが色を変更したファイルなので、あとからでもいいので、
めいちゃさんが作ったpink.cssになるようにします。
背景色がピンク色に戻ってしまっても
めいちゃさんが作成した
pink.cssをpink/ディレクトリにいれてあげれば、めいちゃさんの設定した色にもどるはずです。
CSSを上書きしないでくださいと書いたのは、色が戻ってしまうからですが、手元に色を変更したpink.cssがあればそのCSSファイルでまた上書きしてあげれば、設定通りの色になります。

POTI-boardの更新が無事に終わった事が確認できてから、Petit Noteの設置の案内をしますので、よろしくお願いします。

ありがとうございますっ！
出来ました…多分
確認はどうやったら出来るのでしょう？

先に結論から書くと成功しています。
確認した事。
問題があったHTMLの箇所は修正されていましたし、ChickenPaintの画面も新しくなってますし、iPadで画面が選択されないようにするスタイルシートも更新されていましたので、これで細かな問題を修正したPOTI-boardと、iPadでも描けるChickenPaintになりました。
たぶん問題ありません。

PetitNoteは、あとちょっとだけ待ってください。

確認ありがとうございますっ
チキペが変わったのはわかったのですが他もちゃんとうまくいったか不安でした。
PetitNote了解しました。
宜しくお願い致しますっ

index.htmlは、毎回上書きされますので、そこを編集しても消えてしまいます。
その画像はPINKのようですので、
直接編集する場合は、
pink_main.html
の画像の箇所です。
(続きます)

しかし、テンプレートはプログラムとHTMLが混在したものなので、編集ミスすると動作しなくなります。
具体的には<%～%>のどこかを編集してしまうと、正常に動作しなくなります。
そこで
config.phpの

//フォーム下の追加お知らせ
//(例)'<li>お知らせデース</li>
// <li>サーバの規約でアダルト禁止</li>'
//要対応テーマ
$addinfo='';

という箇所を変更します。

$addinfo='<li>この掲示板で楽しんでいってくださいね。</li>';

のように書くと、えみりさんが編集したのと同じ箇所に追加のお知らせが表示されます。

config.phpで設定を変更したあとで、管理画面のログ更新をするか、
何でもいいので書き込むと設定が反映されます。

詳細にお返事下さりありがとうございました。
無事に修正できました。

v3.05.2.2になりました。
Release POTI-board EVO v3.05.2.2
これは、数時間前にchickenpaintのアップデートが入ったからです。
内容は上記とほとんど同じですが、細部の修正がさらにはいったものです。
すでに、v3.05.2にバージョンアップしている場合は
chickenpaintディレクトリの中身が違うだけです。
chickenpaintディレクトリの上書きアップデートをお願いします。

書き忘れましたが、iPadまたはAndroidでどうなるかというテストです。
よろしくお願いします。
テストの依頼ばかりでみなさんに負担をかけっぱなしですが、どうかよろしくお願いします。

こちらをテストしたら、画面の一部が選択されたうえに、レイヤー移動をしたらツールが死にました。
沢山レイヤーを使ってレイヤー移動するとツールが死ぬようです。
ダブルタップのズームは起きませんでした。
よろしくお願いします。

別のページを作りました。
ChickenPaint example
↑
タブルタップズーム対策の箇所は私が行ったのと近いものに変更してあります。

ChickenPaint example
↑
作者の方が作成したものをそのままアップしています。

しかしこれは昨日のものからさらに更新された最新版です。
このふたつの動作がどうなるのか、教えていただけませんか?
手のひらがあたって誤動作する問題も解決しているかもしれません。

ばっちりです！
ツールも死なないし、変な線も出ません。
掌が当たっているときはペンが反応しないようになっていますね。
ダブルタップの問題も解消されているし、画面が選択もされていません。
パーフェクトです。

上のふたつの中身は少し違うのですが、
https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/test/0.html

https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/test/test/
このどちらも問題ないでしょうか?

どちらも全く問題は起きていません！
大丈夫です！

ありがとうございます。
あとは、
お絵かき掲示板
↑
ここで問題がでなければテストは完了です。
すみませんがよろしくお願いします。
これまでこちらで対応してきたJavaScriptやcssがそのまま入った状態+更新されたChickenPaintになります。
それで問題がなければ、このまま行くつもりです。
よろしくお願いします。

お絵描きテストしました。特に問題は出ませんでした！レイヤー効果も出ます。クリッピングやレイヤー移動もできました。
対応ありがとうございます😭

リリースで出します。
明日になるかもしれませんが…。
お絵かき掲示板PHPスクリプトPOTI-board EVO
↑
ここから、緑のボタンを押して、プロジェクトをダウンロードして、
ChickenPaintフォルダだけ上書きアップデートでも大丈夫です。
リリースしていないだけでChickenPaintは最新版です。

お疲れ様です。パームリジェクションテストのムービーを取ってTwitterにアップしたのを共有します。
二枚あります。URL欄にあります。
スクショに撮影できない挙動だったので動画にしました。よろしくお願いします。

20htmlはレイヤーとペンの設定の部分でズームが起きました。でも、ツールが死ぬことはなかったです。二本指ダブルタップで復帰もできました。

30htmlは、かなりいい感じでした。
どこをダブルタップしてもズームが起きないし、かなり書き込んでもレイヤー移動してもレイヤー効果を使ってもツール選択などの動作が死ぬことはなかったです。
今後かなりの大作を書き込んだ場合にツールが死ぬなどなければ、かなりいい感じだと思います。

実運用で使って、どこまで問題が発生しないかですねぇ。
20.htmlは、部分的にはダブルタップズームが発生するように最初からなっています。
しかし、こんな感じに細かくピンポイントでタッチアクションを制御すれば、対応できるかもしれないという雛形です。
30.htmlは、最近更新されたルールも入ったJavaScriptなので、もしかしたらうまく動作するのかもしれません。

なるほど！ちょっと実際に使ってみたいですね。投稿まで持っていければ配布できそうですよね。
作者さん側がまだ返事してくれてないですが…。

Javascript版は
<style>
:not(input),#chickenpaint-parent :not(input){
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
</style>
<script>
function load() {
document.addEventListener("dblclick", function(e){ e.preventDefault();}, { passive: false });
}
window.onload = load;
</script>

を
<head>～</head>の間に入れる、ですね。
ただ、これも前回のように変形操作なども含めてやってみてどうなるか…が心配です。

I can confirm with ぐるぐるめーさん.
30.html seems to be perfect.

All touch issues seem to be fixed. No double taps zoom on any part of the canvas, accidental text selection is fixed and the double pen effect when using fingers is gone too! I drew briefly, but observed no operation problems.

20.html seems to work the exact same as the last versions I tested.
の

＞さとぴあさん
タグありがとうございます！自分用の板に仕込んでみました。動作確認してマジに描いたのが無事投稿出来たら報告しますね。
あ、投稿できなかったら何が起きたのか報告します。

＞さとぴあさん

大成功です！！レイヤー移動、変形などを行ってもツールボックスが死なないし、ダブルタップをしても拡大しないし、18分で手の込んだ絵を描いてもバグは起きず、無事投稿までできました！！今までだったら絶対何かおかしな挙動が起きていたような絵です。
大成功ですよ！！
本当にありがとうございます！

お手数をおかけしますが、様子見をよろしくお願いします。
{ passive: false }が最新のブラウザでは必要なのに、これまでのJavascriptには入っていなかったとか、そのあたりに原因があったのかもしれません。
ただ、2時間かけた絵が投稿できなくなったとか…。いろんな人が操作した結果どうなるのかまでは把握できないとか、検証が難しい点もありますね。
これまでのアイコン無反応問題がなぜでていたのかが明確にわかれば…まだ状況がちがってくるのですが。

アイコン無反応問題は注意ですね。実は、選択をブロックするCSSだけの状態でもアイコン無反応は起きていたのです。ごくまれにですが、ガシガシ書きまくると無反応になっていました。
なので、時間をかけた絵が投稿できなくなる恐れはまだあるのかもしれないです。もしかしたらチキンペイントの最新版のバグの可能性も…。

あ、この無反応問題は、気のせいかな？ぐらいの頻度で起きていたもので、青色に選択されないタグを入れる前も起きていたものです。
つまり、何も対策していなかった時、ダブルタップの拡大と、画面が選択されるのと、無反応になるの三種類が同時に起きていたんですね。
確か、日本語化パッチを正式リリースした後ぐらいのバージョンから起きていました。

Javascript版は
<style>
:not(input),#chickenpaint-parent :not(input){
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
</style>
選択させないcssも今回少し変更になっていて
:not(input),#chickenpaint-parent :not(input)
の両方で選択させないにしています。
POTI-boardの著作リンクのところも選択されないようにしたものです。
このあたりの選択も何か影響があったのかもしれません。
ご面倒をおかけしますが、しばらくこれで買ってみて頂いて、問題が発生するしないの確認をしていただけるととても助かります。

Whyさん
Paint theme HTML
Could you please paste this code between <head> and </ head>?

<style>
:not(input),#chickenpaint-parent :not(input){
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
</style>
<script>
function load() {
document.addEventListener("dblclick", function(e){ e.preventDefault();}, { passive: false });
}
window.onload = load;
</script>

---
It cannot be included in the official distribution version yet.
This is because you need to take the time to try it out and see if it causes a problem or not.
If you want to avoid the risk of any problems, don't use this code.

なあるほどお！CSSも変わってたんですね。そのおかげはあるかもしれませんね。
しばらく様子見て見ますね。
ほんとにありがとうございます！何かでっかい絵を描いてみた時にまたご報告しますね。それでも問題が起きなかったら大成功だと思います！

レイヤーの名前のところでダブルタップで
レイヤー名は変更できるか?
レイヤー名が変更できる、できないに関わらず、その後の操作でアイコンが無反応になるようなトラブルは発生しないか?

以上の点を可能でしたら教えてください。
chickenpaintがダブルタップを判定している処理がそのあたりに入っていたものですから…。

ディスコ鯖の仲間に声かけてテストしてもらったら、初代iPadproの方が、Chromeのバージョン９２で、拡大が起きたようです。

＞ツール→一度選ぶたびに閉じる
[16:37]
画面が拡大して固まる→リロードしても拡大のままだったので一旦ページ閉じ
消しゴムを使うと白背景が消えて透明化する（レイヤーとかで解決？
手ブレ補正は効いている模様
（iPad Pro Chrome Apple pencil初代)
[16:38]
遅延なのか一回で線が引けない時あり。

とのことです。

レイヤーのリネームもテストしてみますね。

レイヤーのリネームもできましたね。その後ツールが固まったりはしていないです。

初代iPadproの挙動気になりますね。

液タブからテストしてくださった方もいて、以下の通り、問題なく動いたようです。

＞そもそもiPad向けのテストだと思いますので趣旨が違うかもしれませんが
Windows＋GoogleChrome＋Cintiq pro（液タブ）でテストしました

①ツールボックス周りをダブルタップして拡大が起きるか
②拡大した場合二本指のダブルタップで拡大から復帰できるか
PC版だとできなさそうです
そもそも指タップ非対応の液タブなので当然といえば当然でした！

③レイヤー移動、変形、長時間細かく描き込みしてもあらゆるツールを使っても、ツール選択やコマンドなどの切り替え（ボタンが押せるか）ができるかどうか
問題なく動作しました！

ということで、目下の問題はもう一度初代iPadproの方がテストしてどう動くかですね。
もう一回夜にテストしてくれるそうです。

実際の画面をみていないので、ほとんどエスパーなのですが、
>遅延なのか一回で線が引けない時あり。
手ブレ補正のスライダーを右に寄せているとそう感じる動作になるかもしれません。
もし手ブレ補正をかけていた時にだとしたら、それは正しい動作だと思います。
＞ツール→一度選ぶたびに閉じる
画面がわからないのでなんともいえませんが、chickenpaintは画面の縦の幅が足りない時に画面がメニューで埋まらないように
ツールを自動的に閉じますから、それはスマホモードに入った状態だと思います。
画面が拡大していても、縦の幅が足りなくなりますから、スマホモードにはいってしまったのかもしれません。
液タブでは、ダブルタップで拡大するそしてもとの倍率に戻すなどの動作がはじめからないので何も起きなくて正解だと思います。
>消しゴムを使うと白背景が消えて透明化する（レイヤーとかで解決？
正常動作です。
白レイヤーには何もかかないもあり。
(クリスタと同じ)
白を消すのは透過pngを出したい時です。

>レイヤーのリネームもできましたね。その後ツールが固まったりはしていないです。

かなりひやひやしながら調べていましたので、問題なくてよかったです。
ただ、リネームを数回繰り返した時にどうなるのかはちょっと気になります。

あとは、仮に初代iPadで拡大が起きたとしても、投稿できない、あるいは描けないといったトラブルが無ければ…。
今回のJavaScriptを導入してもいいのかもしれません。
初代iPadまでサポートしきれなかったとしても、悪影響がないのであれば、という感じになりますね。

レイヤーはリネームしまくりましたが動作は正常に動きましたね。

初代iPadproの方は、今お仕事絵を描いているのでお仕事が終わってからになりますが、二本指ダブルタップで復帰ができればそれで回避してもらえるかなという感じですかね。

今回のはかなり沢山の人に試してもらったんですが、無印iPad第６世代でも動作確認が取れたので、かなりいいと思います。一時間描き続けても固まらなかったみたいですから！
本当にお疲れさまです。

＞さとぴあさん
続報です。二回目のテストでは拡大は起こらなかったそうです。何かChromeの更新が入ったタイミングだったとか掲示板のアプデの読み込みが遅かったとか、何かあったのかもしれないです。
無事投稿までできて、ツールが死んだりはしなかったそうです。
多分リリースしても問題ないと思います！

ありがとうございます。
準備はしていますが、もう数日様子をみます。
https://pbbs.sakura.ne.jp/
の絵板には、ダブルクリックイベントをキャンセルするJavaScriptを導入ずみです。
そこで不具合の報告があるないを確認中です。

My apologies さとぴあさん I must've missed your message skimming here the other day.
I've added it just now, I'll test it in a bit. I registered on github as boxfries, feel free to contact me there if you'd like me to test anything!

Cheers for the great work!

GitHub doesn't have the ability to communicate between users, so you have to either have them posted in the issues thread or reply to already opened issues to let them know.
However, I think that I can contact you for a while by replying to the issues that I had a question.
あ

I tried it on my site for some time, everything’s working fine! Thanks for letting me know about GitHub, I’ll keep contacting you here then for this issue.

With the double tap issue resolved, there’s only a palm rejection issue to be fixed. It happens occasionally when your palm makes contact with anywhere on the screen before the stylus, resulting in a straight line from where your palm makes contact to your stroke. I wonder if there’s a way to reject palm gestures on the canvas when the Apple Pencil is detected? Many native drawing apps still struggle with palm rejection…

I’ve attached an image demonstrating the problem.
が

thank you.
I was able to share the issue.
If you're having the same problem with the ChickenPaint example ...
The difficult problem so far is unlikely to be solved unless you are the developer of ChickenPaint.
I can report it all together, but it may be better if someone who can speak native English reports it.

Issues · thenickdude/chickenpaint
あ

perhaps…. You may need LCD tablet gloves.
Maybe you are already using it?
あ

I don't personally use them, but those should certainly help! I know many artists use them with their ipads. The issue only comes up occasionally, so it's not a huge problem, with respect to double taps.

I can try bringing it up with the devs. They seem quite inactive unfortunately.
あ

This issue is probably a ChickenPaint issue as well as an iOS issue.
Chicken Paint developers probably don't have the time.
However, the more people who report a problem to GitHub, the better the results may be.
When I report alone, it seems that only one person is aware of the problem.
あ