技術系サイトに必需品！ ソースコードは鮮やかに JavaScriptもPHPもHTMLもOK！「Syntax Highlighter」の使い方
Webプログラミング/Webデザインのネタを扱うブログやWebサイトを運営していると、HTMLやCSSなどのソースコードを掲載することが多くあります。そんなときにぜひ活用したいのが、ソースコードを読みやすく表示してくれるJavaScriptライブラリです。今回は、そのうちの1つ、「Syntax Highlighter」の使い方を紹介しましょう。 多くの言語の構文強調表示に対応した「Syntax Highlighter」 HTMLなど各種言語のソースコードをWebページの中で表示するのは、HTMLのpre要素を使えば簡単です。ただ、ソースコードをそのまま表示すると、見た目が分かりやすくはありません。そこで、タグなど言語の特定キーワードに色を付けて、他の部分よりも強調して表示することで見やすくしましょう。 こういった「構文強調表示」を行なうJavaScriptは、いくつか公開されていますが、そ
MOONGIFT: » デザイナーの創造性を広げるCMS「PageWorks」:オープンソースを毎日紹介
最近はCMSやブログがサイトに利用されることが多くなった。それらを用いる場合、大抵はスクラッチで開発しない。既存のパッケージまたはオープンソース・ソフトウェアを利用する事が多い。 表示画面の管理 そうしたパッケージを利用する限り、そのCMSがもつ独特な匂いを取り去るのはなかなか難しい。例えばブログエンジンを使ってサイトを作ると、どうしてもブログの雰囲気が出てしまう。そのためにデザイナーのもつ創造性が束縛され、柔軟な発想が出づらくなってしまう。そこで使ってみたいのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはPageWorks、デザイナーのためのCMSだ。 PageWorksはデザイナーの創造性を発揮できる点に観点を置いており、HTMLの形式やレイアウトに技術的な制約をなくしている。そして編集項目と呼ぶマークを埋め込んでおくことで、サイト管理者がその部分を編集し、コンテン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
