<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="ja">
	<id>https://twiki.yo-net.jp/index.php?action=history&amp;feed=atom&amp;title=SyntaxHighlight_Version2</id>
	<title>SyntaxHighlight Version2 - 版の履歴</title>
	<link rel="self" type="application/atom+xml" href="https://twiki.yo-net.jp/index.php?action=history&amp;feed=atom&amp;title=SyntaxHighlight_Version2"/>
	<link rel="alternate" type="text/html" href="https://twiki.yo-net.jp/index.php?title=SyntaxHighlight_Version2&amp;action=history"/>
	<updated>2026-04-04T21:07:44Z</updated>
	<subtitle>このウィキのこのページに関する変更履歴</subtitle>
	<generator>MediaWiki 1.38.2</generator>
	<entry>
		<id>https://twiki.yo-net.jp/index.php?title=SyntaxHighlight_Version2&amp;diff=1523&amp;oldid=prev</id>
		<title>2022年10月6日 (木) 09:26にYo-netによる</title>
		<link rel="alternate" type="text/html" href="https://twiki.yo-net.jp/index.php?title=SyntaxHighlight_Version2&amp;diff=1523&amp;oldid=prev"/>
		<updated>2022-10-06T09:26:04Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;ja&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← 古い版&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;2022年10月6日 (木) 18:26時点における版&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l1&quot;&gt;1行目:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;1行目:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== '''概要''' ==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== '''概要''' ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;　以下のような独自のSyntaxHighlightでしたが、2022年9月下旬にMediawikiのアップデートをしたので、通常のSyntaxhighlightに移行済みです。無理やり使っていた頃が懐かしいですね。&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;　SyntaxHighlightはMediaWiki用のプログラム構文書式装飾表示エンジンのようなプログラムで、独自のWebsiteページを持つプログラマにとっては、みんなに綺麗にプログラムを魅せることのできる有り難いエンジンでして、これのVersionがなんと2.0に上がるという驚異的な進化を遂げたのです。といってもlexerという言語対応が増えたのと、装飾方法に変化が発生したのと行番号が表示されている状態でもコピーしやすい書式に変わっただけで、オプション変数に大きな変化はない。以前は変換エンジンも自前で持っていたのですが、Version2.0からはpygmentというプロジェクトのpythonで書かれたSyntaxHilightのエンジンを使うというシステムに変わっている。lexerが増えたのも、pygmentのおかげです。自分が使っているMediaWiki Version1.19では使えないとSyntaxHilightの公式ページに書いてある。けど、無理矢理、導入してやろうと試行錯誤の上&amp;amp;lt;syntaxhighlight2 …&amp;amp;gt;………'&amp;amp;lt;/syntaxhighlight2&amp;amp;gt;という拡張機能を手に入れたのさ、ソースでも見るがいいさ、そこにはsyntaxhilight2という拡張タグがある。そして古いversionも同時に使えるという事になっていて、普通のsyntaxhilightという拡張タグも使える。&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;　SyntaxHighlightはMediaWiki用のプログラム構文書式装飾表示エンジンのようなプログラムで、独自のWebsiteページを持つプログラマにとっては、みんなに綺麗にプログラムを魅せることのできる有り難いエンジンでして、これのVersionがなんと2.0に上がるという驚異的な進化を遂げたのです。といってもlexerという言語対応が増えたのと、装飾方法に変化が発生したのと行番号が表示されている状態でもコピーしやすい書式に変わっただけで、オプション変数に大きな変化はない。以前は変換エンジンも自前で持っていたのですが、Version2.0からはpygmentというプロジェクトのpythonで書かれたSyntaxHilightのエンジンを使うというシステムに変わっている。lexerが増えたのも、pygmentのおかげです。自分が使っているMediaWiki Version1.19では使えないとSyntaxHilightの公式ページに書いてある。けど、無理矢理、導入してやろうと試行錯誤の上&amp;amp;lt;syntaxhighlight2 …&amp;amp;gt;………'&amp;amp;lt;/syntaxhighlight2&amp;amp;gt;という拡張機能を手に入れたのさ、ソースでも見るがいいさ、そこにはsyntaxhilight2という拡張タグがある。そして古いversionも同時に使えるという事になっていて、普通のsyntaxhilightという拡張タグも使える。&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Yo-net</name></author>
	</entry>
	<entry>
		<id>https://twiki.yo-net.jp/index.php?title=SyntaxHighlight_Version2&amp;diff=304&amp;oldid=prev</id>
		<title>2022年9月26日 (月) 06:51にYo-netによる</title>
		<link rel="alternate" type="text/html" href="https://twiki.yo-net.jp/index.php?title=SyntaxHighlight_Version2&amp;diff=304&amp;oldid=prev"/>
		<updated>2022-09-26T06:51:07Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;ja&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← 古い版&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;2022年9月26日 (月) 15:51時点における版&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l13&quot;&gt;13行目:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;13行目:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;syntaxhighlight2の例&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;syntaxhighlight2の例&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;syntaxhighlight2 &lt;/del&gt;lang=&amp;quot;javascript&amp;quot; line&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;syntaxhighlight &lt;/ins&gt;lang=&amp;quot;javascript&amp;quot; line&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Dim nVar = 0;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Dim nVar = 0;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Dim nCnt = 0;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Dim nCnt = 0;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l20&quot;&gt;20行目:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;20行目:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;}&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;print(&amp;quot;nVar=&amp;quot; + nVar);&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;print(&amp;quot;nVar=&amp;quot; + nVar);&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;/&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;syntaxhighlight2&lt;/del&gt;&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;/&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;syntaxhighlight&lt;/ins&gt;&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;　だから何？&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;　だから何？&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l29&quot;&gt;29行目:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;29行目:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;　pygmentにはpygmentizeというモジュールがありまして、このモジュールは絶体パスを抱えているので、各自で配置パスを含めたモジュールの再構成作業が必要です。syntaxhighlightの公式サイトで配布されているpygmentには、この再構成をするためのモジュールがバンドル(抱き合わせ)られていて、それを実行することでpygmentizeがいい感じになるそうな。なので&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;　pygmentにはpygmentizeというモジュールがありまして、このモジュールは絶体パスを抱えているので、各自で配置パスを含めたモジュールの再構成作業が必要です。syntaxhighlightの公式サイトで配布されているpygmentには、この再構成をするためのモジュールがバンドル(抱き合わせ)られていて、それを実行することでpygmentizeがいい感じになるそうな。なので&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;syntaxhighlight2 &lt;/del&gt;lang=&amp;quot;bash&amp;quot;&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;syntaxhighlight &lt;/ins&gt;lang=&amp;quot;bash&amp;quot;&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;gt;/use/local/bin/python3 ./create_pygmentize_bundle&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;gt;/use/local/bin/python3 ./create_pygmentize_bundle&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;/&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;syntaxhighlight2&lt;/del&gt;&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;/&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;syntaxhighlight&lt;/ins&gt;&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;　という感じ、実行します。python3のインストールパスはそれぞれのレンタルサーバや専用サーバ、あるいは自前サーバで異なるので合わせてもらえればよいかと思います。自前でサーバを持っている人は、自分のサーバでpygmentizeをインストールして、使うこともできます。&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;　という感じ、実行します。python3のインストールパスはそれぞれのレンタルサーバや専用サーバ、あるいは自前サーバで異なるので合わせてもらえればよいかと思います。自前でサーバを持っている人は、自分のサーバでpygmentizeをインストールして、使うこともできます。&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Yo-net</name></author>
	</entry>
	<entry>
		<id>https://twiki.yo-net.jp/index.php?title=SyntaxHighlight_Version2&amp;diff=303&amp;oldid=prev</id>
		<title>Yo-net: ページの作成:「== '''概要''' == 　SyntaxHighlightはMediaWiki用のプログラム構文書式装飾表示エンジンのようなプログラムで、独自のWebsiteページを持つプログラマにとっては、みんなに綺麗にプログラムを魅せることのできる有り難いエンジンでして、これのVersionがなんと2.0に上がるという驚異的な進化を遂げたのです。といってもlexerという言語対応が増えたのと、装飾…」</title>
		<link rel="alternate" type="text/html" href="https://twiki.yo-net.jp/index.php?title=SyntaxHighlight_Version2&amp;diff=303&amp;oldid=prev"/>
		<updated>2022-09-26T06:50:25Z</updated>

		<summary type="html">&lt;p&gt;ページの作成:「== &amp;#039;&amp;#039;&amp;#039;概要&amp;#039;&amp;#039;&amp;#039; == 　SyntaxHighlightはMediaWiki用のプログラム構文書式装飾表示エンジンのようなプログラムで、独自のWebsiteページを持つプログラマにとっては、みんなに綺麗にプログラムを魅せることのできる有り難いエンジンでして、これのVersionがなんと2.0に上がるという驚異的な進化を遂げたのです。といってもlexerという言語対応が増えたのと、装飾…」&lt;/p&gt;
&lt;p&gt;&lt;b&gt;新規ページ&lt;/b&gt;&lt;/p&gt;&lt;div&gt;== '''概要''' ==&lt;br /&gt;
　SyntaxHighlightはMediaWiki用のプログラム構文書式装飾表示エンジンのようなプログラムで、独自のWebsiteページを持つプログラマにとっては、みんなに綺麗にプログラムを魅せることのできる有り難いエンジンでして、これのVersionがなんと2.0に上がるという驚異的な進化を遂げたのです。といってもlexerという言語対応が増えたのと、装飾方法に変化が発生したのと行番号が表示されている状態でもコピーしやすい書式に変わっただけで、オプション変数に大きな変化はない。以前は変換エンジンも自前で持っていたのですが、Version2.0からはpygmentというプロジェクトのpythonで書かれたSyntaxHilightのエンジンを使うというシステムに変わっている。lexerが増えたのも、pygmentのおかげです。自分が使っているMediaWiki Version1.19では使えないとSyntaxHilightの公式ページに書いてある。けど、無理矢理、導入してやろうと試行錯誤の上&amp;amp;lt;syntaxhighlight2 …&amp;amp;gt;………'&amp;amp;lt;/syntaxhighlight2&amp;amp;gt;という拡張機能を手に入れたのさ、ソースでも見るがいいさ、そこにはsyntaxhilight2という拡張タグがある。そして古いversionも同時に使えるという事になっていて、普通のsyntaxhilightという拡張タグも使える。&lt;br /&gt;
&lt;br /&gt;
syntaxhighlightの例&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;javascript&amp;quot; line&amp;gt;&lt;br /&gt;
Dim nVar = 0;&lt;br /&gt;
Dim nCnt = 0;&lt;br /&gt;
while(nCnt &amp;lt; 10){&lt;br /&gt;
    nVar = nVar + nCnt;&lt;br /&gt;
}&lt;br /&gt;
print(&amp;quot;nVar=&amp;quot; + nVar);&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
syntaxhighlight2の例&lt;br /&gt;
&amp;lt;syntaxhighlight2 lang=&amp;quot;javascript&amp;quot; line&amp;gt;&lt;br /&gt;
Dim nVar = 0;&lt;br /&gt;
Dim nCnt = 0;&lt;br /&gt;
while(nCnt &amp;lt; 10){&lt;br /&gt;
    nVar = nVar + nCnt;&lt;br /&gt;
}&lt;br /&gt;
print(&amp;quot;nVar=&amp;quot; + nVar);&lt;br /&gt;
&amp;lt;/syntaxhighlight2&amp;gt;&lt;br /&gt;
　だから何？&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
　うんうん。わかるわかる。だから何だよね。うんうん。そうそう。そうだよ。だから何なんだよ。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
　pygmentにはpygmentizeというモジュールがありまして、このモジュールは絶体パスを抱えているので、各自で配置パスを含めたモジュールの再構成作業が必要です。syntaxhighlightの公式サイトで配布されているpygmentには、この再構成をするためのモジュールがバンドル(抱き合わせ)られていて、それを実行することでpygmentizeがいい感じになるそうな。なので&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight2 lang=&amp;quot;bash&amp;quot;&amp;gt;&lt;br /&gt;
&amp;gt;/use/local/bin/python3 ./create_pygmentize_bundle&lt;br /&gt;
&amp;lt;/syntaxhighlight2&amp;gt;&lt;br /&gt;
&lt;br /&gt;
　という感じ、実行します。python3のインストールパスはそれぞれのレンタルサーバや専用サーバ、あるいは自前サーバで異なるので合わせてもらえればよいかと思います。自前でサーバを持っている人は、自分のサーバでpygmentizeをインストールして、使うこともできます。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
　もちろんMediaWiki Version1.19では、そのままでは全くピクリとも動きません。バージョンチェッカーを書き換えたり、そもそもMediaWiki自体にwfLoadExtensionという関数が無いのにこれらを作り込んでいく。MediaWikiServicesやServiceContainer。GlobalFuncion、DefaultSettings,ありとあらゆる関係するクラスをいじっていかないといけない。ものすごい作業量なのでここでは書けません。まずはLoad処理がうまく動作するところまで、動作を順に追っていく感じでした。Autoloadの方法も今のVersionと自分のVersion1.19とでは全然異なるし、ServiceWiringでwgXxxxxのグローバル変数の値を取得したりする処理がされていたり、MediaWikiの動きを追いながら追い詰める。load処理が出来上がると実際にsyntaxhighlight2拡張タグを入れてParserで呼び出される関数が何かを追いかけたりする作業をして、これまた少しづつ追い詰める。大変だったのが標準入力や標準出力の仕組みを知らなかったのでproc_openの使い方が全然わからなくて、辛かった。pipeってなんじゃって感じでした。shellフォルダにあるlimit.shに実行権を付与し忘れていたりもあったなぁ。なんだ動かんぞこれ？っていうね。あほみたいな時もありました。すべてが懐かしいです。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
　ちがうんす。Versionあげればいいっていうけどこれ以上大きなシステムを導入したくないんす。なので、最小構成で導入したんす。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
　みなさんは決して、マネしないでほしい。でもこの作業をとおしてPHPマスターにもなれるし、MediaWikiMasterにもなれます。pythonも少しわかります。無駄な努力とは決して無駄だけでは無いことを思い知ったのです。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
　でも、でも、でも、でも！無駄！無駄！無駄！無駄じゃー！ガッシャーン！&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
　と、いう話だったとさ。&lt;/div&gt;</summary>
		<author><name>Yo-net</name></author>
	</entry>
</feed>