plugin -> iG:Syntax Hiliter カスタマイズ 2015-01-30

Posted by muchag | Library & PlugIn & AddIn,WordPress | 2015-01-30 (金) 11:47:43
2015-09-01 追記

新しい記事:plugin -> iG:Syntax Hiliter カスタマイズ 2015-09-01

ここまで

iG:Syntax Hiliter をカスタマイズ その2。
前回記事

【環境】
WordPress:4.1
iG:Syntax Hiliter:4.3
GeSHi:1.0.8.11
独自タグの追加
plugins\igsyntax-hiliter\class-ig-syntax-hiliter-frontend.php
  1. /**
  2.  * @var Array Contains file names for GeSHi language files associated with expected tag names
  3.  */
  4. protected $__geshi_language = array(
  5.     'as' => 'actionscript',
  6.     'html' => 'html4strict',
  7.     'js' => 'javascript',
  8.     'as3' => 'actionscript3', ← 追加した独自タグ
  9. );

 

表記言語の追加
plugins\igsyntax-hiliter\class-ig-syntax-hiliter-frontend.php
  1. /**
  2.  * @var Array Contains display names for some languages, like C# for csharp, VB.NET for vbnet
  3.  */
  4. protected $__geshi_language_display = array(
  5.     'cpp' => 'C++',
  6.     'cfm' => 'Cold Fusion',
  7.     'csharp' => 'C#',
  8.     'vbnet' => 'VB.NET',
  9.     'as' => 'ActionScript',
  10.     'c_mac' => 'CMac',
  11.     'html' => 'HTML4',
  12.     'html4strict' => 'HTML4',
  13.     'as3' => 'ActionScript3', ← 追加した言語タイトル
  14. );

しかし、このままだと全て大文字に変換されて表記されるので、CSS ファイルを修正。

外観
言語名
plugins\igsyntax-hiliter\css\front-end.css
  1. .syntax_hilite .toolbar .language-name {
  2.     font-weight: bold; width: 18%; text-align: center; /* text-transform: uppercase; を削除 */
  3.     cursor: default;
  4. }

 

文字サイズ
Toolbar
plugins\igsyntax-hiliter\css\front-end.css
  1. .syntax_hilite .toolbar {
  2.     width: 97.5%; margin: 0px 0px 10px 0px; padding: 5px 10px 5px 4px; background: #EEEEEE;
  3.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; /* font-size: 0.75em → 1em; */
  4. }
コード
plugins\igsyntax-hiliter\css\front-end.css
  1. .syntax_hilite ol, .syntax_hilite .pre {
  2.     width: 94%; line-height: 1.5em;
  3.     margin-bottom: 0px; padding-top: 5px; font-size: 1.2em; /* font-size: 0.85em → 1.2em; */
  4. }

 

ハイライト色
plugins\igsyntax-hiliter\class-ig-syntax-hiliter-frontend.php
  1. if( is_array( $highlight ) ) {
  2.     $geshi->highlight_lines_extra( $highlight );    //show these lines as special
  3.     $geshi->set_highlight_lines_extra_style( 'background-color:#FFFFBC;' ); //set bg color for special lines
  4. }

ソースべた書きなのねw
 

縞々

偶数行目だけ背景色を付けたい。

plugins\igsyntax-hiliter\class-ig-syntax-hiliter-frontend.php
  1. $geshi->enable_line_numbers( GESHI_NORMAL_LINE_NUMBERS );   //show line numbers

413行目を下記のように変更。

  1. $geshi->enable_line_numbers( GESHI_FANCY_LINE_NUMBERS, 2 ); //show line numbers

 

function enable_line_numbers($flag, $nth_row = 5)

引数は2つ。
$flag
GESHI_NO_LINE_NUMBERS:行番号なし
GESHI_NORMAL_LINE_NUMBERS:行番号あり
GESHI_FANCY_LINE_NUMBERS:行番号と装飾あり
 
$nth_row = 5
何行毎に装飾を入れるか(省略すると5行毎)
 

plugins\igsyntax-hiliter\geshi.php
  1. /**
  2.  * Line number styles for fancy lines
  3.  * @var string
  4.  */
  5. var $line_style2 = 'font-weight: bold; vertical-align:top;';

ここのスタイルを好きなように。

私は下記のようにした。

  1. var $line_style2 = 'font-weight: normal; vertical-align:top; background-color: #FBF7FF;';

 

その他

幅や色、線の太さなど微調整。
 
しっかし、PHP は、コードハイライトが効いていない気がします。。。X-)

Library & PlugIn & AddIn,WordPress | 2015-01-30 (金) 11:47:43 |

Add-on -> Google アナリティクス オプトアウト アドオン

Posted by muchag | Firefox,Library & PlugIn & AddIn | 2015-01-28 (水) 18:58:22

FirefoxGoogle アナリティクス JavaScript(ga.js、analytics.js、dc.js)によるデータの使用をウェブサイトのユーザーが無効にできるように開発された機能です。

インストール

Google アナリティクス オプトアウト アドオン

Firefox,Library & PlugIn & AddIn | 2015-01-28 (水) 18:58:22 |

拡張機能 -> Session Manager

Posted by muchag | Google Chrome,Library & PlugIn & AddIn | 2015-01-28 (水) 17:25:26

現在開いているタブの状態を、 “ セッション ” として保存できるようにする 「Google Chrome」 拡張機能。
ツールバー上に追加される専用のボタンから、ある時点でのタブの状態を簡単に保存&復元できるようにします。
“ セッション ” は複数保存することができ、一つ一つ分かりやすい名前を付けられるようになっています。

インストール

Session Manager
 

参考サイト

k本的に無料ソフト:タブの状態を、 “ セッション ” として保存できるようにする!「Session Manager」。

Google Chrome,Library & PlugIn & AddIn | 2015-01-28 (水) 17:25:26 |

拡張機能 -> Keep My Opt-Outs

Posted by muchag | Google Chrome,Library & PlugIn & AddIn | 2015-01-28 (水) 16:26:24

「Cookie を利用したオンライン広告カスタマイズをブラウザで永続的に無効にすることができます。」

インストール

Keep My Opt-Outs

Google Chrome,Library & PlugIn & AddIn | 2015-01-28 (水) 16:26:24 |

Add-on -> Cookie Monster

Posted by muchag | Firefox,Library & PlugIn & AddIn | 2015-01-28 (水) 15:13:48

FirefoxCookie 管理アドオン。

インストール

Cookie Monster

参考サイト

歌うキツネ:FirefoxのCookie Monsterでクッキーの管理をする

Firefox,Library & PlugIn & AddIn | 2015-01-28 (水) 15:13:48 |

Selenium Index

Posted by muchag | Selenium | 2015-01-26 (月) 21:10:58

テストの自動化ツール Selenium 。
初めて見たとき、とーても感動した覚えがある。

 
利用の仕方が大きく分けて2通り。
・IDE:ブラウザのプラグインとして利用
・Webdriver:ライブラリとして利用

Selenium Index

丸っきりの書きかけ項目は Not found になる。

IDE
  1. 導入

 

Webdriver

 

Tips
  1. 参考サイト

 

参考

公式サイト
ドキュメント

Selenium | 2015-01-26 (月) 21:10:58 |

Tool -> コードの Syntax Highlight を HTML 出力

Posted by muchag | Tool | 2015-01-24 (土) 2:49:57

なんと! コードの Syntax Highlight を HTML 出力してくれる Web ツールがあった。
世の中すごいね・・・。

Online syntax highlighting

これで Google Sites でも、コードを「らしく」表示できる♪
でも、変更は大変ね。。。

Tool | 2015-01-24 (土) 2:49:57 |

PHP最適化 -> 参考サイト

Posted by muchag | PHP | 2015-01-23 (金) 12:22:06

勉強が必要です。。。はい。。。

参考サイト

gihyo.jp:徹底検証!PHP最適化Tips
カタコト日記:PHP コード最適化 Best Practices 63+
カタコト日記:PHPコード最適化Tipsのウソと本当(解説)

PHP | 2015-01-23 (金) 12:22:06 |

デザインパターン -> 参考サイト

Posted by muchag | オブジェクト指向 | 2015-01-18 (日) 12:57:27

デザインパターンの意味がやっと理解できた。
後は実際の内容を勉強せねば。。。

とりあえず

ヌーラボ:サルでもわかる 逆引きデザインパターン
→概念から具体例まで、とてもわかりやすかった
Wikipedia:デザインパターン (ソフトウェア)
Do You PHP はてな
→古い記事ではあるが、GoFに沿った一通りの解説がある。入門用

オブジェクト指向 | 2015-01-18 (日) 12:57:27 |

Google Drive Index

Posted by muchag | Drive | 2015-01-11 (日) 13:39:23

Google Drive Index

丸っきりの書きかけ項目は Not found になる。
 

アプリ
  1. 追加アプリ一覧

 

Tips
  1. クラウド ストレージ
  2. 日本語入力

 

参考

公式:Google ドライブ ヘルプセンター
 

Google Document Index

丸っきりの書きかけ項目は Not found になる。
 

Tips

 

参考

公式:Google ドキュメント エディタ ヘルプセンター
 

Google SpreadSheet Index

丸っきりの書きかけ項目は Not found になる。
 

Tips
  1. 一行ごとの塗りつぶし
  2. 参考サイト

 

参考

公式:Google ドキュメント エディタ ヘルプセンター
 

Google Slide Index

丸っきりの書きかけ項目は Not found になる。
 

Tips

 

参考

公式:Google ドキュメント エディタ ヘルプセンター
 

Google Sites Index

丸っきりの書きかけ項目は Not found になる。
 

Tips
  1. 新規作成
  2. レイアウト

 

Tips

 

参考

公式:Google ドキュメント エディタ ヘルプセンター

Drive | 2015-01-11 (日) 13:39:23 |
次ページへ »