POTI改 設置サポート掲示板

マニュアルは
CSS カスタムプロパティ（変数）の使用 - CSS: カスケーディングスタイルシート | MDN
https://developer.mozilla.org/ja/docs/Web/CSS/Using_CSS_custom_properties
にあります。

また、Google Chromeの開発者ツールを、ショートカットキー｢ctrl+Shift+i｣で開くか、メニューから｢その他のツール>デベロッパーツール｣として開いて、このカスタム変数の箇所の配色をChrome上で設定して、設定したファイルをパソコンにダウンロードすれば、Chromeで画面を確認しながら、色を設定する事ができます。

Google Chromeのデベロッパーツール(開発者ツール)を開いて、
要素メニューで、スタイルシートのCSSカスタム変数で指定している背景色
--background-color:#fff;
を
--background-color:#96cac8
にChrome上で変更するとこんな感じになります。
このあと、Chromeから、index.cssをダウンロードして、
template/basic/index.cssを上書きすれば、自分で設定した背景色になります。
ただ、
.darkmode{
から始まる、ダークモードの背景色もありますので、そちらも変更する場合は二箇所の変更が必要になります。

template/basic/index.css
の中身のスクショです。
内容をテキストで貼るとサーバのセキュリティ機能が発動して投稿できなくなるので、画像です。
色指定の変数名を説明するコメント付きです。
--article-title-color: var(--title-a-color);
のように、var()で囲っている箇所は、
--article-title-colorに
--title-a-colorで設定ずみの色を使いまわしましています。
このあたりも、
https://developer.mozilla.org/ja/docs/Web/CSS/Using_CSS_custom_properties
の説明のほうがわかりやすいと思います。

わかりやすい解説ありがとうございます！無事解決しました！
Chromeだとキャッシュの関係で中々反映されていませんでした
なので、SafariとFirefoxで確認するとすぐ反映されました！わかりやすい解説のおかげでその後の作業もすいすい進行できました。ありがとうございます

解決してよかったです。
Chromeの時は、デベロッパーツールを開いた状態で、再読み込みのアイコンを長押しして｢ハード再読み込み｣を実行するとキャッシュをクリアして再読み込みしてくれます。

config.phpの
//添付画像アップロード機能を使う
$use_upload = true;
//コメントのみの新規投稿を許可する、しない。
$allow_comments_only = true;
この2つの条件のうちのどちらかが、
trueの時に、トップのスレ立てのためのコメント入力欄が表示されます。
また、管理者投稿モードでログインの時には、どの設定をしていても、表示され、日記モードに設定している場合でも、管理者がログインすると表示されます。
要するに、コメントだけでスレ立てしてもいいのなら、トップのコメント入力欄は必要。
画像アップロードしてスレ立てするならトップの入力欄は必要。
お絵かきだけなら、トップの入力欄は不要なので消える。
管理者はすべての機能が使えるから、トップのコメント入力欄が管理者には常に表示される(他の人には見えない)
になっています。
それ以外のテンプレート本体の改造は、機能要望として何か考えてもいいのかもしれませんが、これはフリーソフトですから、改造部分はサポート対象外になります。
これらの情報をヒントにして、自己責任で改造するか、誰かに有償などで依頼する形での解決をお願いします。

管理者のログアウトしたところ非表示になり、無事解決しました。
初歩的なところで失礼しました･･･分かりやすい回答をありがとうございました。

PHPのバージョン切り替え画面のスクショです。
PHP8.3が望ましいです。
PHP5.3以下になっている場合はエラーメッセージを出す事もできず、500エラーになってしまいます。

早速のお返事ありがとうございます。
PHP8.3にしてきました！
すると今度は
"DNS_PROBE_FINISHED_NXDOMAIN”
のエラーが出てきました…。
.htaccessは触っていませんし、config.phpも一旦なにも弄らずアップロードしています。
パーミッションはファイル系は755、その他は707です。

すみません、できました…！
FFTPで一括アップロードし直したら起動しました。ありがとうございます。

ChickenPaintとklecksのファイルの一部が欠落しているようですので、
chickenpaint/
klecks/
ふたつのディレクトリの上書きアップロードをしたほうがいいかもしれません。
一部の画像がサーバにあがっていないみたいです。

chickenpaint/
klecks/
上書きしました！問題なく動いてるかもしれません。
しばらく動作確認してみます。丁寧に教えていただきありがとうございます。

あとは可能性というか、すべて憶測でしかないのですが、
その他の投稿やお絵かき画面では拒絶されない、管理者ログインのときにだけ拒絶される理由がどうももやもやしていて、
考えられるとしたら、
管理者ログイン画面のところだけ
http://
で、
その他は
https:// の保護された通信
で、内部的にリダイレクトがかかっているとか?
ある日突然エラーがでるようになったとしたらSafariのブラウザキャッシュが原因かもしれない?とかですかね。
とりあえずは、上記テストのお願いのほか、同一オリジンの取得に失敗したときにはエラーにならないように緩和する処理への書き換えはやってみているところです。

zipファイルをDLして差し替えてみたところ、：で区切られた左右が、異なる文字列でエラーが出ました。

ここで気づいたのですが、（憶測としておっしゃられていることにも近いのですが）今まで掲示板を設置しているサーバーのドメインのうち共有SSLの方でアクセスしていて、そこで管理人パスワードを打つと拒絶されていました。
通常のドメインでアクセスすると、管理人認証を問題なく通ることができました。（以前問題なく投稿できていたのも、通常ドメインからアクセスしていた時でした）

もしかしますと、投稿をする時だけ通常ドメインからアクセスし投稿すればよい、という初歩的な問題だったかもしれません…！
その場合は、コードでの対応策は必要ないかと思われます。
ここまで探っていただいた中、大変お手数おかけしまして申し訳ございません！このこと以外にお気づきの点がなければ、解決とさせていただきたいと思います。

では解決という事で。
他にも同じ問題が発生する人がいるかもしれませんから、今回の事例のログは決して無駄にはならないと思います。
ありがとうございました。

返信に期間が空いてしまい申し訳ございません。
改めまして、原因解明のため様々ご対応いただき誠にありがとうございました。
終始管理人様のお力に頼りきりでお手数をおかけしてしまいましたが、原因と対応の方法が明確になり大変助かりました…！

お絵かき掲示板は自分にとって思い出深く、この時代でも個人で開設できることや、現在もサポートしていただけることに、深く感謝いたします。これからもよろしくお願いいたします！

たまに遭遇する例ですが、ffftpで、アスキーモードで転送+ホストの漢字コードをutf-8以外の例えばeuc-jpにした時は、お絵かき画面は起動しません。
(赤丸のところは無が正しい)
ローカルの漢字コードもShift JISにわざと設定した画面です。
ローカルの漢字コードはutf-8が正しいです。
ただ、バイナリモードで転送してしまえば、漢字コードが切り替わる事がないので、このような細かな設定は気にしなくても問題が解消されるかもしれません。

ホストの漢字コードをeucにしてわざとエラーを出した画面です。
開発者ツールでコードを確認すると文字化けしています。
仮設置でも構いませんので、
この掲示板か
https://paintbbs.sakura.ne.jp/mail/postmail.html
のメールフォームから、実際に問題が発生している掲示板のURLを教えていただければ結局は同じ事の確認になりますが、原因の特定が容易にはなります。

https://note.com/akiraneko/n/nf8cebc04ab23
ここの記事も参考になるかもしれません。
(ただ、実際に見ていないので原因が違う可能性もありますが)
この記事では、
ローカル、utf-8、ホストutf-8のアスキーモード(文字モード)で転送したら成功したとあります。
元のファイルはutf-8形式ですから、ホストでもutf-8にする形です。
これとは少し異なりますが、転送モードを自動からバイナリモードにして、全部バイナリーモードで転送してしまえば、文字コードはutf-8のまま転送されますから、自動振り分けではなく、全部バイナリーモードで転送してもおそらく動作します。
ダウンロードしたPetit Noteのファイル一式をさくらのレンタルサーバーにfftpのバイナリモードですべて転送してみましたが正常動作しました。
昔は、Shift JISが掲示板の主流で古いウェブサイトもShift JISやeuc-jpだったのですが、HTML5以後はすべてutf-8に統一されましたので、形式が絶対に変わらないバイナリモードでの転送がおすすめです。
ここまで、状況が確認できない状態で思いつくものを列挙しましたが…。

さとぴあさん、ご丁寧に返信ありがとうございます！
＞これは完全に憶測にすぎませんが、app/ディレクトリが存在しないか、
まさにこれでした…！
一気にアップロードするとうまくいかなかった経験から、小分けにアップロードしたのがだめでした。
app/ディレクトリの中身だけアップロードして肝心のapp/ディレクトリが無かったのです。

これだけ色々推測していただいて、初歩的なミスだったのが申し訳ない…
しかし教えていただいたことで、原因が分かったのでおかげさまでちゃんと描画できるようになりました。
親身な対応に感謝します。
これからも陰ながら応援させていただきます。

解決して良かったです。
だいたい90%位の確率でこれまで解決してきましたが、残り10%は未解決だったりしますので…。

毎度のアップデートお疲れ様です。
CheerpJのバージョン3、実装が楽しみです。
動画がスピードによって再生がおかしくなるところも気になっていたのですが、
さとぴあさんのSNSの投稿を見させていただいたところ、そこも直るみたいで嬉しい限りです。

こんにちは。
ただ、残念なお知らせがあります。
xamppのlocalhostでは投稿に失敗します…。
動画の再生はできます。
開発元に報告しましたが、localhostはサポート対象外なので動かなくても何もできないとの事でした。
今後の開発過程でまた動くようになる可能性もありますが…。
無償で利用可能な条件に、非営利、パブリックなネットワークでの使用と記載があったりもしますので、とても難しい問題です。
CheerpJv3に対応した後も、cj2が必要な人のための切り替えの設定を追加して対応する事になりそうです。
あとは、Java関連では、Waterfox Classicと、Ple moonというJavapluginが現在も利用可能なブラウザからの投稿ができなくなっていたのを修正しています。

動的パレットの問題も解決した、
POTI-board v6.23.0をリリースしました。
ただし、CheerpJv3.0はローカル環境での動作に対応していないので、しぃペインターからの投稿に失敗します。
どうしてもXAMPPのLocalhostで使いたい場合は、Pale MoonやWaterfox Classicと、オラクルのJava8の64bit版をインストールして使うか、CheerpJv2.3のまま使う設定にする形になりそうです。
Windows環境であれば、EdgeのIEモード+Java8 32bit版でもしぃペインターを使う事ができます。
公開されているインターネット上であれば、CheerpJ v3.0で問題ないのですが…。

毎度のアップデート、大変感謝しております。
ChreepJv3.0の実装、楽しみにしておりました。
xamppではなく、レンタルサーバーを借りてそこで動かすことにしました。
動的パレットがしっかり動作してくれて嬉しい限りです。
重ね重ねになりますが、本当にありがとうございます。

XAMPPでは動作しないから解決してないなぁと思っていましたが、良かったです。

さくらのレンタルサーバのデフォルト値を調べてみたら8MBでした。
設定で引き上げる事は可能。

質問があります。
Chrome で作成した新規ユーザーは、
削除してしまって問題ないのでしょうか？

はい、検証用に作成して頂いていていましたが、無関係でしたので、削除していただいて大丈夫です。

わかりました。

最終的に、neoを改造して、サーバで受信できないサイズのpchアニメデータの時は、アニメデータを切り捨てて、画像だけ投稿するようにしました。
そうしないと、すべて投稿できなくなるので仕方がありません。
しかし、動画がなくなるとレイヤー情報もなくなってしまうのでそれでも投稿を完了していいかどうかを確認するダイヤログが開くようにしました。
キャンセルすれば作画を続行できます。
OKで、画像だけ送信します。

Petit Note v0.98.12リリース · satopian/Petit_Note
https://github.com/satopian/Petit_Note/releases/latest
修正しましたので、よろしくお願いします。

ありがとうございます！解決致しました。トップから入力欄がなくなったので？？と思ってしまいましたが、画像アップロードを使わない設定なら要らなかったですね＾＾。

あと一つちょっと気になっていた事があるんですが、アップデートしたあとその掲示板を表示させると、最近投稿された絵がindexのページで表示されなくなるという現象が起こりました。
カタログには表示されるので、そこから行ってレスを付けるとindexにも表示されます。
今回のアップデートでは2枚の絵が表示されなくなりましたが、1枚にレスを付けると2枚ともindexに表示されるようになりました。
さほど問題ではないのですが、以前は無かったけど最近起こるようになった現象なので書き込ませていただきました。

それは、templateフォルダにあるcashフォルダの中身を表示した結果だと思います。
設計上はバグっていなければ、新しい書き込みのタイミングで古いキャッシュは削除されて、キャッシュが存在しなければ新しいキャッシュを作成します。
古いキャッシュがtemplate/cash/index_cache.json
に存在している時は、それが表示されてしまいます。
これは、昔のお絵かき掲示板の、最初の1ページ目だけは静的なHTMLファイルにして負荷を削減していたのを、
最初の1ページ目だけは配列をキャッシュしておいてPHPに計算ずみのキャッシュを読み込ませる事で負荷を削減しているものです。
ただ、もしかしたらバグかもしれませんので、問題が続くようでしたらお知らせください。
template/cash/
の中身をftpで削除する、あるいは掲示板に何か書き込むで通常はキャッシュが削除されます。

$use_top_form=true;
でトップの入力フォームを使う設定にしていても、
コメントのみの新規投稿を許可する
あるいは
添付画像のアップロード機能を使うを選択しないと、トップの入力フォームは表示されないので、
$use_top_form=true;
の設定項目を廃止して、
画像アップロード機能を使う
あるいは
コメントのみの新規投稿を許可する
の時だけ、トップの入力フォームが開くようにします。
トップの入力フォームを使う設定にしているのに、表示されないのは確かにわかりにくいです。

なるほど！よく分かりました＾▽＾
確かにcashというのはそのままにしてましたので、そういうことなんですねー。
（最初なかったよく分からないものは全てそのままにしてるので＾＾；）
原因が分かって安心しました！
丁寧に説明して下さりありがとうございます！ｍ（＿＿）ｍ

1.
>お絵描きモードが出てきますが、一番下の描画時間を削除できませんか？
機能としてはできませんが、
paint.blade.phpの中に時計のJavaScriptが入っていますので、そこを削除すれば表示されなくなります。
そして、その時計は単に時間を計測しているだけで、その後の時間表示とはまったく関係ありません。
投稿時の描画時間の計測は別の箇所で行っています。
2.描画時間の非表示の設定項目があります。
config.phpの
//描画時間の表示 する:1 しない:0
define("DSP_PAINTTIME", "1");
を
define("DSP_PAINTTIME", "0");
に変更します。
3.
>タイトルのピンク色の部分をブルーやグリーンに
外部スタイルシートを使っていますので、スタイルシートを書き換えれば好きな色に変更できます。
特別なアプリは必要なく、GoogleChromeの開発者ツールで色を変更したスタイルシートをダウンロードして入れ替えます。

また、ピンク色のタイトルは
テンプレートBASICの色ですから、
config.phpのテンプレート設定の箇所が

define("SKIN_DIR", "basic/");
// define("SKIN_DIR", "mono/");

になっていると思います。
そこを
//define("SKIN_DIR", "basic/");
define("SKIN_DIR", "mono/");

として、monoの　先頭のコメントアウトの//を消します。
すると、配色がMONOに切り替わり、配色以外のデザインも変わります。

参考例(英語版のPOTI-board)
https://paintbbs.sakura.ne.jp/cgi/neosample/poti-board-en/index.html

さらに、MONOの場合は、
MONO、dark、deep、MAYOの4パターンの配色を右下の｢Style｣から切り替える事ができます。

それでもよければ、ピンク色以外の配色で利用できます。

単純に、描画時間をすべて非表示にするだけなら、簡単に実現できますので、機能をこれから追加…
と思いましたが、すでに設定項目がありました。
config.phpの
//描画時間の表示 する:1 しない:0
define("DSP_PAINTTIME", "1");
となっている箇所を
define("DSP_PAINTTIME", "0");
に変更すれば、描画時間は表示されません。
よろしくお願いします。

テンプレートをMONOに切り替えるだけでも、タイトルはピンク色から変わりますので、それでよければ、以下は読まなくても大丈夫です。
もとのBASICのデザインのまま、タイトルの色を自分の好きな色に変更するには、スタイルシートを変更します。
その場合の具体的なブラウザGoogle Chromeの使用例です。
basic.cssというファイルにデザイン、配色の一式が含まれていますので、直接エディタで編集してもいいですし、添付画像のようにGoogleChromeで確認しながら変更する事もできます。
個別のデザイン対応は、ご自身でやっていただくか、ウェブデザイナーの方への有償での依頼などで対応をお願いしています。
かなりの方が自分でスタイルシートを変更して使っているようです。

回答ありがとうございます！
１の描画時間が出てくるのはしかたないと思いそのままにいたします。
２のカラーは指定通り変更したところ、MONOのDeepが好みの色でしたのでそちらに変更しました。
３については確認不足でした。動画時間はナシにできたのですが描画は見落としてました。０を選んだら希望通り表示はされなくなりました。

ご丁寧に説明くださり、ありがとうございました！！

>３については確認不足でした。
別の人が追加した機能だったので、現在の開発者の私もそんな機能がある事を覚えていませんでした…。

>そのようなことが可能かどうか、

可能です。

特に変更していなければ
ログファイルの名前は
img.log
と
tree.log
の2つです。
このログファイルをそのまま使ってください。
従来のログファイルには、描いたツールの名前や、サムネイルや動画のありなしは記録されていませんのでその情報は欠落した状態になりますが、v6で読み込むことができます。
新しいログファイル形式は、v6で投稿したものだけ新しい形式になり、ログファイルには以前のログファイルと新しいログファイルが混ざった状態になります。
逆に互換性重視の観点から、v6で作成されたログファイルをv5に移動しても問題が発生しないようにしてあります。
配布している、コード一式には、
ログファイルや、投稿ずみ画像などは一切入っていませんから
ダウンロードしたファイルのディレクトリをそのまま全部上書きしても、投稿ずみのデータには影響はでません。
この場合、アップロードするファイルに｢img.log｣｢tree.log｣が含まれてしまっていると、せっかくの投稿が消えてしまいますので、この2つのファイルを上書きしないようにする注意が必要です。
config.phpにはいろいろ設定してあると思いますので、v6のファイルをアップロードする時に取り除いておいたほうがいいと思います。
設定ずみのファイルをそのまま上書きせずに使えます。
必要なファイルが不足している場合は、エラーメッセージに｢〇〇がありません｣と出ますので、その画面の指示に従っていただければ。
不明な点がありましたら追加でお願いします。

もう少し短く書くと、
ダウンロードした
potiboard5/
フォルダの中から
config.phpだけ取り除いて
potiboard5/
フォルダの中に、img.logとtree.logが入っていないことを確認。
入っていたらログファイルが上書きされてこれまで投稿してきたものが消えてしまいますので、上書きしないようにします。
config.phpを取り除いた
potiboard5/
フォルダの中身を、
今使っているPOTI-boardにフォルダごと上書きすれば、アップデートが終わります。
更新されたファイルがどれかを調べてそれだけアップデートすることもできますが、分からない場合はフォルダごとアップロードできます。

ご返信誠にありがとうございます！
ご教示いただけました手順通りに上書きし、無事にconfig設定と既存ログを残したまま最新版にアップデートすることができました。（右下の表示がPOTI-board EVO v6.00.8になっていたのは、おそらく現行の最新版をダウンロード＆上書きさせていただいたからでしょうか…？）

今までの版でも使い心地を堪能させていただいておりましたが、更新によってますます滑らかな描き心地となったような気がいたします。
改めまして、この技術の開発をしていただき（そして惜しみなく広くご提供していただき）本当にありがとうございます。
一方的に恩恵を享受してばかりの身ではありますが、これからもPOTI-boardを大切に使用させていただきたいと思います。
このたびは暖かく迅速なサポートをいただき、誠にありがとうございました。

解決してよかったです。