POTI改 設置サポート掲示板

お絵かき掲示板
Name :
Subject :
URL :

Password:

[38] Chrome91 ダブルタップズーム

さとぴあ@管理人 [URL] ID:oq6UFsC6 21/07/30

Chrome91がダブルタップズームの禁止条件を追加
↑
日本のブログ。

Chrome Speed - First Input Delay Changes in Chrome 91
↑
English.
>Disable double-tap-to-zoom on mobile viewports
>Double-tap-to-zoom (DTZ) is a gesture used to zoom into text. Previously,
>DTZ was disabled when either zooming was disabled (min-zoom equal to max-zoom) or when the content width fits the viewport width. After this change,
>we also disable DTZ when the viewport meta tag specifies width=device-width or initial-scale>=1.0,
>even when implicitly doing so, like for example in minimum-scale=1.5, maximum-scale=2.


Because DTZ negatively impacts FID and the amount of pages where DTZ is disabled is increased, we expect some sites to see better FID scores.

さとぴあ@管理人 [URL] ID:oq6UFsC6 21/07/30

iPadではどうなるのかまでは読み取れなかったのですが、PC版Chromeの現行バージョンはChrome92です。
Chrome91は7月に更新されたようです。
という事は、iOS版のChromeのバージョンが91以降では、ダブルタップズームが発生する条件が変わった可能性があります。
日本語訳が正しければ

https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/10.html

でも、ダブルタップズームは発生しない事になるようなのですが、
iPadのChromeでのテストはどうなるでしょうか?
Chromeのバージョンも一緒に教えていただけると助かります。

ぐるぐるめー ID:w.mDEWpY 21/07/31

２日前にChromeのバージョンが92になっていましたので、テストしました。
10htmlでは、カラーピッカーとツールのみ、ダブルタップのズームが起きませんでした。
他のツールボックスではダブルタップと、もう一度ダブルタップを行った際の復帰も起きます。
レイヤー移動してもツールボックスの選択が死にませんでした。
参考になれば幸いです。

さとぴあ@管理人 [URL] ID:s2RWmGnY 21/07/31

ダメでしたか…。
iOSのアプリとしてのブラウザレベルの問題ではなくて、iOSのOSレベルの何かなのか…。
とにかく、Chromeが92でも同じという事ですね。

[37] ChickenPaint拡大問題テストのお願い

さとぴあ@管理人 [URL] ID:E7I02c0Y 21/07/26

ChickenPaintのパレットをダブルタップすると拡大する問題への対処を模索しています。
viewportでは制御できないという情報がとても多いので、ためしていなかったのですが、
最小値と最大値をどちらも1.0にすると
PCによるエミュレートでは拡大されません。

https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/10.html
↑
テストしてみて欲しいバージョンはこれです。
viewportによる拡大防止にPC版ChromeのiPadエミュレートではなっています。
実機のiPadで無効なのか有効なのかわからないため、実機を持っている方に試してみて欲しいです。
試していなかった事なので念のため、という感じなのですが…。
9 posts omitted.

ぐるぐるめー ID:DiAZAFuY 21/07/27

お疲れ様です。
これまでのURLをすべてテストしてみましたが、すべてのバージョンで拡大は起きました。
そして、チェックすべきポイントが、
①ダブルタップで拡大するかしないか
②二本指ダブルタップで復帰できるかできないか
③レイヤー移動をした後ツールボックスが反応しなくなるかどうか
この三点をチェックすべきだと考えます。
①②においてはどのバージョンも拡大は起きました。そして二本指の復帰も可能でした。
ただ、③に関しては17htmlと18htmlは、レイヤー移動するとツールボックスが死んだのでアウトだと思います。
私のiPadでは以上です。
ちなみに2018年モデルのiPadproです。

さとぴあ@管理人 [URL] ID:O9Kwo0Lw 21/07/27

すべてのバージョンで拡大が起きる
ですが、
例えば、どの箇所のタップで拡大するか、
何も対応を入れていない場合との違いはあるのかないのかも手がかりの一つだと思っています。
たとえば、レイヤーを移動すると動かなくなるけれど、ダブルタップで拡大が発生する箇所はレイヤー周りだけで、操作パレットでは発生しないなど。
｢操作｣では発生しないけれど｢テクスチャ｣ではダブルタップによる拡大が発生する
がその後どう変わったのかも知りたいです。
たぶん…というか予想しながら記述した内容どおりだとしたら
ダブルタップによる拡大も不具合もレイヤー周りだけで発生していて他では拡大しないのでは?
なのですが、実機が無いので本当のところはわかりません。
実機を買えばいいだけの話ではありますが…。
もし可能でしたら、詳細を教えてください。
1.ダブルタップして拡大する場所
2.13.htmlと18.htmlでダブルタップで拡大する場所は違う、あるいは同じ?
お手数をおかけします…。

ぐるぐるめー ID:CHmeYQAw 21/07/28

拡大が大きくなる箇所は、17htmlと18htmlでは「ツール」「操作」「テクスチャ」「カラーセット」「ストローク」ではダブルタップが無効になっています。
「カラーピッカー」「レイヤー」「ツールオプション」では拡大が起きます。
でもこの二つはツールの選択が死ぬバージョンですね。

13thmlはすみません、今テストしてみたら、すべてのツールの部分で拡大が起きなかったんですが、ツールボックスの選択周りが死んでいます。

12htmlでは、「ツール」「操作」「テクスチャ」「カラーセット」「ストローク」ではダブルタップが無効になっています。
「カラーピッカー」「レイヤー」「ツールオプション」では拡大が起きます。
しかし、レイヤー移動してもツール選択が死にませんでした。

11thmlもレイヤー移動でツール選択が死にましたね。
拡大する箇所は同じです

10htmlは全てのツールボックスで拡大が起きました。
こんな感じで参考になりますでしょうか？

Why ID:Hm3GZYCs 21/07/28

>Is this the case with either 13.html or 17.html?
That's correct.

I tested 18.html as well, the tap behaviour is the same as all previous versions from what I can tell.

Apologies I should've mentioned earlier, I'm on the 2020 Ipad pro 12.9".
の

さとぴあ@管理人 [URL] ID:oq6UFsC6 21/07/30

ありがとうござます。
引き続きしらべます。

[36] お手上げです。

ぐるぐるめー ID:ZN7okRe2 21/07/24

悲しいお知らせが…。
Javaでダブルタップを制御して、CSSで選択をブロックして、書き込みを続けても問題なくなったと思っていたのですが、奴はほかのところに問題があるようです。

①ダブルタップ制御は完全なものではなく、ダブルタップの間隔が広くなるとダブルタップだと認識されて画面がズームし固まるのは相変わらず起きる。（ダブルタップ制御コードは時間を指定しているため、一定時間を超えてダブルタップするとダブルタップとカウントされて、ズームが起きる）

②やっぱり書き込みをし続けると完成間際でツール切替を受け付けなくなる。（ツールボックス、レイヤー、アンドゥ・リドゥ・投稿ツール、画面上のコマンドバー、テクスチャが死ぬ。カラーピッカーとペンの設定は変更可）

そして、ツールボックスが死んだときに行ったのが、変形ツールを使用して画像を加工するような動作をした後でした。拡大縮小を繰り返し、イラストの位置を調整するような操作をしたらツールボックスが死にました。

なので、これはいよいよ開発者さんが何とかしないといけない問題だと判明しました。

現在問合せ中であるのは把握しております。追記する余裕がありましたらこのバグもいい感じにお伝えしていただけると助かります。
27 posts omitted.

さとぴあ@管理人 [URL] ID:.mgwGw8c 21/07/25

https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/6.html
に加えもう1パターン加えてみました。
この7.htmlはアイコンが応答しなくなる可能性が高いものですが、
書き方が少し違います。
https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/7.html

ぐるぐるめー ID:JYndMsXg 21/07/25

iPadを横に構えた時はPCで見た時と同じ横長なので、V字型の閉じるボタンがついて、折りたたまれるツールボックスになっているのですが、縦に構えてページにアクセスすると昔のチキンペイントの画面が立ち上がるというわけですね。
スマホからアクセスすると、V字型の折りたたまれるツールボックスになって表示されるので、たぶんiPad版の開発は手を付けられてないのかもしれません。

今から新しくご提示いただいたものを順番にテストしますね。
細かく書き込んだ場合にバグが起きやすいので、描き込みするためお時間かかると思います。
ページごとのを纏めてレポートしますのでちょっとお待ちください。

ぐるぐるめー ID:JYndMsXg 21/07/25

テストしてみました。

一番上の6.htmlは、
①ダブルタップによる拡大は起きる。
②ペンツール水彩ツールの切り替えをしてもいちいちタブが閉じない
③二本指での拡大からの復帰は可能
④ツール周りのボタン関係が死ぬことはない

二番目の6.htmlは、
①ダブルタップによる拡大は起きる。
②ペンツール水彩ツールの切り替えをしてもいちいちタブが閉じない
③二本指での拡大からの復帰は可能
④レイヤー移動するとツール周りのボタン関係が死ぬ

一番下の7.htmlは、
①ダブルタップによる拡大は起きる。
②ペンツール水彩ツールの切り替えをするたびタブが閉じる
③二本指での拡大からの復帰が不可能
④ツール周りのボタン関係が死ぬことはない

という結果でした。ダブルタップは全部ブロックできませんでしたね。

さとぴあ@管理人 [URL] ID:.mgwGw8c 21/07/25

7.htmlの拡大からの復帰ができない
は、逆にちゃんとtouch-action noneが有効なんですね。
6.htmlは設定が効かないのに、
④レイヤー移動するとツール周りのボタン関係が死ぬ
は出る。
選択させないだけ残して、あとはいじらない事にします…。
ありがとうございました

ぐるぐるめー ID:JYndMsXg 21/07/25

ありがとうございます。二本指で回避することで様子を見ましょう…。
いつか快適に使えるようになるといいですね…！
色々考えていただきありがとうございました。
私の方の掲示板もタッチアクション周りの設定は消して様子を見ます…。

[35] 解決ありがとうございました！

ぐるぐるめー ID:ZN7okRe2 21/07/24

実はどうにもならないことなのかと思って我慢して使っていたのですが、Whyさんの書き込みと同じ症状が私にもあって、Whyさんの解決のために差とぴあさんが提案してくださった
touchaction noneのタグを入れてテストしてみたら、ズームしたり、そのまま動作が固まったりして描画続行不可能になるバグが解消されました。
Whyさんnice！I had same trouble too!
さとぴあさんもWhyさんもありがとうございます。
27 posts omitted.

ぐるぐるめー [URL] ID:ZN7okRe2 21/07/24 - Showing thumbnail -

Re: 解決ありがとうございました！ by ぐるぐるめー
<style>
* :not(input){
の場合も駄目だった…でしょうか?

そうです。div#Chickenpait-parentじゃないと選択ブロックが利きませんでした。

>画面が青く選択されるタグと、タッチアクションをブロックするタグを入れるとツール切替ボタンが死ぬ
これは、
1.画面が選択されて青くならないようにするCSSを入れると、画面が拡大する。
2.さらに追加してタッチアクションをブロックするタグを入れるとツール切替ボタンが死ぬ
ですか?
1と2両方足してはじめて切り替えできなくなる?であってますか?
ツール切替ボタンが死ぬの切り替えボタンは
どれでしょう?

そうですね。ツール切替ボタンはあらゆるツールボタンが反応しなくなるということです。描画スペース以外の操作が全くできなくなります。

touch-acction noneを入れると起こります。青く選択しないタグだけでは起こりません

そして、解決できました！！！
添付のjavaタグと、「touch-acction noneを消した選択しないタグのみ」の合わせ技でこの問題解決しました！！！！
これが最適解でした。

ぐるぐるめー [URL] ID:ZN7okRe2 21/07/24

Javaのほうでダブルタップの問題を解決し、スタイルのほうで、選択をブロックする、という二段構えが重要だったようです。
touch-acction noneタグが邪魔をしているみたいだったので、これをJavaで制御してみようと考えました。
このタグが最適解です。問題なくなりました！！

さとぴあ@管理人 [URL] ID:8cZ9Skvk 21/07/24

作者さんのサイトでは
青く選択されて
なおかつ
レイヤーパレットの操作時に画面が拡大して操作不能になった
であってますでしょうか。
chickenpaintの開発元にも整理して報告する予定です。
よろしくお願いします。

ぐるぐるめー ID:ZN7okRe2 21/07/24

そうです。作者さんのサイトではそうなったで間違いないです。よろしくお願いいたします！

Why ID:OYQJedW. 21/07/24

Thanks for the good work ぐるぐるめー,
さとぴあ!

I can also confirm the same issue on the author's site. Double tap zoom is disabled on the "Tools, Misc, Stroke and Color swatches" toolbars, but the rest also have the double tap problem.

[34] Chickenpaint accidentally zooms on Ipad

Why ID:r305jPp2 21/07/22

Hi, thanks again for bringing back OekakiBBS! Apologies for English, or if I posted in the wrong place....

I've noticed when using Ipad+Apple pencil, Chickenpaint zooms in when double tapping on the "Misc" toolbar. This can make drawing quite cumbersome when you want to undo multiple strokes. The only way to unzoom is to either use pinch gestures on the toolbar or scroll to "Tool Options" and double tap there.

Interestingly, this behaviour isn't observed trying the sample program on the developer's site thenickdude.github.io/chickenpaint-example/

IOS Version 14.6
Browsers: Safari and Chromium
あ
19 posts omitted.

さとぴあ@管理人 [URL] ID:t0vi44ZY 21/07/23

<style>
div#chickenpaint-parent :not(input){
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: none;
}
</style>
CSS that prevents the screen from being selected. And CSS that doesn't zoom.
Please test again.
https://pbbs.sakura.ne.jp/cgi/neosample/poti-board-en/
あ

Why ID:HfFhudDQ 21/07/23

It's working like the original version now (#282). This is much better, thank you!
あ

さとぴあ@管理人 [URL] ID:t0vi44ZY 21/07/23

POTI-board EVO English verGitHub.
Try downloading the template for Paint from here.
Thank you.
あ

さとぴあ@管理人 [URL] ID:8cZ9Skvk 21/07/24

<style>
div#chickenpaint-parent :not(input){
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
</style>
<script>
var lastTouchEnd = 0;
document.addEventListener('touchend', function (event) {
var now = (new Date()).getTime();
if (now - lastTouchEnd <= 300) {
event.preventDefault();
}
lastTouchEnd = now;
}, false);
</script>

After a conversation with another user, I came to the conclusion that this seems to be the best answer.
We also give feedback to the developers of chickenpaint.
This is a provisional response.
あ

Why ID:OYQJedW. 21/07/24

Thanks for working through it! I had seen the other problem as well, I'm glad someone spotted it because I only tested lightly. I'll try a full drawing with the updated Chickenpaint sometime.

Cheers
あ

[33] v3.05.1をリリースしました

さとぴあ@管理人 [URL] ID:EroGhCis 21/07/18

v3.05.0に改行が反映されないバグが見つかったため、その箇所を修正した、v3.05.1をリリースしました。
v3.02.0からの変更点はv3.05.0と同じです。
Release POTI-board EVO v3.05.1

[32] v3.05.0をリリースしました

さとぴあ@管理人 [URL] ID:EroGhCis 21/07/17

POTI-board EVO v3.05.0

potiboard.php
と
search.phpと
chickenpaintディレクトリを上書きします。
そして、各テーマのHTMLファイルを上書きします。

必要に応じて、connfig.phpにCSRFトークンによる投稿チェックをするしないの設定項目を追加します。

大きな変更点。

HTMLタグが使えなくなりました。
トップと返信ボタンを押下しなくても表示される返信フォームは廃止されました。

外部からの不正な投稿を拒否する事ができるようになりました。

入力フォームに間違いなくそのサイトからの投稿である事を示すトークンをセットして、内部で照合します。
そのためにには、入力フォームがトークンに対応していなければならないので、
新しいバージョンに対応したテーマが必要になります。

このチェックはconfig.phpでオフにできます。
オフにすれば古いテーマでもこれまで通り投稿できます。
config.phpに設定項目が無い時もオフになります。

さとぴあ@管理人 [URL] ID:eqXkiO76 21/07/17 - Showing thumbnail -

Re: chickenpaintスマホ対応 by さとぴあ@管理人
chickenpaintがスマホに対応しました。
こちらも、HTMLファイルにjavascriptを仕込んで、スマホの時はNEOしか起動しないようにしていたので、テーマのHTMLの入れ替えが必要になってしまいます。
お手数をおかけしますが、よろしくお願いいたします。

[31] 無題

やら ID:z8TB.71E 21/07/10

お世話になっております。
掲示板のトップに新規投稿するためのフォームを表示したくご質問させていただきました。
テンプレートはPINKを使用しております。

さとぴあ@管理人 [URL] ID:gT04vQA6 21/07/11

現時点では設定で使用可能なのですが、
セキュリティ対策のため、トップの新規投稿フォームを終了する準備に入っています。
/* ---------- お絵かき設定 ---------- */

//お絵かき機能を使用する お絵かきのみ:2 する:1 しない:0
define('USE_PAINT', '1');
とすればとりあえずトップのフォームが開くのですが…。
すみません、まもなく使えなくなります。
おそらく次のバージョンで…。

やら ID:VpTfjXmc 21/07/11

ありがとうございます！一時的に使用したいだけなので大丈夫です！！
教えていただいたように設定してみます！

[30] POTI-board EVO v3.02.0をリリースしました

さとぴあ@管理人 [URL] ID:taA0y7fo 21/06/21

POTI-board EVO v3.02.0をリリースしました by さとぴあ@管理人
POTI-board EVO v3.02.0をリリースしました。
Release POTI-board EVO v3.02.0

PaintBBS NEOとしぃペインターで描く時に、Windows inkや二本指のジェスチャー機能でブラウザの画面がひとつ前のページに戻ってしまう問題に対処しました。

Paint画面のHTMLで対応しましたので、使っているテーマのペイント画面のHTMLの上書きアップデートをお願いします。

さとぴあ@管理人 [URL] ID:FM4NPElo 21/06/21

Re: POTI-board EVO v3.02.0をリリースしました by さとぴあ@管理人
ChickenPaintの画面が選択されてしまう問題に対処しました。
Paint画面のHTMLで対応しましたので、使っているテーマのペイント画面のHTMLを上書きアップデートをお願いします。

さとぴあ@管理人 [URL] ID:FM4NPElo 21/06/21

Re: POTI-board EVO v3.02.0をリリースしました by さとぴあ@管理人
テーマMONOの色を切り替えるCSSをプルダウンメニュー方式に変更しました。
themeフォルダ内のファイル一式の上書きアップデートになりますが、色の切り替えは従来どおりで構わないという方は
ペイント画面のHTMLのアップデートのみで構いません。

さとぴあ@管理人 [URL] ID:FM4NPElo 21/06/21

メール通知クラス
noticemail/noticemail.inc
を更新しました。
日本語以外の言語の投稿の時でもメールの文字化けが発生しないようになりました。
メール機能を使っている方で、日本語以外の言語も使いたい方は上書きアップデートをお願いします。

さとぴあ@管理人 [URL] ID:FM4NPElo 21/06/21

変更があったファイルの説明もリリースのページに記載していますので、よろしくお願いします。

Release POTI-board EVO v3.02.0

[29] 選択されてしまう

ぐるぐるめー ID:IxD5y50w 21/06/16

お世話になっております。
Ver.3.1.9になってからなんですが、iPadからチキンペイントでお絵描きしていると、画面が全選択になって、水色になってしまって色の判別が難しくなってしまいます。
今までのバージョンはクレジットの文字だけ選択状態になることはありましたが、描画スペースが選択になることはありませんでした。
サファリで起きたのでクロームに変えたのですが、クロームでも画面が全選択されて色がついてしまいます。
何が影響しているのでしょうか？
調べていただけると助かります。
3 posts omitted.

ぐるぐるめー ID:cRptTKTA 21/06/17 - Showing thumbnail -

Re: 選択されてしまう by ぐるぐるめー
3.00.3でも同じ挙動をしたので、3.00.1まで遡ってみました。外国語版だった奴です。
そしたら添付のようになって、全選択されなくなりました。画面の一部が選択されるのは変わらず。
何か手がかりになればいいのですが。

ぐるぐるめー ID:cRptTKTA 21/06/17 - Showing thumbnail -

Re: 選択されてしまう by ぐるぐるめー
ちょっと気になったので、選択の色を透明にするタグを入れて見たのですが、透明にはならなかったので、以下のようにチキンペイントだけ選択しないタグを入れてみたら、最新版でもワークスペースが選択できなくなりましたので報告します。
メインで使っている掲示板にも同じタグを入れて様子を見てみますね。
とりあえずご報告でした。

ぐるぐるめー ID:cRptTKTA 21/06/17

メインで使っている掲示板を最新版に戻して、上記のタグを入れて動作確認したら、ワークスペースが選択されなくなり、何の問題もなくお絵描きが投稿できたのを確認しました。
ひとまず解決したのでありがとうございます。もうしばらくこれで使い続けてみます。

さとぴあ@管理人 [URL] ID:bYofoc6k 21/06/17

ありがとうございます。
あれからいろいろ調べてみました。
ChickenPaintにも最初から選択させないようにするCSSが入っていますが、例えばFirefoxでは無効でした。
Firefoxの開発元のMozillaによると、
Chromeの動作は仕様書を無視しているとの事で、Chromeでは問題なさそうに見えても、他のブラウザでは選択させないCSSが効かない可能性があるようです。
そして、ぐるぐるめーさんが試した
設定の場合は、
Firefoxでも、選択させないが有効でした。
この方法が一番いいという結論になりました。
ChickenPaintの開発元での対応をお願いできるかは今のところ不明ですので、POTI-board側で対応する事にします。

ぐるぐるめー ID:cRptTKTA 21/06/17

色々調べていただいてありがとうございます。
このタグが最適解だったのですね！今のところ動作に問題が出ていないので、お役に立てて何よりです。
さとぴあさんが引っ張て来てくださったサイトのおかげです。ありがとうございました。
[HOME / Admin]
Petit Note v1.58.3 Template BASIC
OekakiApp - PaintBBS NEO , Tegaki , Axnos Paint , Klecks , ChickenPaint Be
UseFunction - DynamicPalette , Lightbox