Iyo Block Code Renderer for Scratch

概要

Iyo Block Code Renderer for Scratch は、WordPressのコンテンツ内にScratch風の疑似コードを書くだけで、scratchblocks ライブラリを使ってScratchブロックの画像として表示できるプラグインです。

チュートリアルやプログラミング教室（CoderDojoなど）、Scratchコードを参照するドキュメントに便利です。

WordPress.orgプラグインページ: iyo-block-code-renderer-scratch

リポジトリ: kazweda/iyo-block-code-renderer-scratch

使い方

scratchblocks クラスを持つ要素の中にScratchの疑似コードを記述します。

<div class="scratchblocks">
when green flag clicked
say [Hello!]
</div>

ブロック内の < や > は < や > にエスケープしてください。

特徴

• Scratch風の疑似コードをブロック画像として自動レンダリング
• 英語・日本語のブロックラベルに対応
• レンダリングはすべて訪問者のブラウザ上のJavaScriptで完結し、サーバー処理や外部通信は発生しない

詳細はWordPress.orgのプラグインページまたはリポジトリを参照してください。

謝辞

本プラグインは、Scratchブロックのレンダリングを scratchblocks（Copyright © 2013–2026 Tim Radvan、MIT License）に依存しています。素晴らしいライブラリを公開してくださった作者のTim Radvan氏に感謝します。