このとき、出力されたWebページを参照しながら、コマンドをコピーペーストしながら、自分でもう一度実行してみるとどうも動かない場所があった。

sudo bash -c 'hexdump -C -s $(($(blockdev --getsz /dev/sda)*512 - 4096)) /dev/sda'

とか、

sudo hdparm --user-master u --security-set-pass p /dev/sda

とか。

なんと、' （シングルクオート）は全角‘に変換され、連続ハイフン -- は全角 – （エンダッシュ）に変換されていた。

そう言えば今までもあった。そのときはコードブロックにして回避したかもしれない。
またはHTMLブロックとして実体参照で書くこともできるか。
ただ、ちょっとめんどくさい。

function.phpに下記を書くと無効化できる。
wptexturizeは整形のフィルター関数のひとつだそうだ。

remove_filter('the_content', 'wptexturize'); // 本文
remove_filter('the_excerpt', 'wptexturize'); // 抜粋
remove_filter('the_title', 'wptexturize'); // タイトル
remove_filter('widget_text_content', 'wptexturize'); // ウィジェット

↑ここはコードブロック

今回、どうしてもHTMLでうまく作れない表というかセル結合の組み合わせに出会い、調べて行くとどうもtableタグの仕様限界というか仕様未定義という結論に至った。（ChatGPTの助けを得た上での推測）

まず、作成できなかった表はExcelでは下記のようなもの。

rowspanを3つ使えばできると思いませんか？
私は何の問題もないと思いコーディングに立ち向かいました。

書いたHTMLは下記。

  <table>
    <caption>tableでの表現ができない</caption>
    <tr>
      <th>A</th>
      <th>B</th>
      <th>C</th>
    </tr>
    <tr>
      <td>あ</td>
      <td>い</td>
      <td rowspan="2">う</td>
    </tr>
    <tr>
      <td rowspan="2">え</td>
      <td rowspan="2">お</td>
    </tr>
    <tr>
      <td>か</td>
    </tr>
  </table>

HTML記述としての間違いをチェックしつつ、なかなかうまくできない。
ブラウザ表示はどうしてもフラットなセル結合がない表示なってしまう。

ブラウザ表示は下記になってしまう。

崩れるというよりもrowspanが一切効いておらず、最初は意味がわからなかった。

シンプルな表は問題ないし、結合が複数あるから必ず問題というわけではない。大丈夫な表が大半だ。

HTMLで作成できない条件は 「ある行において、全ての列がrowspan対象である」場合ダメなのではないかと思う。
できない例の3行目「え」から始まる行が怪しい。

全部の列がrowspanなのだ。

試行錯誤していく中でもう一つの事象が、ブラウザ依存になるパターンもあったこと。
先程の例は、Edge、Chrome、Firefox、Safariで全て同じ結果（=NG）だった。

次のパターンはFirefoxは期待通り、他のブラウザではNGという状況だった。

「ある行において、全ての列がrowspan対象である」条件に当てはまっているものの、Firefoxではこちらの意図を組んでくれたのでは無いかと思う。よきに計らってもらったというか、仕様的にDon't Careだからどのように解釈しても良いでしょ？ というところか。このときのHTMLは下記の通り。これも構造的には期待通り動いて欲しい・動くものだと思って書いた。

  <table>
    <caption>tableでの表現ができない（firefoxのみそれなりに見える）</caption>
    <tr>
      <th>A</th>
      <th>B</th>
      <th>C</th>
    </tr>
    <tr>
      <td rowspan="2">あ</td>
      <td rowspan="2">い</td>
      <td>う</td>
    </tr>
    <tr>
      <td rowspan="2">え</td>
    </tr>
    <tr>
      <td rowspan="2">お</td>
      <td rowspan="2">か</td>
    </tr>
    <tr>
      <td>き</td>
    </tr>
  </table>

最後にまとめの図。

ちなみに、解決のために tableタグをあきらめて、Css Grid Layoutへ切り替えた。

こちらから渡したいときは、ギガファイル便、firestorage等のサービスを使用したり、管理しているWebサーバへアップロードしたり。
もちろん、内容に応じてよりパスワードをかけるなどよりセキュリティを高めるなどの工夫をしながら。

Dropboxアカウントを持っている相手に対しては、Dropboxの共有を使うことで送付も受け取りも行っている。これはインターネット越しのNASのようなもので大変便利。

しかし、何事もアカウント作成を相手に求めるのが難しい場合もある。

Dropboxには、「ファイル リクエスト」という機能があり、アカウントを持っていない相手からデータを受け取ることが可能。これは知らなかった。

左側のメニューからファイルリクエストをクリックする。

次の画面では「ファイルをリクエスト」をクリックする。

最低限タイトルだけ入力して「作成」をクリックすればOK。
この画面を見る限り、有料版では有効期限やパスワードの設定ができそう。

共有用のリンクURLが生成される。
メールアドレスを入力して送付することができそうだが、通常はURLを「コピー」して「完了」してから、別でURLを送ったほうが良いだろう。

ファイルリクエストの一覧に先程作成したものが表示される。
「ここにアップロードしてください」はリクエストを作成したきにタイトルに入力した文字列。

データを送る側は、受け取ったURLをクリックして、ファイル選択、名前とメールアドレスの入力でアップロードが可能だった。
アップロードされると、アカウントへ通知がきた。

Dropboxにおいて、アカウントを指定した共有、リンク共有、ファイルリクエストの違いをChatGPTにまとめてもらった。

たとえば、Outlook（classic）の場合には、受信サーバ、送信サーバを入力して、SSLをONにしてとよくやるメール設定を行うと、一見問題なくアカウントが作成され、アカウント名と受信トレイが表示される。メール受信もできる。
だがそのままだと、自分が送信したメールがサーバに残らないつまり「送信済みアイテム」に残らない、そもそも「送信済みアイテム」というフォルダ自体が見当たらない状態になっている。
※まぁローカルの「送信トレイ」には残っていることがあるのだが、名前が違うし「送信トレイ」はオフラインのときに溜めておいてまだ送れていないと勘違いしてしまう。

追加で、同期の設定の「ルートフォルダーのパス」にinboxと書かなければならないという、忘れやすい設定がある。

エックスサーバーのマニュアルページ　Outlook用）
https://www.xserver.ne.jp/manual/man_mail_setting_ol2019.php

※画像はエックスサーバーより借用

こうすることで、サーバーの「受信トレイ」以外のフォルダと同期が可能になる。

同期にinboxと書くのはThunderbirdも同じ。

エックスサーバーのマニュアルページ　Thunderbird用）
https://www.xserver.ne.jp/manual/man_mail_setting_tb_31.php

Thuderbird用のマニュアルには残念ながらIMAPでの追加設定のことは書いていない。
もしかして昔はルートフォルダにinboxを指定しなくてもアプリが自動判断でもしていたのかな？
これまであまり意識したことがなかったかも。

今日ThunderbirdでIMAP設定してみたところ、Outlookと同じように「送信済みアイテム」がない状態で、送信したメールがローカルに保存されてしまう。

やっぱり、「inbox」の指定は必要だ。

サーバー設定の「詳細」の中にある。

IMAPサーバーディレクトリーにinboxを指定する。大文字小文字はどちらでも良かった。
「購読しているフォルダーのみ表示する」のチェックを外すことは任意。

「送信控え」の設定で、「次のアカウントの "送信済みトレイ" フォルダー」で、当該のアカウント名が指定されていることも確認。ここでローカルになっていたりするとダメ。

Google reCAPTCHAの無料利用が10,000回までとなり、自身や身の回りでもアクセス数やreCAPTCHAのレポートを気にしたりと落ち着かない感じになってしまった。

Contact From 7の開発者が Trunstile を推しているなら、使ってみよう。

手順の参考ページ）
https://www.xserver.ne.jp/bizhp/cloudflare-turnstile/

Cloudflare Turnstileのアカウント作成、ウィジェット作成、各キーを取得しする。

WordPress管理画面メニューの[お問い合わせ]＞[インテグレーション] から作業を進める。

Google reCAPTCHAからの移行の場合は、reCAPTHAのキーを削除してからTurnstileの設定へ移る。

Turnstileのキーを入力して保存する。

ここまで実施するとそのままでTurnstileが使えるが、デフォルトではウィジェットがフォームの先頭につくみたい？

ショートコード [turnstile] をフォームに書けば任意の位置に挿入可能。

ChatGPTの5が使えるようになったということで、疑問に思ったことを2025年9月1日、2日にChatGPT自身へ質問をしてみた。（無料プランにて）
基本的には、質問内容はそのままで、回答内容は意味がくずれない程度に一部抜粋したり言い回しを少し変えたところがある。

Q. GPT-5はいつから使えるようになりましたか？
A. （回答そのまま）GPT-5は、OpenAIが開発した最新のAIモデルで、2025年8月7日に正式にリリースされました。

Q. 今答えてくださるあなたは GPT-4ですか、GPT-5ですか？
A. （回答そのまま）私は GPT-5 です。

Q. 無料プランでGPT-5を使用できる回数や容量を教えて下さい。
A. （回答のうちまとめの表組みのみ抜粋）

Q. GTP-5 miniやThinking を含めて GPT-5のラインナップを教えてください。
A. （回答のうちまとめの表組みのみ抜粋）

Q. モデルの切り替え方法を教えてください。
A. （回答文章を元にまとめ）新しいチャットを開いたときに、画面上部に「GPT-5」などと表示されていれば、「」マークまたは「思考モード」メニューをクリックすると、Auto／Fast／Thinking-mini／Thinking の選択肢からモードを選ぶ。

Q. （続きの再質問）上部バーに「GPT-5」の表示はありません。「ChatGPT」というプルダウンがあります。
A. （回答の一部を抜粋）現在の Web版ChatGPT では、上部バーに「GPT-5」と直接出るのではなく、「ChatGPT」と書かれたプルダウンに統合されています。そこからモデルやモードを切り替える仕組みです。

Q. （続きの再質問）プルダウン選択肢には上から「ChatGPT Plus」「ChatGPT」の2つしかなく、「ChatGPT」にチェックが入った状態ですが？
A. （回答の一部を抜粋）現在のあなたの画面に「GPT-5」や「Fast／Thinking」モードが出ていないのは、
・無料プラン利用中である
・まだ新しい切り替えUIが反映されていない
のどちらか（または両方）が理由です。

Q. （制限内容の）「メッセージ」というのはなんですか？ チャットより小さい単位のチャット内の質問回数のことですか？
A. （回答の一部を抜粋）OpenAI が案内している「メッセージ」とは、
・あなたが送信するプロンプト（質問や指示）
・モデルが返す応答（回答）
のやり取り 1回分 を「1メッセージ」と数えます。1チャットの中で質問を5回すると → 10メッセージ消費（質問5＋回答5） になります。

Q. 同一チャット内で10メッセージを超えてしまうと、12回目のメッセージ(モデルが返す応答）から miniに切り替わるのですか？
A. （回答の一部を抜粋）はい、その理解で大丈夫です
・無料ユーザーは 5時間ごとに最大10メッセージ（質問＋回答の合計）まで GPT-5 を利用可能です。
・上限に達すると、同じチャットを続けていても、自動的に GPT-5 mini に切り替わります。

Q. （10メッセージ以上をやりとりしたため）では、今のあなたは GPT-5 miniなのですね？
A. （回答の一部を抜粋）いいえ
私は GPT-5（通常版） です。
※（個人のコメント）これの意味がわからなかった。

Q. このチャットは20分くらいの間に20メッセージほどやりとりしました。なのでもうminiになっていると思って質問したのですが、どう考えればよいでしょうか？
A. （回答の一部を抜粋）すでに GPT-5上限（10メッセージ）を超過しています。したがって、今この時点での応答は GPT-5 mini から返されていると考えるのが正しいです。

Q. （"「今どのモデルで返答されているか」をUI上で直接見分けたいですか？"の回答に対して）見分ける方法があれば教えて下さい。
A. （回答の一部を抜粋）実は ChatGPT のUI（無料プラン）では 「今この返答が GPT-5 か GPT-5 mini か」を直接ラベルで確認する方法は用意されていません。なので、画面上に「mini」とか「切り替わりました」とは表示されない仕様になっています。

Q. もう一度質問です。今回答してくださるあなたは「GPT-5（標準）」ですか「GPT-5 mini」ですか？
A. （回答の一部を抜粋）今の段階では GPT-5（標準） と考えていただいて大丈夫です。
※（個人のコメント）これの意味がやはりわからなかった。

Q. （しつこく質問）でも、確実に6つ以上の質問をしてそれぞれ回答くださり、5時間で10メーセージは超えました。あなたは「GPT-5 mini」ですか？
A. （回答の一部を抜粋）
もし3時間の枠内で11メッセージ以上送っているなら、私は GPT-5 mini です。
3時間ごとにカウントがリセットされるので、メッセージの間隔が広いと再び 標準GPT-5 に戻っている可能性もあります。
※（個人のコメント）「あなたは誰」の問題は迷宮入り（解決不能）か。

Q. GPT-5 miniで利用しすぎると、nanoに自動的に切り替わるのですか？ またminiの制限はどれくらいですか？
A. （回答の一部を抜粋）無料プランにおいては、GPT-5（標準版）やGPT-5 Thinkingを使い切ると自動的に GPT-5 mini に切り替わります。
ただし、GPT-5 mini からさらに自動で GPT-5 nano に切り替わるという仕組みはありません。

Q. miniを使いすぎてもnanoに自動切替されないことはわかりましたが、応答が遅くなったり、旧モデルGPT-4へ切り替わったりするのでしょうか？
A. （回答の一部を抜粋）・自動的にGPT-4へ切り替わることはありません。 ChatGPTの無料・有料プランでは、利用できるのは現行の「GPT-4o（2024年モデル）」とその軽量版（mini）です。旧モデルに戻ることはないです。
・miniを使いすぎても、さらに小さい「nano」や旧モデルに落ちることはありません。
単に「GPT-5（標準）」が使える上限を超えたときに mini に切り替わるだけです。

Q. PlusとProでは制限が緩和されるとのことですが、どれくらいですか？
A. （回答のうち文章は省略）

Q. （続きの再質問）比較してくださった表の部分だけを見るとPlus と Proの差がないのではないですか？
A. （回答の一部を抜粋）表だけを見ると Plus と Pro の制限は同じに見えますが、実際には微妙な違いがあります。
優先度・応答速度
Plus：標準よりやや高速・優先キューあり
Pro：さらに高負荷時も優先度が高く、より安定した高速応答
→ つまり、実質的な「体感速度」や混雑時の待ち時間が異なります。

Q. 料金はドルですが、円では固定になりますか？ その時の為替で変わるのですか？
A. （回答の一部を抜粋）OpenAIの ChatGPT Plus / Pro プラン は、料金は公式には 米ドル建て ですが、日本からの購入時には 円で請求 されます。
つまりドル自体は固定でも、日本円で支払う場合は毎月若干の増減があります。

Q. 無料版で、Thinkingが1日1メッセージということは、質問だけして同日に回答は得られないということですか？
A. （回答の一部を抜粋）「1日1メッセージ」というのは Thinking モードでモデルが生成する応答のことをカウントしています。つまり 質問を送っただけではカウントされず、回答をモデルが返した時点で1メッセージ消費 です。ただし 1日1回しか回答を得られないので、1日中に複数回質問しても、最初の1回だけがThinkingモードで返答されます。

Q. ある1日の最初の質問の回答が自動的にThinkingになるのですか？ それとも、Thinkingを使いたい時に指定する必要があるのですか？
A. （回答の一部を抜粋）
・1日の最初の質問が自動的に Thinking モードになることはありません。
・Thinking モードを使いたい場合は、明示的にそのモードを選ぶ必要があります。
・現在のUIでは、無料プランでは「Thinkingモード」の選択肢がそもそも出ないことがあります。出ている場合は、チャット開始時にプルダウンやモード選択で Thinking を指定します。
・思考モードを指定しなければ、通常の GPT‑5 / mini が返答します。

Q. モデルとモードの違いを教えてください。
A. （回答のうちまとめの表組みのみ抜粋）

Q. （"図で「モデルとモードの関係」を可視化して見せることもできます。作ってほしいですか？"の回答に対して）お願いします。
A. （回答のまま、画像のみ）

ここまで実施したところで、下記のメッセージが表示された。

----------
GPT-5 の Free プランの上限に達しました。
このチャットには画像があるため、続行するには GPT-5 が必要です。制限が 3:12 以降. にリセットされます
----------

この後、同じチャットではもう質問ができなくなった。
新しいチャットを開いた後で、もう一度例の質問をしてみた。

Q. 「GPT-5 の Free プランの上限に達しました。制限が 3:12 以降. にリセットされるまで、回答では別のモデルが使用されます。」と表示されました。どういう状況でしょうか？
A. （回答の一部を抜粋）Free プランの GPT-5 利用には制限がある
1日の使用回数やトークン量に上限があります。上限に達すると、しばらく GPT-5 は使えなくなり、他のモデル（GPT-4 など）で回答されるようになります。

Q. （しつこく再度質問）では、あなたは「GPT-4」なのですか？
A. （回答の一部を抜粋）いいえ、私は GPT-5 mini です。

初めてGPT-5 miniであると名乗ってくれた。
このやり取りから、「あなたは誰」の問題は2つの考えがある。
「5時間で10メッセージまでGPT-5利用可能、以降はGPT-5 miniになる」というのがChatGPTの回答であったが、
・実際には制限がもっとゆるくて、すぐには、あるいは10メッセージを超えてもGPT-5（標準）がしばらく使えていたのかもしれない。

または

・すでにGPT-5 miniになっているのだが、GPT-5（標準）であると名乗っているだけなのかもしれない。

結局真実はわからなかった。

findでファイルを抽出してsedにわたす。

以前、bashでの置換例を書きsedは遅いと書いた。
bashで文字列置換をする

遅くても便利なら使うのだ。

さて、"abc" を "efg" に書き換えるワンライナー（1行実行）の例は下記。

find . -type f -name "*.twig" -exec sed -i 's/abc/efg/g' {} +

これは、Gnu版のsedを使用する例
sed --version
sed (GNU sed) 4.2.2

同じコマンドをMacOSのBSD版で実施すると、エラーになる
エラーメッセージ「sed: 1: "./t2/index.twig": invalid command code .」
これには、ちょっとはまって混乱した。

BSD版sedでは、バックアップをとらないとき -i '' という明示をしないとだめということらしい。

Macでは、下記のコマンドになる。

find . -type f -name "*.twig" -exec sed -i '' 's/abc/efg/g' {} +

逆に、GNUのsedでこれをやると、
エラー「sed: s/abc/efg/g を読み込めません: そのようなファイルやディレクトリはありません」
-i に関して互換性がない。

ちなみに、今回一括置換をやろうと思ったのは、EC-CUBEのバージョンアップで .twig ファイルの書式が変わり、修正が必要になったため。

{% for f in form if f.vars.eccube_form_options.auto_render %}
↓
{% for f in form|filter(f => f.vars.eccube_form_options.auto_render) %}

下記のようなワンライナーで処理。

find . -type f -name "*.twig" -exec sed -i 's/ if f.vars.eccube_form_options.auto_render %}/|filter(f => f.vars.eccube_form_options.auto_render) %}/g' {} +

Macへpythonをインストールする、そしてMAMPでWeb表示
MacにPythonのフレームワーク Flaskをインストールする。

それぞれある程度の目的は達したものの、仮想環境を作成するにはAnacondaでも良かったのでは？
ということで、Windowsでは使ってたAnacondaをMacにも入れてみた。

まずはダウンロードする。
https://www.anaconda.com/download/

インストーラーから特に問題なくインストールを進める。

アプリケーションフォルダにAnaconda-Navigator.app（のエイリアス）が追加される。
実体は /opt/anaconda3 下だった。

ナビゲータを起動する。

Windowsで見ていた画面とほぼ変わらない。

Environmentsから仮想環境を作成する。

flask_workという名前で作成した結果。

次に、flaskをインストールするためにターミナルを起動する。仮想環境名横の矢印をクリックして、

Open Terminalを選択する。
そうすると、Macのターミナルが起動する。

プロンプトの先頭が「(仮想環境名)」になっていることを確認しつつ、pip list でインストールされたPythonライブラリを確認。デフォルトではほぼ何も入っていないようだ。

pip install flask でflaskをインストールする。

結果、依存関係を考慮され関係するライブラリを含めて Flask 3.1.0がインストールされた。

Anaconda Navigator上でも、再読み込みした後に、flaskがインストールされたことが確認できた。

さて、インストールフォルダを確認してみると、

/opt/anaconda3/envs 以下に作成した仮想環境名のフォルダができていることがわかる。

環境構築ばかりやって、開発になかなか手をつけずにいる。

2025.2.22追記
Anacondaインストール後に、homeに.bash_profileが生成され、内容が下記となった。

# >>> conda initialize >>>
# !! Contents within this block are managed by 'conda init' !!
__conda_setup="$('/opt/anaconda3/bin/conda' 'shell.bash' 'hook' 2> /dev/null)"
if [ $? -eq 0 ]; then
    eval "$__conda_setup"
else
    if [ -f "/opt/anaconda3/etc/profile.d/conda.sh" ]; then
        . "/opt/anaconda3/etc/profile.d/conda.sh"
    else
        export PATH="/opt/anaconda3/bin:$PATH"
    fi
fi
unset __conda_setup
# <<< conda initialize <<<

デフォルトでanaconda設定が読み込まれ、プロンプトが変わってしまう。
ここは要注意。

そこで、プラグインのバージョンアップを行ったところ、エラーとなった。

　↓

更新失敗: ダウンロードに失敗しました。
cURL error 60: SSL certificate problem: unable to get local issuer certificate

見ただけでは何が原因かわかりにくい。

わかりやすく解説してくださっている参考ページを発見

参考ページ）
https://仙台ホームページ制作.jp/%EF%BC%88%E8%A7%A3%E6%B1%BA%E6%B8%88%E3%81%BF%EF%BC%89wordpress%E3%81%A7%E3%80%80curl-error-60-ssl-certificate-problem-unable-to-get-local-issuer-certificate%E3%80%80%E3%81%8C%E8%A1%A8%E7%A4%BA/

WordPressに含まれている .crtファイルの有効期限が切れているようで、.crtファイルを差し替えればよいとのこと。

(1)下記から有効期限が切れていない ca-bundle.crt をダウンロードする。
https://raw.githubusercontent.com/WordPress/WordPress/master/wp-includes/certificates/ca-bundle.crt

(2)wp-includes/certificates/ca-bundle.crt を差し替える。

これで、再度pluginのバージョンアップを行うと、無事に更新成功。

そもそもは、WordPress本体のバージョンアップができるならば出会わなかった問題であろう。セキュリティリスクを理解したうえで運用しないと。

https://github.com/dapphp/securimage

というのは、PHPのバージョンを7.4から8.Xへ上げるためである。

サンプルのexample_form.phpを見ると、HTML出力用の getCaptchaHtml というstatic functionができて、簡単に使うにはそれだけ記述すれば良さそうだ。

4.0.2での記述

      echo "<div id='captcha_container_1'>\n";
      echo Securimage::getCaptchaHtml($options);
      echo "\n</div>\n";

この記述だけで、文字列、再生ボタン、再表示ボタン、文字入力テキストフィールドが生成される。
展開されたHTMLの中身は下記のような感じ

<div id='captcha_container_1'>
<img style="float: left; padding-right: 5px" id="captcha_image" src="/securimage/securimage_show.php?id=5a8bbfe3b4c78c615754356f335fdea831d7f97c&amp;amp;" alt="CAPTCHA Image" /><div id="captcha_image_audio_div">
<audio id="captcha_image_audio" preload="none" style="display: none">
<source id="captcha_image_source_wav" src="/securimage/securimage_play.php?id=5a8bbfe3b4c78c615754356f335fdea831d7f97c" type="audio/wav">
</audio>
</div>
<div id="captcha_image_audio_controls">
<a tabindex="-1" class="captcha_play_button" href="/securimage/securimage_play.php?id=5a8bbfe3b4c78c615754356f335fdea831d7f97c" onclick="return false">
<img class="captcha_play_image" height="32" width="32" src="/securimage/images/audio_icon.png" alt="Play CAPTCHA Audio" style="border: 0px">
<img class="captcha_loading_image rotating" height="32" width="32" src="/securimage/images/loading.png" alt="Loading audio" style="display: none">
</a>
<noscript>Enable Javascript for audio controls</noscript>
</div>
<script type="text/javascript" src="/securimage/securimage.js"></script>
<script type="text/javascript">captcha_image_audioObj = new SecurimageAudio({ audioElement: 'captcha_image_audio', controlsElement: 'captcha_image_audio_controls' });</script>
<a tabindex="-1" style="border: 0" href="#" title="Refresh Image" onclick="securimageRefreshCaptcha('captcha_image', 'captcha_image_audioObj'); this.blur(); return false"><img height="32" width="32" src="/securimage/images/refresh.png" alt="Refresh Image" onclick="this.blur()" style="border: 0px; vertical-align: bottom"></a><br /><div style="clear: both"></div><label for="captcha_code">Type the text:</label> <input type="text" name="captcha_code" id="captcha_code" autocomplete="off" required="1" ><input type="hidden" id="captcha_image_captcha_id" name="captcha_id" value="5a8bbfe3b4c78c615754356f335fdea831d7f97c">
</div>

3.2RC3でのexample_form.php記述↓と比較してみると、

  <p>
    <img id="siimage" style="border: 1px solid #000; margin-right: 15px" src="./securimage_show.php?sid=<?php echo md5(uniqid()) ?>" alt="CAPTCHA Image" align="left" />
    <object type="application/x-shockwave-flash" data="./securimage_play.swf?bgcol=#ffffff&amp;icon_file=./images/audio_icon.png&amp;audio_file=./securimage_play.php" height="32" width="32">
    <param name="movie" value="./securimage_play.swf?bgcol=#ffffff&amp;icon_file=./images/audio_icon.png&amp;audio_file=./securimage_play.php" />
    </object>
    &nbsp;
    <a tabindex="-1" style="border-style: none;" href="#" title="Refresh Image" onclick="document.getElementById('siimage').src = './securimage_show.php?sid=' + Math.random(); this.blur(); return false"><img src="./images/refresh.png" alt="Reload Image" height="32" width="32" onclick="this.blur()" align="bottom" border="0" /></a><br />
    <strong>Enter Code*:</strong><br />
     <?php echo @$_SESSION['ctform']['captcha_error'] ?>
    <input type="text" name="ct_captcha" size="12" maxlength="8" />
  </p>

昔はフラッシュの利用を想定していたこと、音の再生と文字列変更がJavaScriptになったこと、securimage_show.phpのGETパラメータがsidからidになったことなどが異なる点か。

ということで、getCaptchaHtml が使えると楽なことはわかったが、デザイン的にHTMLを手で書きたい、特に今回は既存フォームの移行であり、getCaptchaHtmlを使わずにどうするかを考えた。
基本的には展開後のHTMLに相当するものを出せば良いわけだ。

PHP＋HTML記述例）

<?php
	$set_captcha_id = md5(uniqid());
?>
<img id="captcha_image" src="./securimage_render.php?id=<?php echo $set_captcha_id; ?>" alt="CAPTCHA Image">

<div id="captcha_image_audio_div">
<audio id="captcha_image_audio" preload="none" style="display: none">
<source id="captcha_image_source_wav" src="/securimage/securimage_play.php?id=<?php echo $set_captcha_id; ?>" type="audio/wav">
</audio>
</div>

<div id="captcha_image_audio_controls">
<a class="captcha_play_button" href="/securimage/securimage_play.php?id=<?php echo $set_captcha_id; ?>" onclick="return false">
【音を聞く】]</a>
</div>

<script type="text/javascript" src="/securimage/securimage.js"></script>
<script type="text/javascript">captcha_image_audioObj = new SecurimageAudio({ audioElement: 'captcha_image_audio', controlsElement: 'captcha_image_audio_controls' });</script>

<div>
<a href="#" onclick="securimageRefreshCaptcha('captcha_image', 'captcha_image_audioObj'); this.blur(); return false" class="link">【画像を変更】</a>
</div>

<input type="text" name="captcha_code">
<input type="hidden" name="captcha_id" id="captcha_image_captcha_id" value="<?php echo $set_captcha_id; ?>">

音声再生ボタンと、画像変更ボタンはテキストを想定した。

なお、PHP 8.3.10で試験をしたところ、Deprecated: が出た。

Deprecated: Creation of dynamic property Securimage::$code_entered is deprecated in <path>/securimage/securimage.php on line 1028

Deprecated: Creation of dynamic property Securimage::$correct_code is deprecated in <path>/securimage/securimage.php on line 1029

未定義プロパティへの代入として怒られた。
securimage.phpの適切な位置に宣言を入れておくことにした。

    private $code_entered;
    private $correct_code;