highlight.jsで動的に追加されたソースコードをハイライトする | 非IT企業に勤める中年サラリーマンのIT日記highlight.jsを使って、ソースコードのハイライトを試みたのですが、<pre><code>～</code></pre>の中にソースコードを書き込んだ場合はうまくいったものの、JavaScriptで動的にソースコードを入れたものに対してはハイライトしなかったので、その対処法を書きます。（というか、標準機能でした。） まずは基本をおさえる highlight.jsはソースコードをハイライトする軽量なライブラリです。以下のサイトからダウンロードします。 https://highlightjs.org/ ハイライトしたいソースを選びます。初期設定でCommonのところにチェックマークが入っていますが、基本的にこれで十分かと思います。僕は追加で（今は使っていないけど）GoとSwiftを追加で選んでおきました。 ダウンロードしたら解凍して、自分の作業フォルダに移動すれば使えます。HTMLヘッダ
