pseudocode.js を使って擬似コードをレンダーするテストです。

普通の数式

インライン

私の名前は $x + y = z$ です。

別業立て

こんにちは。

$$ x + y = z $$

ありがとう。

擬似コード

    \begin{algorithm}
    \caption{Quicksort}
    \begin{algorithmic}
    \PROCEDURE{Quicksort}{$A, p, r$}
    \IF{$p < r$} \STATE $q=$ \CALL{Partition}{$A, p, r$} \STATE \CALL{Quicksort}{$A, p, q - 1$} \STATE
      \CALL{Quicksort}{$A, q + 1, r$} \ENDIF \ENDPROCEDURE \STATE \PROCEDURE{Partition}{$A, p, r$} \STATE $x=A[r]$
      \STATE $i=p - 1$ \FOR{$j=p$ \TO $r - 1$} \IF{$A[j] < x$} \STATE $i=i + 1$ \STATE exchange $A[i]$ with $A[j]$
      \ENDIF \STATE exchange $A[i]$ with $A[r]$ \ENDFOR \ENDPROCEDURE \end{algorithmic} \end{algorithm}

head

  <!-- MathJax -->
  <script>
    window.MathJax = {tex: {inlineMath: [['$', '$'], ['\\(', '\\)']], processEscapes: true}};
  </script>
  <script defer src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js"></script>

  <!-- pseudocode.js -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pseudocode@latest/build/pseudocode.min.css">
  <script src="https://cdn.jsdelivr.net/npm/pseudocode@latest/build/pseudocode.min.js"></script>

  <script> document.addEventListener(
      'DOMContentLoaded',
      function () {
        pseudocode.renderClass(
          "code pseudocode",
          {
            lineNumber: true,
            noEnd: true,
            indentSize: '2em',
          });
        if (window.MathJax && window.MathJax.typeset) {
          MathJax.typeset();
        }
      }); </script>