技術系サイトに必需品！ ソースコードは鮮やかに JavaScriptもPHPもHTMLもOK！「Syntax Highlighter」の使い方
Webプログラミング/Webデザインのネタを扱うブログやWebサイトを運営していると、HTMLやCSSなどのソースコードを掲載することが多くあります。そんなときにぜひ活用したいのが、ソースコードを読みやすく表示してくれるJavaScriptライブラリです。今回は、そのうちの1つ、「Syntax Highlighter」の使い方を紹介しましょう。 多くの言語の構文強調表示に対応した「Syntax Highlighter」 HTMLなど各種言語のソースコードをWebページの中で表示するのは、HTMLのpre要素を使えば簡単です。ただ、ソースコードをそのまま表示すると、見た目が分かりやすくはありません。そこで、タグなど言語の特定キーワードに色を付けて、他の部分よりも強調して表示することで見やすくしましょう。 こういった「構文強調表示」を行なうJavaScriptは、いくつか公開されていますが、そ
javascript - json2dom() & dom2json() : 404 Blog Not Found
2008年06月15日06:00 カテゴリLightweight Languages javascript - json2dom() & dom2json() これまた車輪の再発明ではあるのですが、前に自分で作ったものを含めて気に入ったのがなかったので。 /lang/javascript/dom2json/ - CodeRepos::Share - Trac Demo Source: <div><!-- comment will be ignored --> <img alt="dan" src="http://www.dan.co.jp/~dankogai/dan-180x240.png" style="float:left" width="45"> The quick brown fox jumps over the blazy lazy.dog. <p class="pp" styl
javascript - DOMをリサイズ可能に : 404 Blog Not Found
2008年06月07日17:30 カテゴリ書評/画評/品評Lightweight Languages javascript - DOMをリサイズ可能に これまた数ある車輪の再発明のうちの一つだけど、習作をかねて /lang/javascript/DOM.resize /- CodeRepos::Share - Trac 使い方 <script src="http://blog.livedoor.jp/dankogai/js/resize.js"></script> <div class="resizable"> この要素がリサイズ可能に </div> <script>make_dom_resizable('resizable');</script> 要は、JS fileをロードしておいて、最後にmake_dom_resizable()を呼ぶだけ。引数が、リサイズ指定したいDOMのクラス名に
Ext2.0を便利に使うためのIDE集:phpspot開発日誌
Ext JS Blog - IDEs, plugins and tools for Ext JS 2.0 The Ext 2.0 API is very extensive and remembering all of the functions, properties or configs available is virtually impossible. Ext2.0を便利に使うためのIDE集。 JavaScriptでのリッチなＵＩを作成する際に便利なExt、ですが使い方がやや複雑だったりします。 IDEのサポートがあれば、それほど複雑ではなくなるかも、ということで、IDEがいくつか出ているようです。 Aptana - Ext 2.0 Aptana plugin Spket Eclipse Plugin & IDE Komodo Edit Dreamweaver リッチなアプリを高速
ハタさんのブログ(復刻版) : javascriptを初めて学ぶ人についてのおさらい。その１
僕にも教える人ができた(? というか人にモノを教える立場)になったので、とりあえず、最近はもっぱらjavascriptを教えています。 もともとCやJavaなどについてはある程度の知識がある人なので、それを少しjs的な意味で、関数言語的な教えをやっている最中のメモ 変数って何ですか？変数って値もしくは式そのものに利便的な名前をつけているものです 次のhogeとfooは値をいれる箱ではなく、値そのものに別名(もしくは分かりやすい名称)を割り当てているだけに過ぎませんよ。 var hoge = 1; var foo = [1, 2, 3]; alert(hoge + 1); // 2 alert(foo[0]); // 1 alert(1 + 1); // 2 alert([1, 2, 3][0]); // 1 つまり、関数自体を変数に代入する事ができます。(functionとは特別な呼び名
ブログパーツ掲載について | どき魔女ぷらす
<!-- どき魔女ぷらすブログパーツ --> <script src="http://www.dokimajo.com/dokimajo.js" type="text/javascript"></script> <!-- http://www.dokimajo.com/ --> ■「どきどき魔女神判2」のブログパーツを設置されていた方へ どき魔女ぷらすブログパーツ公開にともない、前作のブログパーツソースを変更いたしました。ご不便をお掛けいたしますが、引き続き前作のブログパーツ設置する方は下記ソースをご利用下さい。 <!-- どき魔女2ブログパーツ --> <script src="http://www.dokimajo.com/dokimajo02.js" type="text/javascript"></script> <!-- http://www.dokimajo.com/ -->
Hatena::Diary - スーパpre記法で実行可能なJavaScriptを : 404 Blog Not Found
2007年05月06日18:45 カテゴリLightweight LanguagesBlogosphere Hatena::Diary - スーパpre記法で実行可能なJavaScriptを そのはてなダイアリーで、こうすれば比較的安全に実行可能なJavaScriptを記述できるのではないかという提案。 404 Blog Not Found:javascript - はてダでは書けないはてなブックマーク技25個 こういう技の紹介って、JSがあればもっとわかりやすいんだけどはてダはJS禁なので。 はてなアイデア - スーパpre記法で実行可能なJavaScriptを投稿できるようにしてほしい cf. http://blog.livedoor.jp/dankogai/archives/50824976.html レシピ まずは、スーパーpre記法を以下のように拡張。 はてなダイアリーのヘルプ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
