POTI改 設置サポート掲示板

NSFW:

[29] 選択されてしまう


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

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

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

数時間ぐぐってみたり、変更した履歴を調べてみたりしてみたのですが、
決定的にこれ…というものがまだはっきりしません。
その画面が選択されてしまった状態のスクリーンショットの画像があれば、もしかすると手がかりになるかもしれません。
【css/備忘録】何をどうしてもテキスト選択してほしくない時の対処法 | ユガラボ
いろいろやってみる事はできるんですけれど、
状況が把握できない状態でとにかく入れてみるだと、逆に問題がでるかもしれませんので、その画面の状態がわかる画像が欲しいです。
v3.01.9になったからなら、元のバージョンに戻せばいいのかもしれないですし、
でも、ブラウザのバージョンがあがったからとか、iOSが更新されて発生している問題だとしたら、それでは解決しないですし…。
Windows上のChromeでiPad表示のエミュレートはできるのですが、選択されるのはなぜなのかはよくわかりません。

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

画像添付致します。なにかわかればいいのですが…。
選択させないタグというのもあるんですね。
今までも、描画中に画面の外で何かが選択されることがあったので、あると便利ですが、余計おかしくなるのも怖いですね…

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

ちなみにこれはChromeの画面ですが、Safariでも同じ挙動で同じ画面になります。
フルスクリーンに切り替えてもワークスペースが選択されるのは変わりません。

ちょっと前のバージョンに落としてテストしてみますね。
掲示板二つあるので、片方を前のバージョンに戻してみます。0238

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

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

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

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

ぐるぐるめー 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

色々調べていただいてありがとうございます。
このタグが最適解だったのですね!今のところ動作に問題が出ていないので、お役に立てて何よりです。
さとぴあさんが引っ張て来てくださったサイトのおかげです。ありがとうございました。

[28] POTI-board EVO v3.01.9 をリリースしました


さとぴあ@管理人 [URL] ID:QixwTG8o 21/06/05 - Showing thumbnail -

Release POTI-board EVO v3.01.9

0ページから21ページまで表示して、それ以上は全件表示になっていましたが、ページングの処理でそんな形になっている掲示板はまず無いので、BBSNotev8に近いページングの処理に変更しました。
20件単位で処理すれば最初の20件までは従来と同じ見た目になりますが、古いページを表示したいときに20件単位では少なすぎるため、何通りかのテストを行った結果35ページ単位になりました。
もし、要望が多いようなら、何ページ単位にするのかを設定できるようにする事もできると思います。
現時点では、35ページ単位で固定です。
管理画面に全ページ分表示すると重たいので、改ページできるようにしました。
1ページあたり2000件。
ChickenPaintを最新版に更新しました。
日本語訳対応バージョンです。

めいちゃ ID:CDOOvK0. 21/06/12

v3.00.3からアプデする場合とあるのですけど
自分のがなにかがわかりません。
どこを見ればわかりますか?

めいちゃ ID:CDOOvK0. 21/06/12

v3.00.3よりも前な感じなので(わからないので)とりあえずアプデしてみますっ

めいちゃ ID:CDOOvK0. 21/06/12

うっ…できませぬ…

・Source code(zip)をダウンロード
・potiboard.phpを上書きアップデート
・search.phpを上書きアップデート
・chickenpaintをフォルダごとFFFTPのとこに入れた(pink,theme,theme_nee2のフォルダと並ぶ感じで)
・pinkのフォルダの中のpink_paintとpink_otherのテンプレートを上書き
・theme→cssのフォルダにあるmono_dark mono_deep mono_main mono_mayo
を上書き(?)

しました。

めいちゃ ID:CDOOvK0. 21/06/12

pink_mainの上書きが足りなかったようですっ
無事実装できました~っ!!!
ありがとうございますっ

めいちゃ ID:CDOOvK0. 21/06/12 - Showing thumbnail -

あぁぁぁダメでしたぁ(泣
描けるけど保存ができませんですー

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

レス遅れてすみません。
save.php

potiboard.php
と同じフォルダに入れてみてください。

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

save.phpはこの画像の赤丸のファイルです。
ChickenPaintの画像を保存するためのファイルです。

めいちゃ ID:Bz4FZ8N. 21/06/13

できましたっ!
ありがとうございます~っ!!!

[27] POTI-board EVO v3.00.3をリリースしました。


さとぴあ@管理人 [URL] ID:CBtYmiE6 21/05/24

POTI-board EVO v3.00.3 Fixed and update
PaintBBS NEOを更新しました。
NEOで描いて続きを描くときに画像からを選択するとJavaのPaintBBSが起動するバグを修正しました。
日本語に翻訳されたChickenPaintに更新しました。

さとぴあ@管理人 [URL] ID:CBtYmiE6 21/05/24 - Showing thumbnail -

ChickenPaint日本語対応版、起動画面。

[26] POTI-board EVO v3.0 リリース ChickenPaintに対応しました。


さとぴあ@管理人 [URL] ID:IkR5BEuk 21/05/16 - Showing thumbnail -

ChickenPaintという高機能なアプリが使えるようになったPOTI-boardをリリースしました。
バージョンはv2.xからv3.0になりました。
スクリプトの名称は改二からEVO(Evolution、進化の意)になりました。
開発チームの名称としてのPOTI改は残ります。
ChickenPaint対応版へのバージョンアップ方法を、GitHubに記載しました。
ChickenPaint対応版が特に必要ではない方は、今使っているテンプレートのままで構いません。
セキュリティ対策やバグフィックスでpotiboard.phpのバージョンがあがった場合でも、現時点では旧テンプレートと互換性をたもつ事ができています。
古いテンプレートでは、ChickenPaintが使えない…ただそれだけの違いです。
アップデート方法を下記に記載しました。

satopian/poti-kaini: 「お絵かき掲示板PHPスクリプトPOTI-board EVO」 for PaintBBS NEO and ChickenPaint

[25] Chickenpaintについて


ぐるぐるめー ID:mnCewQaU 21/05/09

昨日はお絵描き掲示板のほうで詳しいお話をありがとうございました。
ビルド済みのものをDLしてindexを開いたら、確かにすぐ動きました。
ひょっとして、これをサーバーに上げてみたらiPadでも動かせるかな?と、ちょっと好奇心でサーバーにアップして、ファイルにアクセスりてiPadから書いてみたら、iPad上でも描画ができて、描いたデータも保存することができました。(ファイル形式が意味不明な感じですが…)
これって、iPadでも動くということになりませんかね?
まあ、8000を超えるなんだかよくわからないファイルを駆使して動いているのかもしれないので、お絵描き掲示板として組み込むのは難しいかもしれませんが、一応iPadでも、あのビルド済みのものはWEB上で動作したという報告でした。
もしかしたら普通にChickenpaintはiPadでも動くのかもしれません。
その辺どうなっているのかは、素人の私にはさっぱりですが…。

さとぴあ@管理人 [URL] ID:2k7eG2e2 21/05/09

描けるけれど、パレット類を動かすと、画面がスクロールまたは、何も描けないはないでしょうか?
iPadの実機を持っている方に試してみて欲しかったんです。
そうですね。モバイル判定を横幅768pxより下のデバイスに限定すれば、起動しないのはスマホだけになりますね。

ぐるぐるめー ID:mnCewQaU 21/05/09

お絵描きに関しては、板タブより挙動が安定している上に、筆圧検知して入り抜き表現までできたんです!
板タブだとペン先に引っ張られて数値がガチャガチャになるカラーピッカーやペンサイズなども、ピタッと選択出来ていました。

ただ、欠点は、ツールを全く移動できないので、自分の作業しやすいようにツールを配置できないというネックがありますね。
お絵描き掲示板形式では無いので、描いたデータはaco形式という怪しい形式で、どんな画像ソフトでも開けませんでした。

こんな使い心地ですが、知りたいことがある場合はいくらでも協力致します!

ぐるぐるめー [URL] ID:mnCewQaU 21/05/09

一応URL欄に私が設置した、さとぴあさんが配布していたほうの掲示板のURLを載せます。
もし問題ないようであれば、テストとして私のサーバーにアップしている、おおもとが配布していたビルド済みのChickenpaintのテストボードのURLも貼りましょうか?
こういう場合、リンク周りに関してはどうしたらいいかわからないのでちょっと慎重に行きます…。

さとぴあ@管理人 [URL] ID:2k7eG2e2 21/05/09

https://paintbbs.sakura.ne.jp/localPaintBBS/chickenpaint/

ここにHTMLファイルを設置してみました。
リリースに入っているファイル全部だと、PSDファイルが入っていたり、ファイルがたくさんあるので、local用はファイルを整理したほうがいいですね。
そのうちまとめます。

さとぴあ@管理人 [URL] ID:bOGqhJBk 21/05/09

描いたデータはaco形式という怪しい形式で、どんな画像ソフトでも開けませんでした。
Photoshopで開く事ができる自分で作ったパレットの色ですね。
それに加えて、png画像、そしてレイヤー情報が入った.chiという形式のファイルが連続してダウンロードされる…と思います。

たしか、タブレットのWindows inkをonにすると筆圧が有効になりますが、やっぱりパレットを移動できません。

多少問題があっても使いたいという事であれば、スマホ判定の処理をiPadより小さなデバイスのみにするなどの対応はできると思います。
トラブルになるかもしれないものはとりあえず使えなくしておくのがいいのか、それでも使えるようにしたほうがいいのか、判断に迷うところです。
モバイルでも使えるようにする、しないの設定もやろうと思えばできますね…。

ぐるぐるめー ID:mnCewQaU 21/05/09

テスト用の設置ありがとうございます。
もしかして、あえて筆圧設定を切っていますか?フルセットだった時は筆圧で太さが変わっていたのですが、さとぴあさんが設置したバージョンだとペンの太さが一定ですね?🤔
でもやっぱりツールボックスは移動できないようです。
画像はフルセットをアップしたバージョンで描いたスクショです。
さとぴあさんが設置してくださったバージョンでは全てのツールの太さが変わりませんでした。
フルセットのどのファイルが必要でどれが要らないかは私では判断できないので、必要な分だけまとめていただけたらありがたいです。

poti改ニ上ではどんな挙動をするのか気になるので、ちょっとiPadでもかけるバージョンをテストさせていただきたいです。

ぐるぐるめー ID:mnCewQaU 21/05/09

失礼しました。筆圧生きてました。
やっぱり動作が不安定で、筆圧が死んだり生きていたり当たり外れあるみたいです。何だったんだろう…。🤔
改ニ版の動作がますます気になります。

さとぴあ@管理人 [URL] ID:2k7eG2e2 21/05/09

なんというか、ChickenPaintのどのファイルがどんな関係にあるのか、いまいち理解できていないところがあるので、もう少し時間ください。
それから、ファイルの構成が変わらない限り、改二とHTMLファイルの動作は同じ筈です。
サイズの変更や、続きから描く時のファイルの読み込みの処理が追加されているだけです。
改二のPaint画面のソースを開くと、たったこれだけ?というHTMLのソースが見えると思います。

ぐるぐるめー [URL] ID:mnCewQaU 21/05/09

おわあ…確かに、HTMLソースでひっぱってきているJavaファイルの構成は変わらないんですね…。フルセットにあんなに沢山ファイルが同梱されている意味とは…。

試しにPCからWindows inkをオンにした状態で書いてみたら、画面が動いて、筆圧も死んでいるし、ペンのサイズも変わらないしで、まったく描画できませんでした。鉛筆と水彩のブラシは描画すら不可能でしたね。
windows inkをオンにしたときの挙動と、iPadで描いた時の挙動は全く別物です。
そして、Windows inkをオフにしたときのPCからの挙動とiPadからの挙動も全くの別物でした。

どんなファイル構成になっているか解明するのはすごく大変だと思うので、無理だけはなさらないで、時間をかけて解明していただけたらと思います。いつまでもお待ちしています。
今のままでも十分遊べるので、のんびりお待ちしています。いつもありがとうございます。

さとぴあ@管理人 [URL] ID:2k7eG2e2 21/05/09 - Showing thumbnail -

作者の方の記述によれば、Windows8、Windows10のWindows inkをサポート。
Windows7は非対応。
Native pen pressure support via Pointer Events is available for IE, Edge, Firefox and Chrome on Windows 8 and 10 (Windows 7 does not support it), and macOS.
こちらの環境では古いIntuos3で、デジタルインク(Windows ink)をonにすると、筆圧が有効になっています。

ところでiPadの実機を持っていないので教えてほしいのですが…。

パレットのメニューが動かせなくても何とか描けている感じでしょうか?

使っているiPadの画面の大きさはいくつですか?
表示できる解像度は768px?それとも1024?
液晶そのものはその2倍の
768x2=1536
1024x2=2048
の解像度だと思いますが、
サイズがわかるようでしたら、その画面サイズがあればmobile扱いしないようにする事はできます。

あとは、
Windowsでは、スペースキーを押せば、
画面を移動できるので、パレットで見えなくても何とかなりますが、
iPadでも絵を描くキャンバス部分を移動したり拡大縮小したりできている感じでしょうか?

ぐるぐるめー [URL] ID:mnCewQaU 21/05/09

私の板タブはwacom Intuos Pen & Touch medium Mサイズ CTH-680/S0なので、だいぶ古いので、Windows inkをオンにするとまったく描画できませんでしたね。Windows10に対応していないのかもしれないです。

わたしのiPadはiPadpro11インチなので、
デバイスピクセル 2,388 x 1,668
CSSピクセル 1,194 x 834
となっているようです。

パレットは✖ボタンで消すことができるし、上のコマンドバーから呼び出すこともできるので、適宜消せば描画の邪魔になりません。
ただ、コマンドバーから拡大縮小したり、画面回転コマンドをオンにしてくるくる回すことは可能ですが、指でピンチイン、ピンチアウトは一切できないですし、指でくるくる回すこともできません。そして、描画画面のスライドバーで画面をスライドすることは一切できないです。スライドバーがしたと右に表示されていても、指やペンでスライドバーを動かす動作は一切受け付けないです。固定ですね。
この場合はiPad自体を横に傾けたり、もしかしてキャンバスサイズを縦長に指定することが可能だったら、縦表示でも描画に差し支えないかもしれないです。

そして一番大事なことですが、PCからWindows inkをオフにして書いた時よりも、iPadから描画したときのほうがはるかに絵が綺麗に描けます。

こんな感じでいかがでしょうか?

さとぴあ@管理人 [URL] ID:2k7eG2e2 21/05/09

だとすると、横768pxのデバイス(iPadの第一世代)までは起動可能…に一応変更してみましょうか?
これは、テンプレート側のJavaScriptで決めてリルので、入れ替える必要がでてくるのは
PINKのテンプレート一式になります。
今から作業しますので、よろしくお願いします。
作業が終わったらまたここに書き込みます。

さとぴあ@管理人 [URL] ID:2k7eG2e2 21/05/09

POTI-board ChickenPaint 対応版
を更新して、マルチタッチかつ、デバイスの幅が768pxより小さな時にmobile用の画面と処理になるように変更しました。
つまりiPadでは、PC表示になります。
同時にしぃペインターも選択できるようになってしまいますが、iPadでどうなるのかはわかりません。
著作表示にChickenPaintを追加してスタイルシートも更新しましたので、
PINKフォルダをまるごと全部上書きアップデートしていただくのが一番確実です。
ひとりで描く分はおそらく問題ないと思いますが、続きを描く時に、画像以外にも特定フォーマットのファイルがあると、しぃぺならしぃぺ、NEOならNEO、ChickenPaintならChickenPaintが起動しますので、続きを描く時に問題が発生する可能性はゼロではありません…。

ぐるぐるめー ID:8pTnPRH2 21/05/10

動作確認してみたところ、テストベッドと同じ挙動で、無事に画像も投稿ができました。手袋をしないと静電気が反応して変な線が出る場合があるのは、iPadでは仕方ないのですが、問題なく絵が描けました。
ただ一点、縦のカンバスサイズのマックスサイズは700でギリです。
カンバスを移動することができないので、これより大きいサイズはズームアウトをしないとフレームアウトして描くことができませんでした。ズームアウトすれば描けます。工夫が必要ですね。

しいペインターも動かしてみましたが、こちらは2分間のcheerpjの起動ののち、画面が出ますが、描画はやっぱりできませんでした。残念。coolsolidで試していたので、これは想定通りでした。

ちょっとツールボックスをオンオフする手間が必要ですが、筆圧は感知しますし、綺麗な絵が描けます。縦700以上描けないことを設定すればいけると思います!

さとぴあ@管理人 [URL] ID:pgipQxvA 21/05/10

縦700px以上の時にキャンバスが隠れるのは、WindowsのPC表示でも同じですが、
しぃの「窓」と同じようなモード
フルスクリーンモードにすると、Windowsでは表示できるようになります。
ただ、この画面を見る限りすでにかなり下まで伸びた状態ですね…。

ぐるぐるめー ID:8pTnPRH2 21/05/10 - Showing thumbnail -

ありがとうございます!フルスクリーンだと、縦1000まで描けました!
それから、指二本を付けて描画するとちょっと3Dっぽい絵が描けました🤣
面白いですね!ちょっとこれは色んな表現ができそうです。

対応ありがとうございました!色々遊んでみます!

さとぴあ@管理人 [URL] ID:pgipQxvA 21/05/10

1000まで行けましたか…。

ぐるぐるめー [URL] ID:8pTnPRH2 21/05/10

先ほどはTwitterにお知らせありがとうございました。無事に設置できて、パレットの移動やクリッピングマスクの動作も確認できました。ありがとうございます!
多分、なんですけど、左手デバイスや外付けキーボードでスペースキーやショートカットを押せばたぶんキャンバスの移動もできるようになっているのではないかなと思います。私は持ってないので、キャンバスは動かせませんが‥。でも、キャンバスがぐらぐらするとそれはそれで困るので、これはこれでいいと思っています。

ただ、指二本で変な模様が描けてしまうバグ技は使えなくなってしまいましたね💦ちょっと残念。

でもほんとに開発者さんに掛け合っていただいてありがとうございました。開発者さんもこんな短時間で対処してアップグレードしてしまうのすごいですね。
本当に何から何までありがとうございます。

ぐるぐるめー [URL] ID:8pTnPRH2 21/05/10

あ!できました! 指二本や三本でペンツールを使った時だけ変な模様が描けるバグ技健在でした!嬉しい!!本当にありがとうございました!

さとぴあ@管理人 [URL] ID:pgipQxvA 21/05/10

ビルド版のリリースは2018年時点のファイルしかありませんでしたが、自分でnpm インストールしてビルドできるプログラマーの人たちは自分で最新版をソースコードからビルド(コンパイル)していました。
自分でビルドできれば、常に最新版を使う事ができます。
それが私にはできなかったので、最新版のビルド済みのものを公開して欲しいとお願いした…という感じです。
つまり作者の方のお絵かき掲示板では、かなり前から新しいバージョンのChickenPaintが使われていたという事になります。
それから、
これから作業になりますが、
potiboard.phpの更新が必要になります。
レイヤー情報が入っている 拡張子 .chi
のファイルの削除処理が入っていないので、
画像を削除してもファイルサイズが大きな.chiファイルは削除されないというバグが今のバージョンにはあります。
数時間後には更新が終わっている筈ですので、作業が完了し次第またここに書き込みます。
よろしくお願いします。

さとぴあ@管理人 [URL] ID:pgipQxvA 21/05/10

パレット切替機能がonになっているようですが、
プロ用のパレットデータがアップロードされていないようなので

satopian/potiboard_plugin: お絵かき掲示板 POTI-boardのための外部phpプログラム https://pbbs.sakura.ne.jp/

ここから落としてください。
いろいろなものがごちゃまぜになっていますが、必要なのはpalette.datが入っているパレットのzipファイルだけです。
まぁ…プロパレットを選択しても、ChickenPaintでは使えませんが…。
potiboard_plugin/another_pallet at master · satopian/potiboard_plugin

使い方はここ。

さとぴあ@管理人 [URL] ID:pgipQxvA 21/05/10

satopian/POTI-board_ChickenPaint: POTI-board ChickenPaint 対応版
potiboard.phpを更新しました。
ChickenPaint独自フォーマットの削除処理を追加しました。
よろしくお願いします。

ぐるぐるめー [URL] ID:8pTnPRH2 21/05/10

ああ!Chickenpaintのことばかり考えていたので、やこうさんパレットDLするの忘れてました!すみません、チェックしていただいて…。全然気づいてませんでした。
もう一つの掲示板ではずいぶん前に装備していたんですけどね。
ご指摘ありがとおうございます。

それから、更新もありがとうございます。早速更新作業をして対応いたしました。
またまたそそっかしくて、CSSでカラーチェンジしていたのを失念していて、カラーチェンジしたCSSファイル上書きしちゃったので、また作業しないといけないんですけどね…。
どうしてもサイトがダークテーマなので、明るい色合いが馴染まなくて、勝手ながらカラーのところだけCSSファイルを書き換えさせていただいてました。他の部分はおっかないので、コンフィグ以外手を付けていません…💦

あ、あと、iPad用の外付けキーボードを持っている人に動作確認をお願いしたら、外付けキーボードのスペースキーを押せば、キャンバスをどこにでも移動できることが判明しました。私はキーボード持っていないので、キャンバスは固定で使うことになりますが、もし外付けキーボードや左手デバイスを持っているiPad絵描きさんがChickenpaintを使う場合は、外付けキーボードや左手デバイスをつければキャンバスが移動できたりショートカットが使えるとお伝えください!

これから板を大事に育てていこうと思います。何から何まで、対応ありがとうございました。

さとぴあ@管理人 [URL] ID:pgipQxvA 21/05/10

色は変更で大丈夫です。
BBSNoteも、毒々しい青色がデフォルトで、なんでこんな色…と思ったものでした(笑
色も、HTMLも変更可能ですので、カスタマイズよろしくお願いします。

[24] 無題


しめじ ID:Ihe1gc5Y 21/04/29

いつもお世話になっております。
早速相談なのですが、

略/neo/issues/69#issuecomment-652568512

PaintBBS NEOのGitHubで展開されていた上記のように、指定キャンパスサイズの2倍の画像を投稿して表示は1/2になるような設定を実装するためにはどこを書き換えればよいのかアドバイスいただきたく…。
リンク先では容量の問題が挙げられておりましたが、キャンパスサイズを小さめ固定にしているためこちらは問題ないかと思います。高解像度ディスプレイで見た際荒れて見えてしまうのが気になっており、こちらを解決できれば嬉しいです。
よろしくお願いします。

さとぴあ@管理人 ID:vwAgKwTg 21/04/29

実際の運用上どうなるのか、わからない点もありますが、拡大するだけなら、

さとぴあ@管理人 ID:vwAgKwTg 21/04/29

<?php
//サムネイル作成
//210203 コード整理
//201218 webp形式対応
defined('PERMISSION_FOR_DEST') or define('PERMISSION_FOR_DEST', 0606); //config.phpで未定義なら0606

function thumb($path,$tim,$ext,$max_w,$max_h){
if(!gd_check()||!function_exists("ImageCreate")||!function_exists("ImageCreateFromJPEG"))return;
$fname=$path.$tim.$ext;
$size = GetImageSize($fname); // 画像の幅と高さとタイプを取得
// リサイズ
$out_w = $size[0] * 2;//端数の切り上げ
$out_h = $size[1] * 2;

switch (mime_content_type($fname)) {


さとぴあ@管理人 ID:vwAgKwTg 21/04/29

このコードは
thumbnail_gd.php
を改造したものです。
元の画像の2倍のサムネイルを作ります。
ただ、このコードは最終的にjpeg画像を出力するので、そこをpngに書き換えなければいけないのと、
画像添付によるアップロードで大きな画像が投稿されたときにも、pngのまま2倍のサイズで出力する事になってしまうので、たとえば、大きな画像を投稿してもサムネイルができるから大丈夫…ではなくなります。
結局2倍のサイズの画像を作るだけならすぐにできますが、
実際の運用を考えると現実的ではない事がいろいろでてきます。
現時点では…。このサイズだったらjpgで縮小したサムネイル、でなければ2倍のサムネイル、あるいは投稿する画像はすべてサムネイルといった処理が考えられますが、GDを常に使うのもサーバの負荷になるのかもしれませんし…。
各自でやっていただく形になるかもしれないですね。
「GD 画像 拡大縮小」で検索するといろいろでてくると思います。

さとぴあ@管理人 ID:vwAgKwTg 21/04/29

そして、HTMLの幅と高さの設定で縮小する事になりますので、デフォルトテーマのテンプレート一式は比較的新しいものが必要です。
デフォルトテーマにはHTMLの幅と高さが長らく入っていませんでしたので、その調整も必要です。
そして画像を2倍にしたら、表示は1/2になるようにするには、CSSによる縮小も考慮する事になりますので、PHPとテーマのHTMLとCSSも意図どおりに調整する必要がでてくるのかもしれません…。
できる人なら、すすっと解決するのかもしれないのですが…。

さとぴあ@管理人 ID:FVC/f0QM 21/04/30

試しに拡大処理の箇所だけ関数化してみました。
$im_png=png2size2($dest);
rename($im_png,$dest);//2倍の画像で上書き
のように書くと投稿する画像が2倍になります。
HTMLの幅と高さは元のサイズになるようにすれば、画像は2倍で表示は1/2になります。

function png2size2 ($src) {
global $path;
if(mime_content_type($src)==="image/png" && gd_check() && function_exists("ImageCreateFromPNG")){//pngなら2倍に拡大
list($w,$h) = GetImageSize($src); // 画像の幅と高さを取得

$out_w=$w*2;//2倍に拡大
$out_h=$h*2;

if($im_in=ImageCreateFromPNG($src)){
$dst = $path.pathinfo($src, PATHINFO_FILENAME ).'.png.tmp';
if(function_exists("ImageCreateTrueColor")&&get_gd_ver()=="2"){
$im_out = ImageCreateTrueColor($out_w, $out_h);
// コピー&再サンプリング&拡大
if(function_exists("ImageCopyResampled")&&RE_SAMPLED){
ImageCopyResampled($im_out, $im_in, 0, 0, 0, 0, $out_w, $out_h,$w,$h);
}else{$nottrue = 1;}
}else{$im_out = ImageCreate($out_w, $out_h);$nottrue = 1;}
// コピー&拡大
if($nottrue) ImageCopyResized($im_out, $im_in, 0, 0, 0, 0, $out_w, $out_h,$w,$h);
// 2倍になった画像を保存
Imagepng($im_out, $dst);
// 作成したイメージを破棄
ImageDestroy($im_in);
ImageDestroy($im_out);
if(!chmod($dst,PERMISSION_FOR_DEST)){
return;
}
return $dst;
}
}
return false;
}

さとぴあ@管理人 ID:FVC/f0QM 21/04/30

動画から続きを描く時に、キャンバスサイズを画像で判定しているので、2倍のキャンバスの中に1/2の画像がでてきました。
画像から続きを描くと2倍の画像の続きを描くことになります。
別途サムネイルだけでこの処理を行うか、高解像度用モニターのための画像フォルダを新しく作ってそれ用の処理にするか…。
サムネイル処理による縮小が必要な時もあるはずですが、その表示サイズも2倍にするのか…。
2倍にするだけなら簡単なのですが、課題が多いですね。

しめじ ID:fDNg84XM 21/05/01

詳しくご説明いただきありがとうございます!
なるほど画像添付や続きを描くの処理などなかなか厳しい部分が多いと感じました。
質問なのですが、逆にお絵描き画面を1/2サイズで表示するなどは可能でしょうか?(通常ですと等倍以下には縮小できませんが…。)
ちなみにブラウザ上で1/2サイズ表示にして2pxのペンで描画したところ線が荒れて見えてしまったのですが、同じような形になりますかね?

さとぴあ@管理人 ID:zUF8m5NE 21/05/01

+-による等倍以下の縮小ですか…。
ブラウザで拡縮する以外の方法はこちらではわかりません。
ただ、投稿した画像をすべて1/2のサイズで表示するだけならできるかもしれません。
300x300の画像が150x150pxで表示される形ですね。
実体データは何も変わらないので、続きを描いても、添付画像を投稿しても問題は起きにくいです。
ただ、見た目は1/2になります。

さとぴあ@管理人 [URL] ID:zUF8m5NE 21/05/01 - Showing thumbnail -

等倍の場合。
これをCSSで1/2に縮小表示します。

さとぴあ@管理人 [URL] ID:zUF8m5NE 21/05/01 - Showing thumbnail -

画像の最大幅をCSSのカルクで計算して1/2にしています。
calc(100% / 2)
元の画像の1/2のサイズで表示するだけなら、CSSを修正するだけでできますね。

しめじ ID:0AYM3N/o 21/05/02

ありがとうございます!!
ブラウザ縮小かけてご教授いただいた1/2サイズで表示する形でやってみます!!

さとぴあ@管理人 [URL] ID:zmyxarWw 21/05/02

(100%/2)は、50%なので、
max-width: 50%;
height: auto;
で良かった…という。

しめじ ID:edK6cAeI 21/05/03

追記ありがとうございます!
コード承知致しました!!

[23] POTI改公式サイトについて


さとぴあ@管理人 [URL] ID:0ZsAA5OQ 21/04/20

さこつさんが運営しているPOTI改公式サイトにアクセスできない状態になっています。
公式サイトが停止していても、POTI改のプログラムはGitHubからダウンロードできます。

POTI-board改二

サポート掲示板は動いていますので、どうぞご利用ください。

さとぴあ@管理人 [URL] ID:iVbEINT2 21/04/21

お知らせ。
これまでこのサポート掲示板は、POTI改公式サイトの一部でしたが、公式サイトとは別のさとぴあが運営するサポート掲示板になりました。
現状では、まだ同じスクリプトですが、
さとぴあが管理しているGitHubのリポジトリのお絵かき掲示板のスクリプトのサポート板となります。
よろしくお願いします。
ご不便をおかけしますがよろしくお願いいたします。

さとぴあ@管理人 [URL] ID:iVbEINT2 21/04/21

さこつさんの了承のもと、POTI-boardの開発をさとぴあが引き継ぐ形で開発とサポートを継続する事になりました。
従来の公式サイトに変わる、配布とサポートの掲示板を少しづつ作っていく予定です。
よろしくお願いいたします。

さとぴあ@管理人 [URL] ID:ZS7vA3Gc 21/04/22

最新版のダウンロードのリンクと、サポート掲示板へのリンクしかありませんが、
公式サイトを急造しました。
POTI-board公式サイト
よろしくお願いします。

[22] 複数掲示板の横断カタログについて


まろやか ID:PJ0KA8MI 21/03/09

自サーバ内でいつも使わせていただいております。

メインのページで、通常のお絵かき掲示板に加え、「じっくり」など複数の掲示板のイラストサムネイルを横断して表示しておられますが、あの「カタログ機能」はどうやっておられるのでしょうか。

もともと搭載の機能を利用しているのでしょうか?

さとぴあ@管理人 ID:XTiv9t.. 21/03/10

たとえば、この画面は、作者の名前をクリックした時にその作者の一覧を表示する
search.phpというプログラムで動いています。
そのプログラムはPOTI本体に同梱ずみです。
それを複数の掲示板を横断する形で運用しているのが、私のサイトのプログラム構成なのですが、それ自体は配布とサポートの予定はありません。
ただ、search.phpを解析すれば比較的容易に同じことを実現できるかもしれません。
そのプログラムは提供できませんが、トップページに新着画像を表示するプラグインならあります。

potiboard_plugin: お絵かき掲示板 POTI-boardのための外部phpプログラムのnewimg.phpがそれです。

掲示板の数はいくつでも対応できます。
ひとつの掲示板に付き、newimg.phpもセットで設置して、
画像と同じように
imgタグでnewimg.phpを呼び出せば、その掲示板の一番新しい画像を外部に表示する事ができます。
POTI改公式サイトのトップページのお絵かき掲示板の入り口の画像もこのPHPプログラムを使って表示しています。

まろやか ID:ngd94Tzc 21/03/11

早速のお返事ありがとうございました(^^

どちらも欲しかった機能です!
searchを使って検索画面をトップに置いたり、newimg.phpで最新の画像を呼び出したりしてみました。
もともとの用途としては、newimgを使うと、確かにそれっぽくなるので、これを並列してみようと思います。

ありがとうございました!!

さとぴあ@管理人 ID:XTiv9t.. 21/03/11

複数掲示板の横断検索機能のsearchは非公開という事で心苦しかったのですが、今公開しているものでも、それなりに使っていただけるのはありがたい事です…。
これらはPOTI-board外部プログラムとして作ったものの誰も使ってない状態がつづいていたものなので、作った意味があったのかな…と思っていたところです。
使ってくれる人がいないと意味がないですからね。

[21] 無題


yoko ID:iDgi.39w 21/02/05

はじめまして。お世話になります。
設置についてご相談をしたく、こちらに書き込みをさせていただきました。

さとぴあさんの記事「お絵かき掲示板簡単設置方法 2020年版」
を参考に以下を対応したのですが、最初のサンプル表示で躓いてしまいました。
恐れ入りますが解決策をご教示願えますでしょうか。

・POTI-board改二をダウンロード
・Zip解凍後、「poti-kaini-master」フォルダ(配下「noticemail」「potiboard2」フォルダと3つのファイルを含む)をアップロード。
 FTP上の格納状態:cgi/poti-kaini-master/potiboard2/

・「~/cgi/poti-kaini-master/potiboard2/」で呼び出したところ
  500 Internal Server Error
  実行エラー
  CGIの実行時にエラーが発生しました
 と表示されました。

サイト機能
 PHP:PHP-5.2/5.6/7.1が利用可能
 (niftyホームページサービス)

ブラウザはedgeを利用しています。

アップロード時のパーミッションの指定はしておらず、
「potiboard2」フォルダは755、
「potiboard2」配下のファイルはすべて644になっています。

あまりにも初っぱなで躓いてしまい、どうにもできず、恥ずかしながらご相談申し上げます。

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

ニフティなんですね。
cgi/に入れているのが正しいのかどうか、こちらでも調べてみます。
あとは、最近多発しているのが、
PHPのファイルの転送モードがバイナリになっていると動かない事があるというもので、
ftpで、いったん全部アスキーutf-8で転送すると動いたという事例もあります。
その場合は、あとから、
拡張子が jar のもものだけバイナリで転送しなおせばそちらの機能も動くはずです。

できれば、メールフォームからでもいいので、設置場所のurlにこちらでもアクセスする事ができると解決が早くなるかもしれません。
url欄にメールフォームのurlを入れておきます。
できればそこから、設置したurlを教えてください。
メアドをひみつにしたいときは、
ダミーのメアドで大丈夫です。
ちょっとここの掲示板の動作も変なので改修します。明日以後になると思いますがご了承ください。画像がないと書き込めない…。

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

自動判定で転送するとPHPファイルと、JavaScriptがバイナリで転送されて、文字コードがUTF-8にならなくて、エラーになった例。
この例では転送モードをアスキーのUTF-8にする事で解決しています。
lolipop!でお絵描き掲示板(potiboard改二)が動かない?直ります!|猫あきら|note

この掲示板が画像がないと書き込めなくなってたのは直しました。

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

解決したかどうか…気になっています。
昨日の今日ですが…。
設置場所がわからなくても、サポートはできるので、なんとか設置成功まで確認したいです。

yoko [URL] ID:DJg8rQsU 21/02/06

お気遣い色々ありがとうございます。
こんなに早く対応いただけるとは恐縮です。
ありがとうございます。

まずご教示いただいた、アスキーで全部入れてからバイナリで、を試したんですが、ダメでした。

>転送モードをアスキーのUTF-8にする
FFFTPが古いのかそのボタンがないので、ちょっと最新版を落としてきます…。

それでもダメならまたご相談させていただければと思います。

URLを入れさせていただきました。
一応「CGIの実行時にエラーが発生しました」と反応があるので、ファイルの場所が違うとかではないと思いますが…

>lolipop!でお絵描き掲示板(potiboard改二)が動かない?直ります!|猫あきら|note

にパーミッションの記載もあったのでFFFTPを最新にしたらそちらも確認を試みてみます…。

お返事遅れて済みません。
まずは進捗のご報告まで

yoko [URL] ID:DJg8rQsU 21/02/06

連投にてすみません。

FFFTPをDLして、UTF8を指定してアスキー転送してから、jarファイルをバイナリで転送しましたが、改善せず…。

lolopop推奨で意味ないかもしれないが念のためと思い、パーミッションも
.htaccess、htmlファイル、PHPファイルを604に指定してみましたが変らず、でした。

ご報告まで…。

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

サイトに伺って直接、
index.phpにアクセスしてみたのですが、500エラーが帰ってきました。
POTI-boardに画面が推移して消滅するだけのプログラムなのですが、これが動いていないとなると、カスタマイズが原因ではないですね。
以下のphpファイルをアップロードして、うごかなければ、そのディレクトリではphpが動かないということなのかもしれません。
BBSNoteはPerlのプログラムなので、phpとはちょっと事情が違ってきます。
---------キリトリセン--------

<?php
phpinfo();

---------キリトリセン--------

たった2行のプログラムですが、
正常動作ならphpの基本情報がでてきます。

cgiディレクトリではこれがでないようなら、この2行のプログラムが動く場所を探すしかないですね。

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

BBSNoteがcgiディレクトリに入っていて動いていますが、Perlという言語で動作しているので、phpが動く事を確認する必要がありそうです。
この場合はPOTI-boardというファイル数の多いものではなく

2行の

---------キリトリセン--------

<?php
phpinfo();

---------キリトリセン--------

キリトリセンの部分は不要
が動くかどうかです。

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

これが動かないようであれば、そのServerでは、phpのプログラムは動きません。

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

書き忘れました…。
ファイル名はなんでも構わないので、

a.php

みたいな感じで、
拡張子に phpがついていれば大丈夫です。
phpが動くServerなら、
添付画像のような画面がでてくるはずです。

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

エラーがindex.phpというファイルでも発生しているので、もし上の phpinfo は動くけど、
POTI-boardは動かないとなると…。

考えられる原因のひとつは…。
config.phpのエラーですね。
yokoさんの編集が正しかったのかそうではないのかは、中をみないと正しく判断はできませんがあくまでも予測です。

config.phpのファイルを意図的に動かなくして似たような状況を作ってみました。

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

あくまでも、「例えば」でしかありませんが、

/* ---------- 最初に設定する項目 ---------- */
//管理者パスワード
//必ず変更してください。
$ADMIN_PASS = 'kanripass';

ここの、


$ADMIN_PASS = 'kanripass';
が、
$ADMIN_PASS = 'kanripass'

;←この記号が足りない

$ADMIN_PASS = 'kanripass;

シングルクォート ' が一つたりない

どちらのパターンでも致命的エラーになります。

ほとんどのファイルがconfig.phpの設定内容を読み込んでいるので、このファイルがエラーになると、他のファイルもすべてエラーになります。

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

切り分け

1ダウンロードしたまま編集していないconfig.phpで上書きする

動けばそこに原因がある。

動かなければ、原因は別の箇所。

全部のファイルのダウンロードのやり直しをして、何も手を加えずにアップロード。

それで動けばダウンロードしたファイルに問題があった。

ただ、こちらで提供しているプログラムの問題かもしれないですし、もう少し調べてみます。

yoko [URL] ID:XSLtNODo 21/02/07

お返事遅れて済みません。
詳細なご説明ありがとうございます。

a.php
を試したところ、動きませんでした。

それなので、そもそもPHPが動かない環境ということですね。
NIFTYの機能一覧でCGIが使用可能なプランだからPHPも使えるものと思っていました。
不勉強すぎてお恥ずかしい…

いろいろご確認をしてくださってありがとうございました。
これまで通りcgi版BBSNoteを利用します。

ここまで丁寧にご対応いただき本当にありがとうございました。
そして大変お騒がせして申し訳ありませんでした。

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

BBSNoteも、Perlというプログラムのバージョンがあがると、表示もできなくなる時期が来ます…。
具体的にいうと、Perl5.12以上で書き込みができなくなり、Perl5.26で表示できなくなります。
BBSNoteからPOTI-boardへのログの変換もできますので、気が向いた時にでもまたよろしくお願いします。
設置の有力候補で無料のところは
スターサーバフリーのPHPプランです。
手動で更新手続きをしないと消えてしまうのが面倒ですが、無料なので、そこは仕方がありません…。

ニフティのPHPの状況についての説明がニフティのサイトにもう少し欲しいですね。
これはニフティがいけないのですが…。

無料レンタルサーバー【スターサーバーフリー】

ここの「フリー PHP+MySQL」プランに何件か設置してもらいましたが、いずれも成功しています。
またよろしくお願いします。

yoko [URL] ID:XSLtNODo 21/02/07

お返事ありがとうございます。

> BBSNoteも、Perlというプログラムのバージョンがあがると、表示もできなくなる時期が来ます…。

そうなのですね!
では近い時期にご紹介いただいたレンタルサーバーの事含めて検討&チャレンジしたいと思います。

この週末は大変お騒がせしてしまいました。
寒さが続く折ですので、くれぐれもご自愛ください。
ありがとうございました!

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

少し面倒で、説明書が未完成ですが…。
BBSNoteのログファイルさえ残っていれば、それをPOTI-boardで表示する事もできます。
ちょっとまだ説明不足で混乱している状態ですが…。

蘇るイラスト:BBSNoteのログを今でも見れるようにコンバートした話 by たがやしいちろうさん - Togetter

yoko [URL] ID:zaJmQxbQ 21/02/11

ログ移管の方法までフォローありがとうございます。
移管の際には参考にさせていただきます!

#もうちょっとこのままBBSNoteを使いそうですが…。

[20] 無題


すずめ ID:IFOKuRiI 20/12/16

こんにちは。いつもお世話になっております。
先日はさとぴあ様のブログのコメント欄にて質問失礼いたしまいした。
再度こちらで質問させていただければと思います。
以下ブログコメントと同内容のコピペです。

PINKのスキンを使用させていただいているのですが、PC表示の際コメントの位置は画像の右に置きたいのですが、返信は元投稿の下になるようにしたいのですが可能でしょうか?
恐れ入りますがご教授いただけますと幸いです。

何卒よろしくお願いします。

さとぴあ@管理人 ID:fX6zh7pg 20/12/17 - Showing thumbnail -

こんな感じでいいんでしょうか?
画像の右横にコメント。
でも、返信は下。

すずめ ID:q1paMDdY 20/12/17

返信ありがとうございます!
こちらのイメージで問題ないです!

さとぴあ@管理人 ID:fX6zh7pg 20/12/17

これでよければzipで受け渡しもできますが…。
pink_main.html

pink_res.html
それぞれの
<div class="comment"> <% echo (oya/com) %></div>
という行のすぐ下に
<div class="clear"></div>
を入れてやればこうなります。

さとぴあ@管理人 ID:fX6zh7pg 20/12/17

zip希望ならそう書いていただければ、掲示板から落とせるようにします。
ただ、すでに改造してあったりすると逆に面倒かもしれないので、
<div class="clear"></div>
を追加で対処してもらう方法もあります。

すずめ ID:q1paMDdY 20/12/17

詳しくありがとうございます!!
色々書き換えちゃってるので教えていただいたように自分で追加してみます!
ありがとうございました!

さとぴあ@管理人 ID:fX6zh7pg 20/12/17

あと、これは改二用なのですが、バージョンはPOTI-board改二で大丈夫ですか?
POTI-board改はサポートが終わってしまいました。

さとぴあ@管理人 [URL] ID:fX6zh7pg 20/12/17

ああ、入れ違いでしたね…。
よろしくお願いします。

すずめ ID:q1paMDdY 20/12/17

はい、改二使用させていただいております!

さとぴあ@管理人 [URL] ID:fX6zh7pg 20/12/17

もし、必要ならzip版も用意できると思います。
書き込んでいただければ。

[HOME / Admin]
Petit Note v1.65.3 Template BASIC
OekakiApp - PaintBBS NEO , Tegaki , Axnos Paint , Klecks , ChickenPaint Be
UseFunction - DynamicPalette , Lightbox