AD スポンサー

[WordPress] あらゆる言語のソースコードを見やすく表示するプラグイン-SyntaxHighlighter Evolved

この記事は約4分で読めます。

今年も気が付けば6月も終わり、半年過ぎてしまいました・・。
月日が立つのは早いもので、年齢とともにプログラムコードも思うようにスラスラ書けなくなって来ました。
思い出せない、コードスペルミスなどが多く(´・ω・`)ガッカリ…

習いたてのプログラマみたいに本をペラペラ、WEBを流し読みってことも多くなってきたのは辛いです。

さて、今回はVBAのソースコードやPHPなど記載することも多いので、ソースを見やすくできるプラグインのご紹介です。
って言ってもネット上の情報を集めただけなので特別なわけではないのであしからず。

SyntaxHighlighter Evolved
Wordpressの記事上にコードサンプルを記載する際に閲覧者がソースコピーや見やすさなどを補助するプラグインです。
具体的には以下の様な表示になります。

 

[code lang=”vb”] ‘テキストボックス1に入力された内容を変数に代入する
IP_WorkNo = TextBox1.Value

‘DataBaseに接続し、T_UserIDの情報を取得する。
Dim ct As New ADODB.Connection
Dim rs As New ADODB.Recordset
ct.Open ("Provider = Microsoft.Jet.OLEDB.4.0;Data Source=" & db_Path)
rs.Open Source:="SELECT Work_ID,Work_No,Model,Name_of_product FROM T_work_table WHERE Work_No=’" & IP_WorkNo & "’;", ActiveConnection:=ct

PWork_ID = rs!Work_ID
PWork_No = rs!Work_No
PModel = rs!Model
PName_of_product = rs!Name_of_product
[/code]

 

このプラグインですが、WordPressのダッシュボードにあるプラグインインストールでSyntaxHighlighter Evolvedと入力して検索すると出てきます。
ダウンロード後は、プラグインの有効化を行い、設定画面の「SyntaxHighlighterの設定」でテーマや折り返しの有無など、自由に選択出来ます。
あとは投稿時に下記のコードを入力するだけです。

[CODE  lng=”vb”]

ソースコードをココに記入する。

[/CODE]

または

[code language=”xhtml”]

ソースコードをココに記入する。

[/code]

言語のショートコードのパラメーターは以下のものが使えるようです。

Brush name Brush aliases File name
ActionScript3 as3, actionscript3 shBrushAS3.js
Bash/shell bash, shell shBrushBash.js
CSS css shBrushCss.js
C# c-sharp, csharp shBrushCSharp.js
C++ cpp, c shBrushCpp.js
Delphi delphi, pas, pascal shBrushDelphi.js
Diff diff, patch shBrushDiff.js
Groovy groovy shBrushGroovy.js
Java java shBrushJava.js
JavaScript js, jscript, javascript shBrushJScript.js
JavaFX jfx, javafx shBrushJavaFX.js
Perl perl, pl shBrushPerl.js
PHP php shBrushPhp.js
Plain Text plain, text shBrushPlain.js
PowerShell ps, powershell shBrushPowerShell.js
Python py, python shBrushPython.js
Ruby rails, ror, ruby shBrushRuby.js
Scala scala shBrushScala.js
SQL sql shBrushSql.js
Visual Basic vb, vbnet shBrushVb.js
XML xml, xhtml, xslt, html, xhtml shBrushXml.js

今話題の商品や、その他のおすすめはこちら

SwitchBot スイッチボット スマートホーム 学習リモコン Alexa - Google Home IFTTT イフト Siriに対応 SwitchBot Hub Mini
スイッチボット(SwitchBot)
¥4,480(2022/08/07 15:28時点)
本商品はWorks with Alexa認定を受けたAmazon Alexa対応端末です。※本製品は2.4GHz帯の電波周波数帯にしか対応しません。

キングジム モニターアーム(1面2軸タイプ) ARM110クロ
キングジム(Kingjim)
¥2,970(2022/08/16 11:09時点)
【重量】約2.1kg、【耐荷重(モニター重量)】10kg



ANONIE メイド服 コスプレ仮装 初心者 セット かわいい コスチューム ホワイト+ブラック 豪華セット (pink, S)
ANONIE
¥3,280(2022/08/16 11:09時点)
【豪華8点セット】ワンピース(黒)*1点・エプロン(白)*1点・カチューシャ*1点・チョーカー(首)*1点・カフス(腕)*2点・ガーターリング(片太もも)*2点

アイリスプラザ キャットタワー ハンモック 爪とぎ コンパクト おもちゃ付き 据え置き型 仔猫にも グレー キャットランド 高さ155cm
アイリスプラザ(IRIS PLAZA)
¥5,461(2022/08/16 11:09時点)
【商品サイズ(幅×奥行×高さ)】:70×45×155cm 【付属品】:ねずみのおもちゃは取り外し可能。※予備のおもちゃが3つ


Kaedear(カエディア) バイク スマホ ホルダー バイク用 クイックホールド 携帯ホルダー スマホ 携帯 スマートフォン アルミ製 バーマウント ミラー マウント 360度回転 原付 オートバイ 自転車 KDR-M11C (Black)
Kaedear
¥3,500(2022/08/16 11:09時点)
【ホールドタイプ】 クイックホールド&リリース機構を採用。スマホを置くだけで瞬時にホールド、両脇のリリースハンドルを握るだけのリリース。片手で最速でスマートフォンの付外しが可能です。四角式固定でサイドボタンのスマホやiFaceの様な側面が湾曲したスマホケースにも対応。四点で包み込むような安心のホールド感を是非お試しください。 対応参考機種:Apple iPhone 13 / 12 / 11 / X / XS / XR / XS Max / 8 / 8 Plus / 7 / 6 SE 3 / SE 2 , Samsung Galaxy S10 / S10+ / S9 / S9 Plus / S8 / S8 Plus / Sony / Huawei など4-7インチ(ケースなどの条件によるので、ホルダーサイズをご確認下さい。) <ご注意> 背面が平らでないと中央のボタンが押せない事があります。 カメラが出っ張っている機種はスマホケースで平らにして下さい。 非対応:京セラ トルク(厚い)

ベビースマイル ベビーアラーム E-201 ベビーセンサー 乳児用体動センサ 赤ちゃん 無呼吸 ベビー用品 アラーム 見守り
BabySmile
¥8,800(2022/08/16 11:09時点)
【高性能センサー搭載】乳児用体動センサーが赤ちゃんの体動を感知します。約20秒間動きがないとアラームでお知らせします。