ELECTRIC DOC. » Web/Blog

ブログの記事にタグをつけて関連記事を表示

なんば — Mon, 07 May 2007 03:32:05 +0000

悲しいことに、ブログの過去の記事はほとんどアクセスされないそうです。昔の記事を埋もれさせないように、タグ分類を使って関連性の高い記事を表示するようにしました。

タグ分類の利点は、階層構造や分類項目を気にすることなく、詳しいキーワードをいくつでも付けられることです。タグ分類には、WordPressのUltimate Tag Warriorという定番プラグインを導入しました。

400以上の記事にタグを付けていくのは大変でした。最初にカテゴリーをタグに変換しておおざっぱに設定した後、下図のようなsuperajaxモードやReTag Post-Extentionプラグインを用いて、それぞれの記事のタグをひとつずつ編集しました。
　

■superajaxモードの表示例。ブログの画面からタグを自由に編集できる。
　
関連する記事の表示にはUTW mod Related Postというプラグインを用いました。複数のタグを付けておくと、より関連性の高い記事を選び出せるようです。例えば「職場の「ご近所づきあい」を活性化する3つのしかけ」という記事には、「あいさつ、コミュニケーション、コミュニケーション、メンタルヘルス、職場巡視、上司」という5つのタグをつけました。使用回数が少ないキーワードほど重んじられるので、「あいさつ」「上司」に関連した記事が最初に表示されます。

DasBlogからWordPressにブログをお引っ越し

なんば — Sat, 10 Feb 2007 09:12:34 +0000

このブログに使用しているシステムを DasBlog から WordPress に変更しました。DasBlog は .Net Framework を利用したブログシステムで、Windows IIS サーバー上で動いています。それぞれの記事は投稿日別の XML ファイルとして保存されます。一方、WordPress は PHP を利用したブログシステムで、Apache サーバー上で動きます。記事の保存には MySQL データベースを利用しています。

　
記事の移し替え

ブログを乗り換えるときに大変なのが、これまでの記事を移し替える作業です。最近は記事の書き出しや読み込みができるブログも増えてきましたが、DasBlog と WordPress の間ではサポートされていません。今回は次のような作業を行いました。

(1) copy *.xml entries.xml コマンドで記事を1つの XML ファイルにまとめる。
(2) Microsoft Access にインポートした後、記事を CSV に書き出し
(3) CSV ファイルを MySQL にインポートする

(4) クエリを使ってデータを加工する
　・投稿日のフォーマットを変更
　・ DasBlog の記事番号と WordPress の記事番号の対応表を作る
　・コメント先の番号を置き換える
　・コメント数を集計して保存

(5) 記事をひとつひとつ変更
　・本文の HTML タグを修正
　・カテゴリを設定しなおし
　・リード文の修正

URL の変換

ブログを乗り換えるとき、もうひとつ困るのが、記事の URL(パーマリンク)が変わってしまうこと。Apache サーバーの URL リダイレクトという機能と PHP スクリプトを使って、URL や記事の番号を変換する仕組みを作りました。

(1) DasBlog から WordPress へ URLを転送する

.htaccess ファイルに RedirectMatch コマンドを記述して、アクセス先の URL を次のように書き換えるよう設定しました。

(例) http://e-doc.no-ip.com/blog/PermaLink,guid,abcdefg,aspx
　　→ http://e-doc.no-ip.com/jump.php/abcdefg

(2) DasBlog から WordPress へ記事の番号を変換

次のような作業を行うスクリプトを記述し、DasBlog の記事番号から WordPress の記事番号を探して、該当する記事にアクセスする仕組みを作りました。

・ PATH_INFO や GET 文で古い記事の番号を取得
・データベースに新しい記事の番号を問い合わせ
・新しい記事の URL を生成してジャンプ

印刷用の画面を用意しました

なんば — Thu, 02 Nov 2006 21:22:50 +0000

「印刷のときは広告を消すようにスタイルシートを書く」という記事を参考に、CSSスタイルシートの「media」タグを使って印刷用のレイアウトを用意しました。タイトルや記事一覧が消えて、本文が大きく印刷されます。ブラウザの印刷プレビュー画面などで確認してみてください。
　

CSSスタイルシートに「@media」タグを用いると、画面用のスタイルと印刷用のスタイルを自動的に切り替えることができます。例えば、次のようにしてレイヤーの表示・非表示や、表示幅、文字の色などを変更しています。

@media print {
    #layer_mokuji {display: none;}
    #layer_top {display: none;}
    #layer_body {width:100%;}
    .itemBoxStyle {color: #000;}
}

@media screen {
#layer_top_print {display: none;}
}

「よりよく働く」ための…(中略)…物欲のサイト !?

なんば — Sat, 05 Aug 2006 22:25:09 +0000

このブログのデザインを約2年ぶりに変更しました。さわやか青空をイメージした背景にAppleとWindowsのロゴをあしらい、よりよい世界を創造するためにコンピュータ技術を積極的に活用していこうというコンセプトを表しています。
　
さわやかな青空をイメージしたタイトル画像にはAppleとWindowsの両ロゴマークをあしらい、よりよい世界を創造するためにコンピュータ技術を積極的に活用していこうというコンセプトを表現しています (※適当なことを言っています)。

さて、このデザインが、Macの画面でどのように見えるのか、とても楽しみです。
今後ともELECTRIC DOC.をよろしくお願いいたします。

無料のVisual Web Developer 2005 Express

なんば — Sat, 10 Jun 2006 22:15:09 +0000

Visual Web Developer 2005 ExpressというMicrosoftが無料で提供している開発ソフトを使って、社員向けに発行しているメールマガジンの配信申し込みサービスと、簡単なアンケートソフトを作ってみました。
　
Visual Web Developer 2005 ExpressはWebアプリケーションの開発環境です。その他、Visual Basic、C++、C#、J#などWindowsアプリケーションの開発環境も無料で公開されています。

使いやすくなったデータアクセス機能

Webアプリケーションというのは、Webブラウザを使って操作するソフトウェアのことです。例えば、ブログ、掲示板、乗り換え案内、地図検索、ホテルの予約サービス、ショッピングサイトのシステムなどは、すべてWebアプリケーションです。

Webアプリケーションの主な仕事はデータベースを操作することです。Visual Web Developer 2005 Expressでは、統合環境やクラスライブラリを用いて、SQLデータベースやAccessデータベースを簡単に扱えます。

例えば、AccessDataSourceというクラスと、DataGridなどのコントロールを使えば、マウス操作だけでデータの表示・編集用のフォームが完成します。

データをレコード単位で処理したいときはデータセットを使います。データセットをプロジェクトに追加し、編集画面を開いてクエリを追加するだけで、TableAdapterオブジェクトと、Select、Insert、Update、Delete用の関数が自動的に作成されます(上の画像参照)。

しかし使い方がわかるまで半日以上かかった

ソフト開発をしていると、プログラムのロジックはわかってるし、どのように実装するのかも見当が付いているのに、「どの関数(クラス)を使うのかわからない……」という状況におちいりがちです。

特に.NET Framework 2.0ではデータベース関連の仕様が大きく変更(強化)されています。Accessデータベースの基本的な操作方法を調べるだけで、ヘルプファイルを見たり、Google検索をしたり……半日以上かかりました。

使い方はとても簡単なのに、それを「正確に、漏れなく、体系的に」記述すると、たちまち複雑怪奇なドキュメントになってしまうというのは、技術文書の欠点ですね。

参考

Visual Web Developer 2005 Express Edition 日本語版
 Visual Studio 2005 Express Edition

マインドマップ図を使ってブログの記事を書く

なんば — Sat, 25 Jun 2005 11:45:39 +0000

ブログやメルマガの記事を考えたり、調べ物や講演のメモをとったりするとき、最近は上の写真のようなノートを書いています。これはマインドマップという図解法で、中心となるテーマを中央に書き、そこから自由に枝を伸ばしながらメモを取る方法です。紙面の許す限りいくらでも枝を追加できたり、関係のある部分を線で結んだりと、話の順序を気にせず好きなように書けるのが特徴です。
　

■ マインドマップを使ってネタをまとめる

マインドマップを使ってブログの記事をまとめた例を紹介します。まず、ノートの真ん中にテーマとなるキーワードを書きます(腫瘍マーカー)。そして周囲に枝を伸ばしながら、連想されるキーワードを思いつくまま書きます(癌の細胞が作る物質、偽陽性と偽陰性、簡便、癌検診、PSA、PETなど)。

それぞれの項目から枝を伸ばし、わからないところは本やネットで調べながら書いていきます。関係のありそうな部分は線で結んだり枠で囲んだりします。ときどき全体を眺めて文章の流れを考え、ネタが不足している部分があれば枝を加えて書き込んでいきます。

できあがったのが上のマインドマップ。あっちこっちへ矢印が飛ぶ、ずいぶんまとまらない図になりました。この中から「腫瘍マーカーの限界 → PSAの基準値 → 癌検診の受け方」という順番でネタを拾い出して書いたのが「腫瘍マーカーじゃ、ガンは見つからない?」という記事です。

■ マインドマップをMindManagerで清書してみる

思いつくまま好きなように書けるのがマインドマップ図のいいところですが、思いつきすぎると上のような見づらい図になります。そこで、マインドマップ作成ソフトMindManager(体験版)を使って内容を整理してみました。エンターキーで同列に項目追加、インサートキーでサブ項目の追加、カーソルキーで項目間の移動など、キーボードだけでサクサク入力できます。また、マウスでドラッグ&ドロップするだけで項目を自由に整理でき、色を変えたりアイコンを追加したりとやりたい放題です。

うーむ、なんだか非常にすっきりまとまりましたね。これをアウトライン形式のファイルで出力すれば、そのまま文章の骨組みにもなります。MindManager、けっこう使いやすいなぁ。高いけど買っちゃおうかしら。どうせ英語版しか無いので、日本の代理店を通すより海外のサイトから買ったほうが安いかも(ダウンロード販売で199ドル)。

ちょっと気づいたのは、「つれづれとアイディアを出すときのマインドマップ」と、「知識を体系的に整理するときのマインドマップ」と、「記事の原稿を書くときのマインドマップ」とでは、テーマは同じでも構成がまるで違ってくると言うこと。まあ、当たり前のことかもしれませんけどね。

ラジコン登山 (動画)

なんば — Mon, 11 Apr 2005 13:27:00 +0000

オフロード仕様のラジコンカーにもいろんな種類があって、ものすごくでかいタイヤの機種だと、山道をぐいぐい登ることだってできるそうです。そこで!! ラジコンカーだけで山に登っちゃおう!! という、ものすごく~~バカな~~偉大なことに挑戦しちゃった人たちの記録がこちらのサイトに公開されています。

ラジコンボーイへの第二歩　『ＲＣ登山２００５』 (もんも絵日記)

いやあ、楽しそうだなあ。このチャレンジ精神は見習いたいなあ(笑)。

英単語の意味をマウスオーバーで表示してくれる新しいGoogle Toolbar 3 (ベータ版)

なんば — Sun, 03 Apr 2005 13:50:25 +0000

何かわからないことがあったらまずGoogle検索してみる!! そんなGoogle大好きっ子なら必ずインストールしているというGoogle Toolbarに、新しいバージョンが登場しました。

いろいろな追加機能のなかでも、もっとも便利だと思ったのが「英単語の上にマウスカーソルをあわせるだけで、英単語の意味がポップアップ表示される」というマウスオーバー辞書機能。単語の意味が短く表示されるだけですが、これでも十分に役に立ちますね。

Google Toolbar 3 (ベータ版)
http://toolbar.google.com/T3/intl/ja/

納豆を1万回混ぜてみた

なんば — Mon, 28 Mar 2005 20:12:35 +0000

毎日、チャレンジ精神とネタ精神にあふれるさまざまな記事が掲載される、「デイリーポータルZ」という楽しいサイトがあります。「本日のコネタ」というコーナーに、「納豆を一万回混ぜる」という記事が掲載されていました。
　
納豆をかき混ぜて、かき混ぜて、かき混ぜて、一万回。まさか納豆があんな風に変化してしまうとは……その変貌ぶりは予想をはるかに超えていました。手にマメを作り、箸を折りながらも、1時間40分かけて挑戦したライターさんには、まったく頭が下がります。

まだ読んでいない方は、本文を読み進める前に、ぜひこの記事をご覧下さい。
@nifty：デイリーポータルZ：「納豆を一万回混ぜる」

ご家庭でも試してみる

その「1万回混ぜた納豆」を是非ご家庭でも味わいたい!! と思い、今日の晩ご飯に作ってみることにしました。問題は、どうやって混ぜるか。1時間40分もかけて混ぜるのは疲れそうだし、ここはやっぱり電気の力で混ぜるしか!!

混ぜるときに使えそうな道具として候補にあがったのが、電動ドライバーと電動ハンドミキサー。電動ドライバーに割り箸で作ったアタッチメントをつければ、もっとも「自然な感じで」かき混ぜることができそうです。しかし問題は、回転数が毎分250回と遅いこと。これでは1万回まぜるのに40分もかかってしまいます。

一方、電動ハンドミキサーは回転数を段階的に調節でき、毎分500～1200回転と高速です。ただ、あまりに勢いが強いと、周囲に納豆が飛び散ってしまうのではないかという不安もあります。

ともかく、電動ハンドミキサーを使って納豆をかき混ぜてみることにしました。

かき混ぜ直前。納豆をボウルに入れます。わくわくするなあ。

2分後。クリーミーな泡がたくさん立っていますが、納豆の豆の部分はそのままです。納豆のねばりのおかげで、ミキサーでかき混ぜてもボウルの外に飛び散ったりすることはありません。

開始から5分後。ほとんど変わらず。大きな粒はそのまま。予想では電気の力であっというまにペースト状になると思っていた。納豆の種類が違うのかなあ。手強い。

開始から10分後。一部の豆が欠けて細かい破片が見えてくるが、ほとんどは大粒のまま形をとどめている。ここでタレを投入。

開始から12分後。タレが入ったためか回転がスムーズになり少しクリーミーな感じに。豆も少しずつ砕けはじめた。しかしまだまだ大きな粒が残っている。

開始から15分後。だいぶ豆が砕けたと思ったが、実はこれだけ残っていた。

開始から16分後。今まではふつうにかき混ぜていただけだったが、回転数を最大まで上げ、豆をつぶすことを意識してハンドミキサーを動かしてみた。豆をなるべくつぶしていく。短時間でかなり砕けた。

開始から18分後。しつこく豆を砕いていく。大きな粒は見えなくなった。

開始から22分後。細かいかけらがたくさん残っているが、ほぼペースト状となった。ハンドミキサーの連続使用時間をオーバーしているため、残念ながらここで終了とする。

というわけで、開始から22分で納豆はペースト状になりました。序盤は低い回転数を使っていましたが、後半は回転数を最大まであげたので、推定で約1万1000回混ぜたことになります。

いただきます

ご飯に乗せるとこんな感じ。多少つぶが見えますが、ピーナツバターのようなペースト状になりました。さて、お味のほうは……おそるおそる口にいれると……おお、納豆の味がします。うん、納豆です。デイリーポータルの記事では「カニ味噌のような味」と表現していましたが、僕はカニ味噌の味にはあまりなじみが無いのでよくわかりません。まだ見ぬカニ味噌に思いをはせながら食べるペースト状の納豆の味は、あくまでも、最後まで、納豆の味でした。

さて、今回の「納豆1万回」。ハンドミキサーを使えば比較的簡単に作れることが判明しました。おもてなしの一品として、あるいは特別な機会に、皆さんのご家庭でも作ってみてはいかがでしょうか。

納豆を1万回混ぜてみたムービー

デジタルカメラで動画を撮影してみました。粒がなかなか砕けず思いのほか苦戦している様子をごらん下さい (Windows Media Player形式, 1分32秒, 48Kbps)。

nattou_movie.wmv (1分32秒, 594.7 KB)

FUJIFILMのデジカメ情報サイト「FinePix.com」

なんば — Sat, 19 Mar 2005 01:48:45 +0000

FUJIFILMの運営するデジカメ情報サイト「FinePix.com」には、他社のデジカメを使っている人にも役に立つさまざまな撮影テクニックが満載です。
　
季節にあわせて更新されるコンテンツ「デジタルカメラ実践講座」の今回の内容は「桜と梅の撮影」。桜を撮影するさまざまなテクニックがいろいろと紹介されています。サイド光や逆光で撮影できるよう、桜を撮るには午前9時～10時頃が最適な時間なんだって。

生活の中でデジタルカメラを楽しく使おうという「生活の時間」というコーナーでは、ガーデニング、温泉日帰り旅行、釣り、フラメンコなど、身の回り(?)のさまざまな場面でのデジカメの使い方を紹介しています。世の中にはいろんな趣味がありますが、デジカメを使えばそれをもっと楽しめるというわけですね。

「鎌倉でお散歩フォト」をテーマにした動画コンテンツが「Cafe de Photo」。アイドルを起用しただけの薄っぺらな番組かと思いきや、デジカメの撮影テクニックや、お散歩写真を楽しむポイントなどが次々と紹介される、とっても内容の濃い番組でした。

実はこんな良質のコンテンツを提供していたFUJIFILM。FinePix F10のヒットと共に、今年は大ブレイクして欲しいものです。

FinePix.com コミュニティ・コーナー
http://www.finepix.com/community/index.html