～ モバイル版(スマートフォン)の操作 ～
左右にスワイプすると、前後の投稿へ移動します。
←　前の投稿　|　次の投稿　→
日々のコンピュータ情報の集積と整理

Dr.ウーパのコンピュータ備忘録
ラベル SyntaxHighlighter の投稿を表示しています。 すべての投稿を表示
ラベル SyntaxHighlighter の投稿を表示しています。 すべての投稿を表示
2014年5月19日月曜日

外部サービスが止まっても最低限の動作ができるようなWebページを作る：SyntaxHighlighter編

›
イントロダクション 以前 SyntaxHighlighter の公式ホスティングサービスへの接続に失敗し、ページが読み込み中のまま表示されないという現象が発生したことがありました。
スポンサーリンク

SyntaxHighlighter:エスケープした<br />のみ HTML のタグとして解釈されてしまう問題の解決策

›
SyntaxHighlighterにて、エスケープした<br />のみ、HTMLのタグとして解釈され、表示上改行になってしまう問題への対処方法がわかりました。
2014年5月17日土曜日

SyntaxHighlighter で装飾したコードを Chrome でコピーすると文字化けする

›
イントロダクション このブログでは、ソースコードを見栄え良く表示するために SyntaxHighlighter を使っています。 SyntaxHighlighter で装飾したコード： <script type="text/javascript...
2014年5月3日土曜日

SyntaxHighlighterで装飾したソースコードを Blogger のエディタで編集するときの注意事項

›
以下のSyntaxHighlighterで装飾したソースコード(<pre>タグ内にコードを記載）を Blogger のエディタで編集するとします。
2014年5月2日金曜日

ソースコードをきれいに装飾して、WordやPowerPointでレポートや発表資料を作る:SyntaxHighlighter(3.x)

›
「SyntaxHighlighter(3.x)で装飾されたソースコードを装飾ごとコピーする」シリーズとして、SyntaxHighlighter(3.x)で装飾されたソースコードを装飾ごとコピーして、各種アプリケーションに張り付けると、どのような結果になるのか見てきました。 ...

SyntaxHighlighter(3.x)で装飾されたソースコードを装飾ごとコピーし、Excel に張り付けて成形する

›
記事「 SyntaxHighlighter(3.x)で装飾されたソースコードを装飾ごとコピーする：Excel編 」にて、SyntaxHighlighter(3.x系)で装飾された Web ページ上のソースコードを、装飾も含めてコピーして、Excel へ貼り付けた結果を紹介しました...

SyntaxHighlighter(3.x)で装飾されたソースコードを装飾ごとコピーする：PowerPoint編

›
記事「 SyntaxHighlighterで装飾されたソースコードを簡単にコピーする方法 (3.x系) 」では、SyntaxHighlighter(3.x系)で装飾された Web ページ上のソースコードを、 ソースコードとして利用できる形 で簡単にコピーする方法を紹介しました。 ...

SyntaxHighlighter(3.x)で装飾されたソースコードを装飾ごとコピーする：Excel編

›
記事「 SyntaxHighlighterで装飾されたソースコードを簡単にコピーする方法 (3.x系) 」では、SyntaxHighlighter(3.x系)で装飾された Web ページ上のソースコードを、 ソースコードとして利用できる形 で簡単にコピーする方法を紹介しました。 ...

SyntaxHighlighter(3.x)で装飾されたソースコードを装飾ごとコピーする：Word編

›
記事「 SyntaxHighlighterで装飾されたソースコードを簡単にコピーする方法 (3.x系) 」では、SyntaxHighlighter(3.x系)で装飾された Web ページ上のソースコードを、 ソースコードとして利用できる形 で簡単にコピーする方法を紹介しました。 ...

SyntaxHighlighter(3.x)で装飾されたソースコードを装飾ごとコピーする：Blogger編

›
記事「 SyntaxHighlighterで装飾されたソースコードを簡単にコピーする方法 (3.x系) 」では、SyntaxHighlighter(3.x系)で装飾された Web ページ上のソースコードを、 ソースコードとして利用できる形 で簡単にコピーする方法を紹介しました。 ...
2014年5月1日木曜日

SyntaxHighlighterで装飾されたソースコードを簡単にコピーする方法 (3.x系)

›
Web ページを閲覧していると、以下のような ソースコードがきれいに装飾 されて表示されているページを見かけることもあるかと思います。

JavaScript:カンマ演算子を使った複数の変数の宣言が全く別のものに見えて理解するのに時間がかかってしまった

›
JavaScript で 一行で二つの変数を宣言し、値を代入する 場合、以下の構文を使用します。

バグフィックス(1):SyntaxHighlighter使用箇所があれば読み込む(完成スクリプトの配布)

›
記事「 ページ表示速度改善:SyntaxHighlighter使用箇所があれば読み込む(完成スクリプトの配布) 」にて公開したスクリプトの一部にバグがあったため修正を行いました。

正規表現：SyntaxHighlighterのブラシ一覧をコンボボックスに変換する

›
SyntaxHighlighter のブラシ一覧(*1)をWebページのコンボボックスから選択できるようにしたいと思い、SyntaxHighlighter のブラシをコンボボックスの HTML に変換しました。

Webサービスリリース!<pre> Generator for SyntaxHighlighter - SyntaxHighlighter用の<pre>タグを作成するWebサービス

›
SyntaxHighlighter用の<pre>タグを作成するWebサービス 「<pre> Generator for SyntaxHighlighter」 の公開を開始しました!
2014年4月30日水曜日

ページ表示速度改善:SyntaxHighlighter使用箇所があれば読み込む(完成スクリプトの配布)の作業

›
はじめに  記事「 ページ表示速度改善:SyntaxHighlighter使用箇所があれば読み込む(完成スクリプトの配布) 」にて行った作業内容を記載します。

ページ表示速度改善:SyntaxHighlighter使用箇所があれば読み込む(完成スクリプトの配布)

›
はじめに SyntaxHighlighterを使用するとページに記載したソースコードをきれいに表示することができます。 しかし、SyntaxHighlighterを利用する場合、（当然ですが）外部のJavaScriptとスタイルシートを読み込む必要があり、その分表示が遅く...
2014年4月26日土曜日

ページ表示速度改善:SyntaxHighlighter使用箇所があれば読み込む(最適化したコードをBloggerに設置編)

›
追記： タイトルが長かったため 「SyntaxHighlighter:ページの表示速度を改善するため、ページ内にSyntaxHighlighterを使用する箇所がある場合に、jsとcssを読み込むようにした」 を 「ページ表示速度改善:SyntaxHighligh...
1 件のコメント :

ページ表示速度改善:SyntaxHighlighter使用箇所があれば読み込む(Bloggerに設置編)

›
追記： タイトルが長かったため 「SyntaxHighlighter:ページの表示速度を改善するため、ページ内にSyntaxHighlighterを使用する箇所がある場合に、jsとcssを読み込むようにした」 を 「ページ表示速度改善:SyntaxHighlighter...
2014年4月25日金曜日

ページ表示速度改善:SyntaxHighlighter使用箇所があれば読み込む

›
追記： タイトルが長かったため 「SyntaxHighlighter:ページの表示速度を改善するため、ページ内にSyntaxHighlighterを使用する箇所がある場合に、jsとcssを読み込むようにした」 を 「ページ表示速度改善:SyntaxHighligh...