[B! *javascript-lib][code] cyokodogのブックマーク

cyokodog id:cyokodog

*javascript-libとcodeに関するcyokodogのブックマーク (3)

ブラウザ上でコードを強調表示できるJavaScriptライブラリ | Web活メモ帳
多彩な言語を操作可能なライブラリ「CodeMirror」はコードを編集するためのインターフェイスを作成するJavaScriptライブラリです。自動インデントやカラーリングはエディタの非常に重要な要素ですが、それらをWEB上で再現してくれます。対応言語はJavaScript,HTML,CSS,PHP,Python,Ruby,SQLなど非常に多くの言語がサポートされています。 Google Earch APIがインタラクティブに開発可能その他のサンプルで驚いたのが、KLMがインタラクティブに開発できる点です。 Google Earchのサンプルコードが豊富にあり、簡単に作れそうです。動作も軽快なので、ちょっとした開発に使えるかもしれませんね。
cyokodog 2010/12/07
*javascript-lib

code
リンク
HTML/JavaScriptをインクルード表示させる方法 | エンタープライズ | マイコミジャーナル
WebページでHTMLやJavaScriptを表示させる場合に厄介な問題がある。実際のソースコード、たとえばそれはHTMLやJavaScriptだったりするわけだが、実際に使われるそういったコード保守する必要があるほか、そのコードを表示させているHTMLの方に含まれているコードも保守する必要があるということだ。大量のチュートリアルを作成している場合などは特に面倒なことになる。デモコードを書き換えるごとに、それを表示させているHTMLの方に含まれているコードも変更しなければならない。編集を忘れてしまえば実際に動作しているコードと表示されるコードが違うという事態にもなる。同じことを考えるプログラマは多いようだ。Christian Heilmann氏は1月29日(米国時間)、Displaying source code with Ajaxのタイトルのもと、外部のファイルをインクルードして表示
cyokodog 2009/08/12
*javascript-lib

code
リンク
技術系サイトに必需品！ソースコードは鮮やかに JavaScriptもPHPもHTMLもOK！「Syntax Highlighter」の使い方
Webプログラミング/Webデザインのネタを扱うブログやWebサイトを運営していると、HTMLやCSSなどのソースコードを掲載することが多くあります。そんなときにぜひ活用したいのが、ソースコードを読みやすく表示してくれるJavaScriptライブラリです。今回は、そのうちの1つ、「Syntax Highlighter」の使い方を紹介しましょう。多くの言語の構文強調表示に対応した「Syntax Highlighter」 HTMLなど各種言語のソースコードをWebページの中で表示するのは、HTMLのpre要素を使えば簡単です。ただ、ソースコードをそのまま表示すると、見た目が分かりやすくはありません。そこで、タグなど言語の特定キーワードに色を付けて、他の部分よりも強調して表示することで見やすくしましょう。こういった「構文強調表示」を行なうJavaScriptは、いくつか公開されていますが、そ
cyokodog 2009/03/18
*javascript-lib

code
リンク
1