POTI改 設置サポート掲示板

NSFW:

[103] Petit Noteが動作しない


mys ID:f497ca7c 24/05/02

はじめまして。
今でもお絵描き掲示板が設置できると聞き、
懐かしさにテンション上がってDLさせていただきました。
配布ありがとうございます。

POTI-boardを設置してみて、動作することが分かったので一旦削除して、.Petit Noteを設置してみたところ、設置はできていたのですが、描画画面が表示されませんでした。
例えばPaintBBSNEOだと、一番右のパレットの種類・下の描画時間、上のツール左右選択等は表示されるのですが、真ん中の画面が真っ白という状態です。
こういう時、どういう原因が想定されるか教えていただいてもよろしいでしょうか。
当方あまりこういった作業に詳しくなく、質問させてもらいました。

mys ID:f497ca7c 24/05/02

追記です。
Petit NoteDLページの「設置しても動作しない場合」欄は確認しました。
パーミッションを手動で設定していないし
PHPのバージョンは8.0、
関係ないかもしれないけどtemplate/ディレクトリの.htaccessを一応削除してみたりしました。

さとぴあ@管理人 ID:cce5fef8 24/05/02 Tool:Upload - Showing thumbnail -

(http://実際に設置したURL)/petitnote/app/neo/neo.js
(http://実際に設置したURL)/petitnote/app/neo/neo.css
この場合、設置フォルダをpetitnoteとしていますが、そこも含めて実際に設置したURLで、
app/ディレクトリにneo.jsとneo.cssがあるか確認します。
直接呼び出してあれば、コードが表示され、なければ404not Foundで見つからなかった事がわかると思います。
ただ、app/ディレクトリが呼び出し禁止等に設定されていれば、そこのコードは呼び出し禁止になるのでお絵かき画面はでてきません。
その場合は、403というエラーコードが返ってきます。
PaintBBS NEOの場合は、描画画面でのキャンバス以外のところを、マウスで右クリック(ペンなら長押し)で開発者ツールを開けばたいていの場合、エラーの原因が赤字で表示されます。
これは完全に憶測にすぎませんが、app/ディレクトリが存在しないか、その中身が無い、あるいは、転送時に文字コードが化けてしまったのかもしれません。
テキストモードで転送して失敗しているのであれば、appディレクトリの中に入っているJavaScriptとcssをバイナリモードで転送してみるのもひとつの方法だと思います。
たとえばffftpはutf-8以外に変換する事があります。
元のファイルも転送先もすべてutf-8でなければならないのですが、euc-jpやShift JISになっているとやはり動作しません。
ただ、一度エラーが発生するとブラウザのキャッシュ機能に古いファイルがはいってしまいますから、Chromeならゲストモードを何度か開き直して確認するか、開発者モードにした上で、リロードのボタンを長押ししてハード再読み込みします。

さとぴあ@管理人 ID:cce5fef8 24/05/02

あとは、メールフォームから設置した掲示板の実際のURLを教えて頂くのが一番てっとり早いです。
開発者ツールと、neo.jsの直接呼び出し等で文字コードがutf-8になっているかどうか確認するだけかもしれませんが…。
JavaScriptはアスキーモードで転送が昔は常識でしたが、それでも動かない場合はバイナリモードで送信するも最近はありです。
app/ディレクトリをまるごと、バイナリモードで転送すれば動くかもしれません。
アップロードされていないか、アップロードされていても、euc-jpやShift JISに文字化けしていると動きません。
バイナリモードの場合は、手元のファイルと同じものがアップロードされて変換されませんから、手元のファイルがutf-8ならutf-8の文字エンコードになります。

さとぴあ@管理人 ID:cce5fef8 24/05/02 Tool:Upload - Showing thumbnail -

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

さとぴあ@管理人 ID:cce5fef8 24/05/02 Tool:Upload - Showing thumbnail -

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

さとぴあ@管理人 ID:cce5fef8 24/05/03

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に統一されましたので、形式が絶対に変わらないバイナリモードでの転送がおすすめです。
ここまで、状況が確認できない状態で思いつくものを列挙しましたが…。

mys ID:f497ca7c 24/05/03

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

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

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

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

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