neonを使おう旧ブログその他p--qただいま大改造中。Wikiに作り方が書いてあります。前回設定したNetBeans8.1を使います。v4のビルドテンプレートとしてjavascriptのブラシをクローンするNetBeans8.1のメニューからチーム→Git→クローン。https://github.com/syntaxhighlighter/brush-javascriptリポジトリURLにこれを入力して「終了」。プロジェクトを開いてbrush-javascriptを右クリック→npmインストール。testも実行するように書いてありますがやってみるとエラーばかりでてきます。わからないのでこのまま次に進みます。作成しないといけないブラシは3つlinuxBean14.04(111)SyntaxHighlighter3.0.9をビルドする:成功編でこのブログで使っているブラシを整理しました。BashCssJavaPythonSqlXmlこれらはv4のデフォルトブラシにあります。Bat(DOSコマンド)JQueryMakefileこの3つはないので作らないといけません。Makefile用のbrush.jsを作るまずプロジェクトの名前をbrush-Makefileに変更しました。プロジェクトの右クリック→名前の変更。「プロジェクト・フォルダの名前も変更」にチェックを付けます。Wikiに書いてある解説とテンプレートがだいぶ違うように思います。Brush()の中身をまるごと移しました。['Makefile'];あとはブラシのエイリアス名を変更しました。みたらコメントなどの正規表現の指定の仕方も変わっています。syntaxhighlighter/node_modules/syntaxhighlighter-regex/index.jsこのファイルをみるとlinuxBean14.04(23)Makefile用のSyntaxHighlighterのBrushファイルを作るで調べたパターンと正規表現の名前自体は変更ありません。結局SyntaxHighlighter.regexLibをregexLibに置換するだけでいけそうです。Brush;とりあえずこれでやってみます。sample.txtとpackage.jsonの編集sample.txtはブラシを適用する例を書くもので、これの作成はとても重要と書いてありますがすべての要素を含めた例を作るのは難しいですよね。このsample.txtの内容はビルドしたときにdistフォルダに出力されるindex.htmlに自動的に含めてくれます。/,$(PS),$(OUT_APP_CLASS))(2017.4.16追記。この例のコメントの書式は間違っているのでlinuxBean14.04(161)brush-Makefileのバグを修正するで修正しました。)次にpackage.jsonの編集をします。"brush-Makefile",これはnameを変更するだけです。(npmにアップロードするにはほかにも変更が必要です。v4の自作ブラシをnpmに登録する参照。brush-Makefileモジュールを含めてSyntaxHighlighterをビルドするbrush-Makefileをsyntaxhighlighter/node_modulesにコピーします。"Makefile".と言われてビルドできません。次のようにシンボリックリンクを張らないといけません。)syntaxhighlighter/reposにbrush-Makefileをコピーします。~/NetBeansProjects/syntaxhighlighter/node_modulessyntaxhighlighter/reposのbrush-Makefileフォルダのシンボリックリンクをsyntaxhighlighter/node_modulesに作成します。v4のビルドで作成したsyntaxhighlighterプロジェクトをNetBeans8.1で開きます。package.jsonのscriptsのbuildを編集します。--theme=emacs"使う予定のデフォルトブラシも含めました。これでうまくいきました。v4.0.1になっていました。同様にしてBatとJQueryのブラシファイルも作成しました。sourceMappingURL=syntaxhighlighter.js.mapは削除しました。CSSで圧縮しました。};</script>これをlinuxBean14.04(20)BloggerにSyntaxhighliterを導入する方法と同様にしてv3を入れていたHTML/JavaScriptガジェットに入れ替えました。ページ全体を待たずに描画されるようになったので表示速度が改善されました。Safariで行番号がずれる問題を解決の問題も起こりませんでした。UTF-8の半角スペースには2種類あるの問題も起きません。(2016.12.1追記。(64-bit)で不必要な縦スクロールが出るのに気が付きました。(64-bit)でも出ます。50.0.2は問題ありません。14.04も問題ありません。CSSのfont-familyをコメントアウトする縦スクロールバーがでなくなりました。Chromeのheight:100%がおかしいが原因のようですが、vertical-alignをコメントアウトしても解決しませんでした。v4のブラシの作成方法ですがGitHubリポジトリのブラシファイルとは少し異なりました。CSSCSSの圧縮ツール。V4この記事で作成したMakefileのブラシのGitHubリポジトリ。t[r(n)]=e[n]}),t}}]);p--qQooQ。