• このエントリーをはてなブックマークに追加

FLOSS桜山 第40回勉強会でLTをします(しました).

以下,その資料を置いておきます.

発表資料

2010-07-24 FLOSS桜山 第40回勉強会 LT WP-Syntax LLPメガネラボ 岩田 享/issm

アジェンダ

  • 自己紹介
  • WP-自己紹介
  • WP-Syntax
  • +α
  • まとめ

自己紹介

  • 岩田 享/issm
  • LLPメガネラボ
  • とある伏見の駐車場(パーキング)

よろしくおねがいします

WP-自己紹介

  • 岩家ぶろぐ
  • http://blog.iwa-ya.net/
  • on lighttpd from 2010-01
  • テーマは自作
  • header.php
  • index.php
  • sidebar.php
  • footer.php

WP-Syntax:概要

  • WordPressプラグイン
  • ソースコードをハイライト
  • PHPライブラリ「GeSHi」を利用
    • 177種類の言語をサポート(ver.1.0.88)
    • プラグインに同梱

詳しくは...

  • http://wordpress.org/extend/plugins/wp-syntax/
  • http://qbnz.com/highlighter/

WP-Syntax:基本書式

エントリ本文で...

      <pre
      lang="{language}"
      line="{line}">
      ... ソースコード ...
      </pre>
    

これだけでハイライトしてくれる

※「ぶろぐでデモ

+α

行番号がある場合

行番号がない場合

このHTMLをごにょごにょするJavaScriptを書いてみた

  • use jQuery;

※「ぶろぐでデモ

まとめ

WP-Syntax

  • ソースコードをいい感じでハイライト
  • 設定も直感的

おまけ

  • WP-Syntax後のソースコード領域をクリックすると,コピペのための選択をするJavaScript

ご清聴ありがとうございました! Enjoy code-highlighting! powered by: http://www.dqwm.net/