なんだかんだ言って、やっぱり投稿が減った原因はTwitterですね。。Twitterの方が、圧倒的に書くのが手軽だし、何か書いた時に貰えるレスポンスが多いし、でBlogをサボってしまっています。良くないですね。別にTwitterで良いじゃん、Blog書かないでも、という考え方もあるのでしょうが、やっぱり良くないと自分は感じていて、というのは、やはり、Twitterというサービスは、Blog以上にリアルタイムのストリーム的な特性が強く、Tweetの内容が、その時自分をフォローしてくれている人にしか届かず、後からその情報を求めてGoogleなどで検索した人に上手く届けることができないのが問題だと思っています。これは、Twitterのサイト構造が、古いTweetを積極的に見せようとしていないということ以上に、140文字という文字数制限が、Tweetのコンテキストを削ぎ落としてしまっており、検索に引っかかりにくくなっているというのがあります。ぼちぼちまた書いて行きたいなぁと思っています。

おぉ、開催されるんですね。これは是非行きたい。

1. 誰も知らない（といい）が、実は404ページのデザインも作りこんでいる。
2. IE6対策は放棄してしまっている。
3. サイト名の由来はC#のsharpと.net Frameworkの.netである。
4. labという単語は予防線である。実験的なものだから内容に責任は持たないよ―という意味。
5. 実際、SharpLab.の58%は罠でできているらしい。読んでも信じないように。
6. でも何時かはlabの名に恥じない先進的なものもC#で作ってみたいとも思っている。
7. www.sharplab.netには、サイト全体のトップページが用意される予定である。
8. でも予定は未定である。
9. あまり推敲せずにアップするので、日本語がおかしいときがある。
10. そんなエントリを数時間後に直すことがままある。
11. もともとはMovableTypeで構築される予定だった。
12. WordPressの編集画面からのポストは一件もなく、全てWindows Live Writerによる投稿である。
13. Contactページに張り付けられたLive Messengerが活躍したことは今まで一度もない（泣）
14. WordPressにログイン状態で表示すると、「Edit with WLW」というリンクがエントリ毎に表示され、クリックするとWindows Live Writerで当該エントリが開かれるギミックが用意されている。
15. sharplab.netのひみつはまだ14個しかない。

UPDATE wp_options SET option_value = replace(option_value, 'http://www.old-domain.com', 'http://www.new-domain.com') WHERE option_name = 'home' OR option_name = 'siteurl';

UPDATE wp_posts SET guid = replace(guid, 'http://www.old-domain.com','http://www.new-domain.com');

UPDATE wp_posts SET post_content = replace(post_content, 'http://www.old-domain.com', 'http://www.new-domain.com');

上の三つのようなSQLを発行してデータベース内のURLを書き換えてやれば良いようだ。もちろんWordPressのプラグインが独自のテーブルを持っている場合はそれに対しても対処が必要になるだろう。

Windows Live Writerの新版まだかなー。

ビバ・フルスクラッチ。今回はWordPress＋Windows Live Writerの組み合わせで運用することを前提にフルスクラッチしてみた。念願のsyntaxhighlighterの組み込みも果たし、相当ソースコードを載せるのがやり易くなったのがありがたい。また、可変幅の2コラム構成だが、本文部分の最少幅を指定したことで、写真を貼り易くなったのも結構便利になると思う。

まだ追加しきれていない機能、調整しきれていないCSSの修正などが残っているので、ちょくちょく直していきたい。

前記事・後記事へのリンクとかコメント欄とかトラックバックとかの部分がなんとなく形になってきた。ここら辺はwp.vicunaをちょっと参考に制作。

ソースコードをハイライト表示してくれるので非常に便利なSyntaxHighlighter。JZ5さんがSyntaxHighlighter for Windows Live WriterというプラグインでWLW上でスマートコンテントとして管理できるようにしてくれているので、WLW好きの自分としては是非このBlogにも組み込みたいと思い、作業していたのですが、その中でSyntaxHighlighterの表示の不具合にぶつかりました。今回のエントリではその対応策を記します。

SyntaxHighlighterの持つ問題

SyntaxHighlighterは、通常、一行あたりの文字数が多くSyntaxHighlighterの表示部の横幅を超えるようなソースコードの場合、white-space:normal;の指定により、折り返し表示してくれるようになっています。ですが、半角文字列の折り返しは単語毎に行われるというブラウザの仕様のためか、場合によってはソースコードの折り返しが上手く行われず、横スクロールバーが表示されてしまうという問題があります。そうなると、スクロールした部分は背景の塗り分けが上手く行われず、SSのように違和感のある表示になってしまう、という問題があります。

対応策

上手く折り返し表示させる方法がよく分からなかったので、自分の場合、常に折り返し無しで表示することにしました。そして背景の塗り分け自体も廃し、常時横スクロールバーを表示。また、上のツールメニューもあわせて表示の仕方を変更しました。

長々と言葉で説明しても冗長になるだけなので、SyntaxHighlighterのCSSを上書きするのに使用したCSSファイルを示します。

.dp-highlighter{
	overflow-y:visible;
	overflow-x:scroll;
	background-color:#fcfcfc;
	width:100%;
}
.dp-highlighter ol li,.dp-highlighter ol li.alt{
	background-color:#fcfcfc;
	white-space:pre;
}
.dp-highlighter ol li, .dp-highlighter .columns div, .dp-highlighter .tools {
	border-left:3px solid #e26c6c;
}
.dp-highlighter .tools{
	font-size:120%;
	height:2em;
	padding:0px;
	background-color:#fcfcfc;
}
.dp-highlighter .tools a{
	font-size:100%;
	display:block;
	color:#888888;
	float:left;
	height:1.5em;
	margin:0px;
	padding-top:0.4em;
	padding-bottom:0.1em;
	padding-left:0.5em;
	padding-right:0.5em;
	background-image:url("images/shToolsBG.png");
}
.dp-highlighter .tools a:hover{
	background-image:none;
	background-color:#ffffff;
}
.dp-highlighter ol.dp-c{
	clear:both;
	background-color:#fcfcfc;
}

実際に適用するとこんな感じ。

スクロールさせても崩れてません。

今回は不具合修正をきっかけとして既製のライブラリのCSSの上書きに取り組みましたが、今回のツールメニューや左ボーダーの変更のように、単なるデザインの変更にも使えるので、結構ブラックボックス化しがちなライブラリのデザインを、サイトのデザインと調和させる目的でも色々弄ってみてはいかがでしょうか。

追記

このCSSは桁の表示には未対応です。まぁ全角文字が含まれているとどうせズレが生じるし、放置で良いかな･･･。

すすまない…。とりあえずフッタとか。 月末までに間に合うのだろうか…。

サイドバーの形が見えてきた。意外とここは順調。

出来ているのは現状有姿のところだけ。WP絡みの部分とか、全然まだ。というか、ヘッダの部分を弄繰り回していたらそこしかまだ出来ていないという。あまりの進まなさに泣きたくなる。終わるのか？月末までに完成させられるのか？

目次を見ると、

Chapter 1 基本
Chapter 2 全般
Chapter 3 コンテンツ
Chapter 4 アーカイブ
Chapter 5 カテゴリー
Chapter 6 タギング
Chapter 7 タクソノミー
Chapter 8 メディア
Chapter 9 リンク集
Chapter 10 ユーザー
Chapter 11 コメント/トラックバック
Chapter 12 ショートコード
Appendix
001 日時の表記コード
002 パーマリンクの構造タグ
003 文字列を変換・整形する関数
004 文字列を変換・整形するフィルタ
005 グローバル変数

となっているので、そこまで細かく機能を追っているわけではなく、大体既知の内容っぽいが、

「テンプレートタグと関数を明確に分類すると同時に、あまり解説されることのないWordPress内部で利用されている関数などにも触れていますので、テンプレートをテンプレートファイルとみて使っている方にも、PHPファイルとみて使いこなしている方にも、十分に役立つ内容となっています。」(著者「はじめに」より)

ということなので、内部の関数紹介目当てにチェックしてみたいと思う。

以下妄想している仕様案。

1. 2カラム構成、右サイドバー。
2. メインコンテンツ部は横幅をフレキシブルに。
3. 但し最少幅600px。
4. サイドバーは極力シンプルに。メタデータは独立させたページに表示。
5. Twitterの最新発言をどこかに表示。
6. iKnowの進捗状況XMLをパースして晒し上げ。
7. 文字サイズは可変。
8. 英字フォントはサンセリフ系。
9. 日本語フォントはゴシック系。Vistaならメイリオ。
10. 日付は日めくりカレンダー風に表示。
11. 画像のフロート表示への対応
12. 引用文の修飾
13. syntaxhighlighterが動くように。
14. WordPress Related Post for Japaneseの組み込み
15. Windows Live WriterでWYSIWYG編集できるように。
16. etc..

アホですね…。

追記：かなりWPについて充実しているサイトだなぁと思っていたら、WordPress 2.5 でつくる! 最強のブログサイトの著者の方でした。これはビックリ(笑)。

過去の要らないリビジョンを削除する方法ないものかねぇ…。

ちなみに同じリビジョン同士を比較しようとすると、素敵なことが起きます。WordPressの中の人も遊び心があっていいですね。WordPress2.6使いの方は、是非お試しを。

自分が管理しているサークルのサイトに、Google Analyticsを一週間ほど前から導入している。今日ビジターの利用OS一覧を見てみたところ、iPhoneが入っていた。羨ましいぞ持ち主…。

しかしなんだかんだ言ってWindowsは圧倒的だな…。流石。

XML-RPC is disabled by default for new installs of WordPress. Upgrading will NOT disable XML-RPC (ticket 7157)

WordPress 2.6 – XML-RPC & AtomPub Changes – Joseph Scott’s Blog

このエントリには他にもXML-RPC APIのver.2.51からの変更点（ページテンプレートの取得、Blogオプションの取得/設定が出来るようになった、等）が列挙されているので、このエントリは一見の価値有り。

また、このBlogにはこんな記事もあった。

Custom fields for posts and pages are now exposed and manageable from metaWeblog.getPost/newPost/editPost, wp.getPage/newPage/editPage via the custom_fields field. I was really happy to get this in, I think there is a lot of potential in being able to manage custom fields externally.

WordPresss 2.5 – Joseph Scott’s Blog

WordPress 2.5からはカスタムフィールドのデータをXML-RPC APIから扱えるようになっていたらしい。知らんかった。憶えておこう。

こんな感じに比較が出来る。うん、良い感じ。

次に、WindowsLiveWriterを使用して投稿をした場合を試してみた。

これもうまくいく。

だが、WordPressの投稿フォームとWindowsLiveWriterを併用して編集した場合はうまく比較が行われない。

WordPressで編集した版はpタグで括られた段落毎にブロックに分けられているのだが、WLWで編集した版は全体が一つのブロックとして纏められてしまっており、それが原因で比較に失敗しているようだ。

一人でBlogを書く際には過去の版に戻す位しかリビジョン管理機能を使うことはないだろうから、あまり影響はないだろうけど、ビジネスブログなどで複数人で記事を推敲する場合はリビジョン比較機能を使う場面も出てくるだろう。そういう場合は投稿クライアントを使うか使わないか統一した方がよさそうだ。（まぁ大した問題じゃないが…。）

WordPress › Blog » WordPress 2.6によれば、一ヶ月スケジュールを前倒しにしてのリリースとのこと。主な新機能としては、

• 投稿の改訂履歴をwikiのように辿れるようになった
• 投稿用ブックマークレット
  Youtubeのページで呼び出せば動画をBlogに貼り付け、Fickerのページで呼び出せば画像を貼り付け、などコンテキストに合わせた投稿が可能？
• Google Gearsを利用し、JavaScriptとCSSをローカルにキャッシュ
• テーマの適用前プレビュー機能

など。他にも単語数カウント機能など細かい新機能や、194個のBug fixも。ver.2.5とはプラグインやテーマの互換性があるので、特段アップデートする際に注意する点はない、とのこと。

テーマの適用前プレビュー機能は便利そうだけど、WindowsLiveWriterを投稿クライアントに使っている自分にとっては、そこまで気になる機能はないかな。

追記

日本語版がリリースされていたのでアップグレードしてみた。

SharpLab. – twitter

やっぱWordPressは便利だわ。欲しいと思うものは大体プラグインとして配布されているから、こんなことも簡単に出来る。期末テスト終わったらテーマを自作したいと思う。

そしてこちらには、効率的に管理するために、webファイルマネージャーであるAjaXplorerも設置。このAjaXplorer、名前が示す通りAjaxを利用してGUIが構築されているのだが、非常によく作り込まれており、その操作性の良さは、数あるwebファイルマネージャーのなかでも群を抜いているように感じた。テキストファイルの簡単な編集にも対応しているので、CMSを使わずレガシーなサイト管理をしている人は、FTPソフトを補助する形で導入してみてもよいのではないかと思う。

ただ、どうしてもテーマの作者と自分のスタイルが合わない時もあり、そういう場合は少し手を入れるのだが、やはり他人の作ったテーマ、いちいち読み解くのも面倒で、いっそ一から自作したいなーと思わなくもない。いや、思う。そもそも今のテーマもCodeが上手く表示されないとか、気に入らない点が多いし。（ﾏﾃｺﾗ）

実際、Web制作系のバイトを始めたおかげで、Fireworksを使える環境も出来たし、春休みのリベンジをここいらでしてみるのも良いのではないかと思い、XHTML+CSS虎の巻を読み返している今日この頃。

• 画像に文字を回り込ませられて
• 適度に文字が大きくて
• CodeをWindowsLiveWriterのプラグイン経由で張り付けられて
• WindowsLiveWriterでのWebプレビューが出来て
• そこそこセンスの良いデザイン（これが一番難しいのだが）

を作りたいなー。

GoogleAnalysis、高性能アクセス解析を設置していないBlog主の方は是非お試しを。

一体何個目のBlogでしょう。最早自分でも分からない位、様々なサービスを転々としてきましたが、08年度、この夏には20歳を迎えるこの節目の年度の初めを機会に、新たにこのBlog、 "SharpLab."を創めることにしました。今は何もないサイトでは御座いますが、今後プログラミングの成果物の公開を中心に充実させていく心積もりですので、どうか温かい目で見守って頂ければ幸いです。