ソースコードコメント(// 以降)にクラスを指定する
置換前 (//.+)$
置換後 <span class="src_comment">$+</span>
置換前$は文末
置換前の()でくくったところが、置換後の$+
ここ数日とりかかって、ようやくHTML5版のメニューが出来ました。
雛形はこらち
http://studyhall.webcrow.jp/web/basic3.html
久しぶりにHTMLをいじるため、いくつかWebで調べたのですが、最近XSLは全然進化していないのですね。
XML+XSL+CSSの組み合わせがコンテンツのメンテが一番楽だと数年前は思っていたのですが、XSLが進化を止めてしまったのであれば、今後はHTML+CSSで行くしかないです。
とは言っても、全てを書き換えるのは容易ではないので新しく更新するページだけ、少しずつ変えていくことにします。
雛形はこらち
http://studyhall.webcrow.jp/web/basic3.html
久しぶりにHTMLをいじるため、いくつかWebで調べたのですが、最近XSLは全然進化していないのですね。
XML+XSL+CSSの組み合わせがコンテンツのメンテが一番楽だと数年前は思っていたのですが、XSLが進化を止めてしまったのであれば、今後はHTML+CSSで行くしかないです。
とは言っても、全てを書き換えるのは容易ではないので新しく更新するページだけ、少しずつ変えていくことにします。
トップページだけ HTML5 にしてみた。
http://studyhall.webcrow.jp/
全項書き換えるとなると、どうするのが楽なんだろうか。
XML+XSL はどうしようか。
う～ん....。
あっ、あと、Dart Editor が、ベータ版から正式版になったらしい。
Dart Editor で、html や CSS を編集すると結構楽なので、テキストエディタから乗り換えようかな。
http://studyhall.webcrow.jp/
全項書き換えるとなると、どうするのが楽なんだろうか。
XML+XSL はどうしようか。
う～ん....。
あっ、あと、Dart Editor が、ベータ版から正式版になったらしい。
Dart Editor で、html や CSS を編集すると結構楽なので、テキストエディタから乗り換えようかな。
Google の Dart のテスト用のページをアップ
まだ、サンプルコードに自HPのスタイルシートを適用しただけ。
Java Script にもコンパイルしていない。
http://studyhall.webcrow.jp/dart/index.html
Chromium でアクセスする必要あり。
まだ、サンプルコードに自HPのスタイルシートを適用しただけ。
Java Script にもコンパイルしていない。
http://studyhall.webcrow.jp/dart/index.html
Chromium でアクセスする必要あり。
とある事情でプロバイダを変える可能性が高くなったので、plalaにあるホームページをWEBCROWに引越ししています。
URLはこちら→ http://studyhall.webcrow.jp/
最近、ホームページの更新が全然進んでいませんが、無くしてしまうのももったいないので引越しです。
無料でホームページを作れるところは色々あるのですが、拡張性の高そうなところを選んでみました。
(いつになったら拡張するか分かりませんが...。)
URLはこちら→ http://studyhall.webcrow.jp/
最近、ホームページの更新が全然進んでいませんが、無くしてしまうのももったいないので引越しです。
無料でホームページを作れるところは色々あるのですが、拡張性の高そうなところを選んでみました。
(いつになったら拡張するか分かりませんが...。)
9年ぶりくらいだろうか、久しぶりにC++のプログラムを書いてみた。
書いたと言うより、改めて始めた。
あわせてホームページも久しぶりに更新した。
ついでにブログも久々に更新。
60日間投稿がないとテンプレートがデフォルトに戻ってしまうのね。
書いたと言うより、改めて始めた。
あわせてホームページも久しぶりに更新した。
ついでにブログも久々に更新。
60日間投稿がないとテンプレートがデフォルトに戻ってしまうのね。
いままでXML+XSLだとsans-serifやcursiveなとフォントを指定しても、全角文字は変わらないと思っていました。
が、xsl:outputで出力形式を次のように指定してあげるとちゃんとフォントが指定できることに気がつきました。
<xsl:output method="html" encoding="Shift_JIS"
doctype-public="-//W3C//DTD HTML 4.01 Transitional//EN" />
しかし、ブラウザによってフォントの表示が違うようです。
図の左はFirefox、右はIE7での表示となります。
実際のページ
http://www11.plala.or.jp/studyhall/web/font.xml
が、xsl:outputで出力形式を次のように指定してあげるとちゃんとフォントが指定できることに気がつきました。
<xsl:output method="html" encoding="Shift_JIS"
doctype-public="-//W3C//DTD HTML 4.01 Transitional//EN" />
しかし、ブラウザによってフォントの表示が違うようです。
図の左はFirefox、右はIE7での表示となります。
実際のページ
http://www11.plala.or.jp/studyhall/web/font.xml
バナー広告を削除してから味気ないトップメニューになっていたホームページにサイドメニューを付けました。
トップページに合わせて、標準で使用しているxslもサイドメニューを付けました。
いずれも、スタイルシートを用いて段組しています。テーブルタグは使用していません。
サイドメニュー自体は、各ディレクトリのindex.xmlの内容から作成できるので、適用するxslを切り替えて同じソースから表示させたかったのですが、難しいようなので今回は断念しました。
バナー広告も各ページからなくなりました。
（１ページだけ、ランダム表示のサンプルとして残してあります）
ホームページ
トップページに合わせて、標準で使用しているxslもサイドメニューを付けました。
いずれも、スタイルシートを用いて段組しています。テーブルタグは使用していません。
サイドメニュー自体は、各ディレクトリのindex.xmlの内容から作成できるので、適用するxslを切り替えて同じソースから表示させたかったのですが、難しいようなので今回は断念しました。
バナー広告も各ページからなくなりました。
（１ページだけ、ランダム表示のサンプルとして残してあります）
ホームページ
最近更新していない C++ と System i のコンテンツが主となっていたトップページを更新した。
各コンテンツを同等に扱ったら、なんとも味気ないものになってしまった。
気が向いたら、もう少しデザインを考えることにしよう。
今回のために C++ と System i のメニューを XML で作成。
結構ページ数があったので手間取った。
もちろん、共通の XSL を使用している。
もともとあった index.html は、自動で index.xml に飛ぶように指定してある。
各コンテンツを同等に扱ったら、なんとも味気ないものになってしまった。
気が向いたら、もう少しデザインを考えることにしよう。
今回のために C++ と System i のメニューを XML で作成。
結構ページ数があったので手間取った。
もちろん、共通の XSL を使用している。
もともとあった index.html は、自動で index.xml に飛ぶように指定してある。
久しぶりに新ページ追加した。
秀丸の正規表現に関するメモのページを追加し、秀丸に関するメモを雑多なメモからトップページに移した。
秀丸のページはルートに設けたindex.xslを参照する形とした。
今後の各カテゴリーのインデックスはこの手法をとるように統一していきたい。
秀丸の正規表現に関するメモのページを追加し、秀丸に関するメモを雑多なメモからトップページに移した。
秀丸のページはルートに設けたindex.xslを参照する形とした。
今後の各カテゴリーのインデックスはこの手法をとるように統一していきたい。