POTI-boardのURL欄の文字列をチェックしてフィルタリングする

POTI-boardの
//拒絶する文字列
$badstring = array("foo","bar");
は、URL欄をチェックしていません。
URL欄の文字列をチェックして拒絶する設定項目を作る事もできますが…。
config.phpの設定項目が増えて、乱雑になるのはあまり好ましい事ではないのかもしれません。
しかし、お絵かき掲示板のURL欄に
.ru
と入力しているのはコメントスパム位なので、設定で弾く事ができたほうがいいような気もします。
設定項目を増やしたくない…だったら設定したい人は本体を改造して…。
POTI-board改とテンプレートシリーズ
から、php7と、PaintBBS NEOに対応したPOTI-boardをダウンロードし、potiboard.phpの860行目付近の
//本文へのURLの書き込みを禁止
if(DENY_COMMENTS_URL && preg_match('/:\/\/|\.co|\.ly|\.gl|\.net|\.org|\.cc|\.ru|\.su|\.ua|\.gd/i', $com)) error(MSG036,$dest);
の下に
//URL欄で拒絶する文字列
if(preg_match('/\.ru$|\.su$|\.ua$/i',$url)) error(MSG037,$dest);
を追加すると…。
.ru
.su
.ua
で終わるURLを拒絶します。
cheapautoinsurancefoo.pw
autoinsurancebar.pw
autoinsurancebaz.top

コメントスパムのURLの一部を変更したサンプルです。
autoinsurance.*\.(top|pw)$
で3パターンすべて拒絶。実際に使うとしたら
//URL欄で拒絶する文字列
if(preg_match('/\.ru$|\.su$|\.ua$|autoinsurance.*\.(top|pw)$/i',$url)) error(MSG037,$dest);
でしょうか。

POTI-boardで水素水を拒絶する

水素水のコメントスパムが連日投稿されている場合の考えられる設定。
//拒絶する文字列
$badstring = array("水( | ?)素( | ?)水","\[\/URL\]");
[/URL]も拒絶する設定に入っていますが…。

POTI-boardの拒絶する文字列には、正規表現を使う事ができます。

サルにもわかる正規表現入門

いつも参考にさせて頂いているサイト様。
正規表現全般については他のより詳しいサイトを参考にしていただくとして…。

水素水という文字列を拒絶したとします。
すると、コメントスパムを投稿する業者は、
水 素 水
水 素 水
水素 水
のように、全角スペース、半角スペースを入れて規制をすり抜けようとします。
正規表現が使えるので
水( | ?)素( | ?)水
全角スペースあるいは半角スペースあるいは半角スペースが無いかもしれないという指定になりました。
実際に試してみると、
水素水
水 素 水
水 素 水
水素 水
どのパターンでも拒絶する事ができました。
水素水の素の部分の一文字が変わる場合は?
水.水
でいい筈なのですが…。.の部分が半角英数であれば拒絶…しかし、全角1文字の場合はなぜか動作しません。
水.*水
にすると、今度は、水寿限無水、でも拒絶されて…。
弾きたくない長い文字列でも拒絶されてしまいました。
[/URL]
を拒絶したい場合は…。
POTI-boardの拒絶する文字列では、/ をエスケープする必要があります。
[ ] は正規表現のメタ文字ですから、[ ] そのものを指定したい場合はエスケープする必要があります。
\[\/URL\]
なぜ日本円の通貨の記号が…と思われるかもしれませんが、本来はバックスラッシュです。
POTI-board改とテンプレートシリーズ

POTI-board改 v1.41.1 lot.180423 18/04/23 up
かなり無理を言って、
//指定文字列+本文へのURLの書き込みで拒絶(正規表現)
$badstring_and_url = array("ブランド","偽物","財布","\[\/URL\]");
という設定項目を作っていただきました。
デフォルトの設定で、本文にURLが記入されていて、かつ、ブランド、偽物、財布、[/URL]の文字列があると拒絶します。

しかし、知らなかったのですが、従来の拒絶する文字列でも結果的に同じになる書き方が…。
//拒絶する文字列
$badstring = array("HOGE","(:\/\/[\s\S]+(財布|偽物)|(財布|偽物)[\s\S]+:\/\/)");
この場合は、URL+拒絶する文字列の前後が入れ替わる事を想定して同じ文字列を二度指定しなければならなくなるので、面倒といえば面倒なのですが…。

正規表現に詳しい人なら、従来のままでも弾く事ができる内容だったようです。
でも、この書き方だとタイトルに偽物、本文にURLの場合は弾かれない…のかな。

お絵かき掲示板らくがき20枚

PaintBBS NEO お絵かき掲示板PaintBBS NEO お絵かき掲示板  女子陸上 ブルマPaintBBS NEO お絵かき掲示板 体操服 ブルマPaintBBS NEO お絵かき掲示板PaintBBS NEO お絵かき掲示板PaintBBS NEO お絵かき掲示板 女子陸上 ブルマPaintBBS NEO お絵かき掲示板 セーラームーンPaintBBS NEO お絵かき掲示板PaintBBS NEO お絵かき掲示板PaintBBS NEO お絵かき掲示板 ビキニPaintBBS NEO お絵かき掲示板 スク水PaintBBS NEO お絵かき掲示板 スク水PaintBBS NEO お絵かき掲示板 スク水PaintBBS NEO お絵かき掲示板 スク水PaintBBS NEO お絵かき掲示板 スク水PaintBBS NEO お絵かき掲示板 スク水PaintBBSNEO お絵かき掲示板PaintBBSNEO お絵かき掲示板 絶対可憐チルドレン 悠里PaintBBS NEO お絵かき掲示板 ふたりはプリキュア キュアブラックPaintBBS NEO お絵かき掲示板
HTML5のPaintBBS NEOのお絵かき掲示板で描いたらくがき20枚。
もしかしたらもしかして、ここイラストブログだったっけ?という。
絵をみるためのSNSがたくさんあるので、ブログに絵をのせてもそれだけでは誰も来ない時代になりましたね。

Painter2018 RIFファイルのサムネイル

ものすごく時間をかけて作業をした結果何とかなりましたが、何をどうやってどうすれば解決するのかわかっていません。
そういう意味では、この記事はあまり役にたたないかもしれません。

しかし、これはやらないほうがいいみたいだ…という事が何点かありましたので、備忘録として記事にまとめる事にしました。

Painter2018 RIFファイルのサムネイル

WindowsのエクスプローラーでPainterのRIFファイルのサムネイルを表示しているところ。

数日前、Painter9を起動したところWindowsにPainter9を適用していますという表示。
気がついたら…。

Painter2018 RIFファイルのサムネイル

Painter9のアイコンがサムネイルに…。
クリックするとPainter9が起動しました。

関連付けを変更されてしまったようです。
関連付けを変更するだけなら、エクスプローラー→ファイルを選択して、プロパティ→変更→ファイルを開くプログラムの選択で変更できますが、この方法で変更するとサムネイルが表示されなくなってしまいます。

Painter9と関連付けられているという事は…。
Painter9をアンインストールして、Painter2018もアンインストールして、2018を再インストールすれば解決するのでは?と思いました。

Painter2018 RIFファイルのサムネイル

Painter2018を再インストール。

Painter2018 RIFファイルのサムネイル

しかし、筆アイコンだけになりサムネイルが表示されません。

元の状態のほうがまだましなので、システムの復元でPainter9をアンインストールする前の状態に戻しました。

2018のアンインストールと再インストールをしなくても、コントロールパネル、プログラムから修復セットアップをすればいいのでは?と修復セットアップ。

Painter2018 RIFファイルのサムネイル

このインストーラー動作していないんじゃないか?と思いましたが…。

Painter2018 RIFファイルのサムネイル

修復するか削除するかを選択するメニューが出るまで30分ぐらいかかるみたいですね…。

2018を修復セットアップ、2018の筆アイコンとサムネイルが表示されるようになりました。

Painter9を起動した事が元で起きたトラブルなので、Painter9をアンイストールしました。
するとサムネイルが表示されなくなり…。
またシステムの復元…。

システムの復元でPainter9をアンイストールする前の状態まで戻すとサムネイルが表示されましたが、クリックしてもどのプログラムも起動しない…。

レジストリエディタを起動して、レジストリをエクスポートしてバックアップしてから、「.RIF」「PainterFile」のキーを削除。

2018を修復セットアップしてみましたが、サムネイルが表示されません。

バックアップしておいたレジストリをインポートして、2018を修復セットアップ。

この過程で何がどうなったのか、わかりませんが…。
サムネイルが表示され、2018と関連付けられた状態になりました。

Painter9は…。
アンインストールすると同じトラブルの繰り返しになる可能性…。

しかし、Painter9を起動した事によって発生したトラブルなので、スタートメニューのプログラムからPainter9のショートカットを削除して誤って起動しないようにしておきました。
Painter 2017 .rif thumbnail not showing in file explorer. - PainterFactory.com

I only see the icon for painter 2017 when looking at my files in Windows 10 file explorer. I went through the steps Skip explained for this problem with version 2016 but that did not help. The only thing that shows is the brush over the green simulated brushtroke.
Painter 2016: Thumbnails and file assocaitions with .rif files are not correct when installing Painter 2016 on a system with Painter2015

This is caused but a conflict collision in the Windows Registry for the RIF file type.
英語圏のソフトウェアなので、サポート、ユーザーコミュニティも英語…という事みたいですね。

日本語によるサポートを受ける事はできますが…あまりあてにしていないというか、メールで問い合わせても話がかみ合わない事が多いというか…。

RIF thumbnail のように、英文で検索したほうが解決の手がかりが見つかるのかも…。
posted by さとぴあ at 2018/04/04 16:57 | Painter

Bracketsでブログをカスタマイズ

HTML5のお勉強 articleとsectionとか - Qiita

HTML5では構造化タグと呼ばれる新しい要素(タグ)が追加され、
「ヘッダは<header>で囲み、フッタは<footer>で囲む」など、構造が明確になったといえる。
間違った理解をしている可能性もありますが…。
<header>...</header>
<article>...</article>
<nav>...</nav>
<aside>...</aside>
<section>...</section>
といった構造化タグをサイトやブログに追加する作業を行いました。

<div>...</div>の開始タグと閉じタグがわからなくなってしまうと、HTML5の構造化タグを追加…どころか表示が崩れてしまいますが…。

Brackets FC2ブログ カスタマイズ

FC2ブログのHTMLをBracketsで編集。
ChromeのElementsのように折りたたむ事ができるので、開始タグと終了タグの位置関係がわかりやすい。

Brackets さくらのブログ カスタマイズ

さくらのブログのコンテンツHTML、記事のカスタマイズ。
ifの分岐がたくさんあっても、折り畳む事ができるからわかりやすい。
「Brackets」オープンソースで開発されているWebアプリ開発向けのコードエディター - 窓の杜ライブラリ

オープンソースで開発されているWebアプリ開発向けのコードエディター

フリーソフト
対応環境 : Windows Vista/7/8/8.1(64bit版を含む)
作者名 Adobe Systems Incorporated and its licensors
使いやすいエディタですね。HTMLエディタで検索しても見つからないと思ったら、プログラム向けエディタに分類されていました。
Dreamweaver8が動かなくなったらAtom?
でもAtomでサイトを作るのは…大変…と思っていましたが、Bracketsなら。
しかし、Dreamweaver CCを開発、販売しているAdobeがBracketsを作っているわけでAdobeにどんなメリットがあるのか…。

AtomVisual Studio Codeも無料…。

MediBang PaintLibreOfficeも無料…。よく維持できるなぁ…と思います。

P.S
構造化タグを追加したのにレイアウトは<div class="hoge">...</div>のまま…。
「レイアウト目的での構造化タグ使用はしない」と言う記述がQiitaにありましたが、HTML5では<div>の使用は最小限…だったような。
古いブラウザにも対応させたかったので構造化タグをレイアウトに使わないようにしましたが、HTML5本来の文法はどうなのか…ですね。
posted by さとぴあ at 2018/03/19 22:07 | Web制作

CSSの文法をチェックしてくれるbrackets-csslintを使ってみました

GitHub - iwehrman/brackets-csslint: CSSLint extension for Brackets
Brackets brackets-csslint

セレクタにIDを使わないでください。
セレクタにID3つマジですか?
0に単位を入れないでください。
marginの指定はまとめる事ができますよ?
見出しのタグを装飾しないでください。

英文のエラーメッセージをコピーする事ができれば、Googleで翻訳できるんだけどなぁ…と思いながら目視で確認しながら英文をタイプして翻訳…みたいな事をやりました。
C:\Users\hoge\AppData\Roaming\Brackets\extensions\user\brackets-csslint\thirdparty\csslint.js

拡張機能の中身はjavaScriptなので、コードのエラーメッセージ部分をコピーして翻訳の一覧をあらかじめ作っておくとか?

該当エラー行の確認作業をしていたら…
<h2 class="title"><a href="hoge">hoge</a></h2>
の装飾がh2とtitleで二重指定されている事がわかり修正…。このブログのCSSなんですけどね。

Atomのlinter-csslintは、なぜか動作しない…。

Brackets コードの折りたたみ

コードの折りたたみ。

秀丸も、Atomもコードの折りたたみに対応していますが…。
Bracketsは要素単位で折り畳めるので、例えば
<head>...</head>
は折りたたんで作業したい時といった時に便利ですね。
本文の修正作業だけに集中したいのに、途中にjavaScript。うっかりいじってjavaScriptのコードを壊したくない…という時も折りたたんでしまえばいいので助かります。
Brackets 1.0:テーマカラー89種類まとめ - Qiita

約1年前の記事なのでそんなに変わってないだろう…と思いながら、テーマをインストール。
目が痛くならないコントラスト+可読性…。

なかなかいいものがみつかりません。

Atom1.24のダークカラーと同じにできたらいいのになぁ…と思ったら。
GitHub - moritzw1/one-dark-theme-for-brackets: Inspired by One Dark Theme for Atom Editor.
Atom1.24とほぼ同じ背景色と文字の色。
とても見やすい…。
AtomとBracketsを行き来する時にも困らない。
1年前の情報はすでに古い…という。

Brackets テーマ New One Dark

テーマ、New One Dark。

Atomにあって、Bracketsに無いもの…。
linter-htmlhint
でも、Atomでエラーを確認したら、修正作業はBrackets…みたいな感じに。
<p>...</p>のように<p>のタグを閉じるべきなのですが、古いHTMLエディタのソースが残っていて閉じられていない状態で20年とか…。Atomのlinter-htmlhintはこのタグのとじ忘れを指摘してくれるのでわかりやすいんですよね。

でも、タグが閉じられているかどうかを確認する作業はタグがハイライトされるBracketsのほうが…。
AtomでもBracketsのようにタグをハイライトさせる事ができるのかもしれませんが…。
タグ:HTML CSS Atom Brackets
posted by さとぴあ at 2018/03/12 20:06 | Web制作

Bracketsを使ってみた

HTMLやCSSを書き慣れていない人にオススメ、無料のテキストエディタ「Brackets」 | 簡デザ −かんたんデザインブログ−

すごいのは、HTMLやCSSを書いたすぐそばから反映してくれること。保存とか、再読み込みとかしなくてもすぐに反映されるので、見ながらコード書いたりもできます。
史上最強のエディタBracketsに出会ってしまった | Planner(プランナー) クリエイティブの壺ツボ

初期搭載されている機能がすごい
コーディングを超加速するBrackets便利エクステンションまとめ - WEBCRE8.jp

便利過ぎワロタ系のやつです。編集中のHTMLが読み込んでいるCSSのセレクターに書かれているclassとIDが、属性値の記述時にコードヒントとして出てきます。
Atomを最近知ったばかり…。
そんな人が書いている記事なので、詳しい情報は上記リンク先をみたほうがいいと思います。
ただ、バージョンによって挙動が異なるようで…。

Chromeが再起動される欠点がある、デベロッパーツールが使えない→Brackets1.12+Chrome64では問題ないようです。
Bracketsのライブプレビューを使うと、別のユーザープロファイルを持つChromeが多重起動。デベロッパーツールを使う事もできる…と思います。
こちらで把握しきれていない何かがあるのかもしれませんが…。
Shizimily Multi-Encoding for Brackets
Brackets1.12はUTF-8、Shift_JISを自動で判別します。
Brackets1.12にShizimily Multi-Encoding for Bracketsをインストールすると、動作しなくなるため注意が必要です。

これまでDreamweaver8で行ってきた趣味のWebサイトの維持管理ができれば問題ないので、すでに作成しているコンテンツで試してみました。

Brackets
Brackets

画像の挿入。

画像ファイルを一覧から選ぶだけ。
タグも、Emmetという拡張機能をインストールしていればimgと書いてTabキーを押すだけで
<img src="" alt="">
まで入力される。

Brackets

右クリックでCSSのクイック編集。

リンクしていないファイルの一覧も出てくるから面倒…と思いましたが、IE8用の設定まで見渡す事ができたり…。

Brackets

CSSの定義一覧。クリックすると該当行に移動。

Brackets

HTMLエンティティのエンコード。

Brackets

ライブプレビュー。ブラウザを選択すると、ソースの該当箇所のタグがハイライトされる。ソースを選択するとブラウザの該当箇所がハイライトされる。
ソースを編集すると、保存していなくてもプレビューに反映される。

Dreamweaver8でもプレビュー画面をみながらソースを編集、という事が多かったのでこれで十分です。
Brackets CSS Class Code hint
Brackets Icons
CSSFier
Emmet
Highlight Multibyte Symbols
More HTML5 Code Hints + Fat-Free Framework Template Tags
右クリック拡張
W3C Validation (by Umoxfo)

Bracketsにインストールしている拡張機能。
posted by さとぴあ at 2018/03/10 09:18 | Web制作

Dreamweaverの代わりになるHTMLエディタ

Dreamweaver8を使い続けてきましたが、CSS3に対応していないため表示を確認する事が難しくなってきました。
またWindows7で起動するとアイコンに盾マーク。Windows10で動作するのかどうか…。

Dreamweaverの最新版を買えばいいのでは?と思いましたが…。
Adobe Dreamweaver CCの購入 | webデザインソフトウェア

Creative Cloud単体プランが2,180円/月(税別)、または、26,160円/年(税別)です。
毎年2万6千円…。
Dreamweaver8を、2006年に46,190円で購入、12年使いました。

46,190/12=3,849円/年とコスパ良好…。

これが、毎年2万6千円になったら…。

ホームページ・ビルダー21は…。

HTML5、CSS3に対応。12年前のソフトより、もしかしたら使いやすいかもしれない…。
と思いましたがダメでした。

HTMLがわからない人でも使えるソフトとして開発しているからなのか色を16進数で「#666666」のように6桁で入力したいと思っても、16進数による入力は2桁ずつ…。

CSSの編集…。
なぜ何通りものCSSの編集モードがあるのかわからない…。
従来の操作方法を残しながら機能を追加したから…でしょうか?

BlueGriffon

Netscape Composerの末裔。
フリーソフト、拡張機能は有料。

テキスト入力には使える…と思いましたが、phpを読み込んで保存してみたところコードが壊れて…。
本文中の「>」が「&gt;」に書き換えられました。

親切な機能なのですが、phpのプログラムの書き換えは…。

StyleNote

UIが…。何をどうすればどうなるのか…。

Aptana

高機能なWebオーサリングツール…のようなのですが、こちらの回線が遅いからなのか、サーバーが重いからなのかダウンロードに何度も失敗。

やっとダウンロードできた…と思ったらインストールに失敗。
ソフトウェアの使い方を覚えたらずっと使いたいのに、これでは…となりました。

Atom

学習中。

「d」と一文字入力して、候補から「div」を選ぶと…。
<div class="">
 
</div>
まで入力してくれる。

Atom

Atomで三色旗を作ってみました。

Brackets

Brackets

Bracketsでライブプレビュー。

ソースを選択するとChromeの該当箇所が強調表示され、Chromeの表示を選択するとソースの該当箇所が強調表示される。

WYSIWYGじゃなくても、ここまでできれば…。
右クリックからのCSSを編集時は、どのCSSファイルを編集しているのかを確認しなければいけないようです。気がついたらそのHTMLからはリンクされていない別のCSSファイルを編集していました。

Google Chrome。

Chrome デベロッパーツール

ブラウザですが…。
ASCII.jp:CSSの修正が捗る「リアルタイムコーディング」とは|Web制作が3倍速くなるChromeデベロッパーツールの使い方

Chromeデベロッパーツールを使って、リアルタイムでページをさくさく修正する方法を説明します。
CSSの編集方法がDreamweaver8と近い。
DevTools ワークスペースによる永続化の設定 | Tools for Web Developers | Google Developers

デフォルトでは、変更点を外部エディタに手動でコピーして貼り付けておかなければ、ブラウザを最新情報に更新すると、変更内容は失われます。
ワークスペースを使用すると、Chrome DevTools を使いながら、このような変更点をディスクに永続化できます。
chromeデベロッパー・ツールでローカルファイルに直接保存しながらCSSコーディングする方法 | ぶちねこどっとうぇぶ

改めてChromeデベロッパー・ツールの公式マニュアルを読んだところ、ローカルファイルを直接変更・保存しながらコーディングする方法を知りました。
これができれば、Chromeで十分かも…と思いましたがなぜかできません。

Chrome デベロッパーツール ワークスペース

ワークスペースの設定画面に、バグでマッピングができないからレポートして…と…。

Chromeを多重起動しているからなのか…。

マッピングできなくてもワークスペースに作業フォルダを登録する意味はあるようで…。

Chrome デベロッパーツール

XAMPPを使ったlocalhostの表示なのに、表示しているローカルフォルダの色が変化し、表示しているファイルに緑色のマーク。

ワークスペースに登録している任意のフォルダやファイルを開いてソースを編集できる。
エディタはHTML、CSSの入力を補助してくれる。

Chrome デベロッパーツール

選択したHTMLのElementsを選択してElementsのソースをコピー。
Ghromeの「要素の検証」のElementsの内容をコピー | サイバーキューブ開発メモ
プログラムを実行した結果得られたHTMLをそのまま保存してもあまり意味が無いので、該当箇所だけコピーしてテンプレートを編集…という作業のための機能なのかもしれません。

いろいろ使い比べてみて、一番使いやすかったのはGoogle Chrome…いや、それブラウザだからという…。
Atomや、BlueGriffonも併用する事になると思いますが、今あるサイトを簡易的にメンテナンスするだけなら、Chromeがあれば…。

CSSの調整はDreamweaver8より簡単。

新規ルールを設定したり、idやclassを割り振る作業にはDreamweaver8を使ったほうがいいのかもしれません。しかし、すでに設定されているCSSの数値の変更はChromeのデベロッパーツールでリアルタイムで変化する画面を確認しながら作業したほうが早くて確実…でした。

追記。

ワークスペースにフォルダを追加してもマッピングできないと書きましたが…。
デベロッパーツールで変更すると、ローカルのCSSも変更されていて…。
デベロッパーツールで加えた変更がリアルタイムでローカルに保存できればいいわけですから、この設定で問題ない事になります。
Mapping are inferred automatically.
翻訳してみたら…自動的にマッピングしたよ…。
posted by さとぴあ at 2018/03/04 21:31 | Web制作

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

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

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

autocomplete属性 お絵かき掲示板autocomplete属性 お絵かき掲示板

右、BBSNote。左、relm。

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

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

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

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

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

autocomplete属性 お絵かき掲示板

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

autocomplete属性 お絵かき掲示板

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

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

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

posted by さとぴあ at 2018/02/07 21:20 | あさりよしとお