お絵かき掲示板の入力フォームにautocomplete属性を設定

設置しているお絵かき掲示板のコメント欄の入力フォームにautocomplete属性を設定しました。

Chromeのパスワード保存機能に対応させるためです。


↑
右、BBSNote。左、relm。

autocomplete属性を設定したので、名前+パスワードで保存できるようになりました。

これまでは、URL+パスワードでした。
URLを変更するとその組み合わせて再度パスワードを記憶…というおかしな事になっていました。

POTI-board、は題名+パスワードで、題名を書き換えるたびにパスワードを記憶していました。

<input type="text" name="name" class="post_input_text" autocomplete="username">

↑
名前のところにautocomplete="username"といれただけですが…。


↑
こちらも、名前+パスワードで記憶できるようになりました。


↑
続きから描く時にも名前を選択すればパスワードが入ります。

input 要素 - HTML | MDN

username
new-password: 新しいパスワード (例: アカウントの新規作成やパスワード変更のとき)
current-password

↑
他の絵板と同じパスワードが入っても問題ないはずなので、記憶したいパスワードはcurrent-password、自動的に入力されると困る記事番号+パスワードはnew-password。

フォームのオートコンプリートを無効にするには - Web セキュリティ | MDN

パスワードフィールドのオートフィルを抑止したい場合、autocomplete="new-password" を指定するべきです。ただし、この機能はどのブラウザでもまだ実装されていません。

どのブラウザでもまだ実装されていないとありますが、Chrome64はautocomplete="new-password"で対応可能でした。

Chromeには有効な設定だったのですが、IE11でパスワードを記憶させるとPOTI-boardでは題名+パスワードの組み合わせに…。
Firefoxは…何が変わったのかよくわかりませんでした。

P.S
この記事には後日談があります。

Chrome68 オートフィルを抑止したいだけなのに新規パスワード生成メニューが出る

Chrome68から、autocomplete="new-password"が指定されている箇所をクリックすると新規パスワード生成メニューがでるようになりました。
パスワードを記憶しないようにするための工夫のつもりでしたが、この記事の通りに設定してもうまくいかないかもしれません。

あさりよしとお作品の女性キャラ

PaintBBS NEOで描いたあさりよしとお作品の女性キャラ。

あさりよしとお honto

POTI-board用テーマ PINK を配布します。

お絵かき掲示板交流サイトで使っているPOTI-board EVOの簡単設置方法です。

少し前にためしてみたけれど、うまく設置できなかったという方もぜひ…。


↑
POTI-board EVOをダウンロードします。

以前は、テンプレートが入っていない状態で配布していましたが、今はデフォルトスキンをはじめから入れています。
テンプレートが入っていないと掲示板が動作しないからです。

HTML5版しぃお絵かき掲示板PaintBBS NEOも最初から入っています。
ただし、最新バージョンではないかもしれません。
動作確認のために入れてあります。


↑
ダウンロードしたPOTI-board EVOのzipファイルを展開して…。


↑
FTPソフトで、php5.5〜php7.xが使えるレンタルサーバにアップロードします。

さくらのレンタルサーバの一番安いライトプランでも設置できます。

XREAの無料プランやスターサーバーフリーのような無料レンタルサーバにも設置もできます。


↑
ブラウザで設置したurlを開くと、1.本文無しが表示されます。※

※2020年7月23日以後の最新バージョンのEVOは設置したurlを開くだけです。
それ以前のバージョンのPOTI-boardはpotiboard.phpを手動で呼び出します。

投稿してみて問題がない事を確認します。


↑
FTP接続してパーミッションを確認すると、書き込みが必要なディレクトリは707、プログラムが書き換えるファイルは606、ログファイルは600になっています。(POT-Iboard改 v1.53.0でパーミッションの初期値が変わりました）
potiboard.phpが必要なディレクトリとファイルを作成してパーミッションを設定してくれます。


↑
2005年頃のマニュアルには設置ディレクトリは777とありますが…。
777にするとサーバエラーになります。

パーミッションの設定を自分でしなければ起きないトラブルです。

ここまで何も設定しなかったのは動作する事を確かめるためです。
先にカスタマイズしてから転送したら動かなかったというケースも多いようです。

掲示板が動くことがわかったら

config.php

をutf-8対応のエディタで開きます。

LFというLinuxの改行コードを使っているので、古いバージョンのWindowsのメモ帳では改行が反映されず1行になってしまうかもしれません。

その場合は…。それなりのエディタを使います。

例えばサクラエディタ。

無料で使える軽快なエディタです。

//管理者パスワード
$ADMIN_PASS = 'kanripass';

のkanripassとなっている箇所を、自分にしかわからないパスワードに書き換えます。

管理者パスがそのままだと誰でも記事を編集削除できる状態になるので危険です。
ここの書き換えは必須です。

//投稿サイズ（これ以上はサイズを縮小
define('MAX_W', '300'); //幅
define('MAX_H', '300'); //高さ

投稿した画像が大きく表示されない時は、ここの数値を変更します。

//タイトル（<title>とTOP）
define('TITLE', 'お絵かき掲示板');

掲示板のタイトルを変更します。
ここを変更してもトップページのタイトルが変わらない時は、管理モードからログ更新するか何でもいいので投稿すれば反映されます。

POTI-boardはテーマを入れ替える事ができます。
PaintBBS NEOに対応したものに限ると…。

サ骨さんのテーマがデフォルトで2種類。

黒鋼彗牙さんの

Cool Solid

Cool Solidから画像アップロード機能をなくし、BBSNoteに見た目を近づけた

PINK

があります。


テンプレートを入れ替えたのに見た目が変わらない時は、ログ更新、または何でもいいので投稿してみてください。

PaintBBS NEOのバージョンアップに必要なファイルは、

neo/dist/

の

neo.css
neo.js

の2つです。
ダウンロードしたzipファイルを展開して取り出します。


neo.cssとneo.jsの最新バージョンをpotiboard.phpと同じディレクトリに転送して上書きします。