ChatGPTからの回答
できます。
ただし、そのままの Processing（Java版）のコードを WordPress 記事内で直接動かすのは、かなりやりにくいです。今の実用的な方法は、p5.js 版にしてブラウザで動かすやり方です。Processing の JavaScript 系は現在 p5.js が主流で、WordPress 側も Custom HTML ブロックで埋め込み自体はできます。
おすすめはこの2つです。
1. いちばん安全：p5.js Web Editor で作って iframe で埋め込む
p5.js には公式のWeb Editorがあり、スケッチを共有できます。さらに p5.js 側でも iframe 埋め込みの形が案内されています。これなら WordPress 本文に重い JavaScript を直書きしなくて済むので、いちばん安定しやすいです。
2. WordPress に Custom HTML ブロックで埋める
WordPress では Custom HTML ブロックでコードを入れられます。ただし WordPress のサポートでも、本文内に <script> を直接置く方法は壊れたり扱いづらかったりすることがある、と案内されています。なので「動かす」目的なら、外部ファイル化か iframe 埋め込みのほうが無難です。
たとえば、記事に埋め込むならこんな感じです。
<iframe
src="ここに p5.js の公開URL"
width="640"
height="420"
style="border:1px solid #ccc;">
</iframe>
つまり結論は、
- Processingそのものを載せてそのまま実行 → あまり現実的ではない
- p5.js に書き換えて埋め込む → かなり現実的
- WordPress本文に直書きより、iframe埋め込みが安全 → おすすめ
です。
やるなら、ここ紗月堂では
「コード本文は載せる」＋「下に実際に動くデモを埋め込む」
この形がいちばん気持ちいいです。読む人にも親切ですし、「お、動くじゃん」が出せます。
