ああ宿題
もうこんな日はたくさんだ。全く疲れた一日だった。CSS（スタイルシート）ってなんて疲れるんだろう。ズレまくってばかりだ。しかも時間が経つとどこを自分がいじったのかすら分からなくなっている。迷宮入りになりそうなくらい、あやういリニューアル作業である。あと六日宿題の締め切りが迫ってきた。できるだろうか、かなり心配・・・。ああ三女のようにトイレの横で隠れたい気分だ。
◆Web（57）アーカイブ
2005年08月29日
2005年09月02日
一筋の光が・・・
CSSとの戦いは少しおさまってきたようだ。締め切りまであと二日。いよいよクライマックスか、あるいはうっかり当日を迎えるのか。このところＮＥもＦＩもＳＡも落ち着きを見せている。ズレも納得がいくズレになってきたように思える。しかし油断は大敵だ。いつまた、迷宮入りが襲ってくるかもわからない。さぁ、ラストスパートだ！本当にリニューアルになるのか心配でたまらん。一筋の光がさして来たようなそうでないような・・・。
2005年09月04日
終わったぁ。
宿題提出完了。今日は同時に発表もあった。緊張したが、何とか無事終わった。いろいろと修正すべき点はあったが、もう少しで、サイトのリニューアルができそう。また、更新していきたいものだ。
次女は今日も眠そう。えさの前でボーっとするばかり。目は半分閉じている。私も次女を見ていたら何だか疲れて眠くなってきた。今日はゆっくりしたい。この一週間ほんと大変でした・・・。
2005年09月17日
いよいよ登場
うれしいニュースだ。ほしかったマクロメディア社のニューDWの体験版がダウンロードできた。
英語版のサイトからではあるが、かなりうれしい。これでサイト作りも一ヶ月は安泰だ。英語でも大体の配置は変わってないのでわかるし、いろいろとよく変わった点がある。CSSパネルの充実、コードの整頓、XHTMLやHTMLのバージョンごとの変換。デザインビューもかなり正確に反映されている。うーん、日本版が待ち遠しいかぎりだ。CSS時代に対応したDWに仕上がっている、そんな感想を持った。
2005年10月17日
nano購入
昨日ipod nanoを買った。大変うれしかった。ウォークマン以来、音楽を聴くための携帯用のものを持っていなかったので、新鮮だった。あのころはカセットテープを入れていた。
購入したのは、４GBで黒。白は在庫切れで、しばらくは入荷されないとのことだったので、見た感じきれいだったので、すぐ使いたいのも手伝って黒にした。使ってみると、大変便利なことに気付いた。USBメモリーはよくて512MB。でもこのnanoは曲をふんだんに入れたとしても、かなりのデータを持ち運びできる。ギガ単位のメモリーなどないか、高すぎるので、二重にお得な感じがした。
しかも、itunesで、一発インポート。持っている好きなCDの曲を選んで持ち運べるのでうれしい。あと、通常のipodよりかなり軽い。いいことづくめだ。クイックホイールというのは今回が初体験だったが、かなり使い勝手が良くてびっくり。親指をなでる感じで選曲できる。さすがAppleというしかない。
買ってよかった。
画像はAppleCM風に三女を塗りつぶしてみた。そうしたら何が何だか分からなくなってしまった。これを知ったら三女は怒るだろうな、きっと。。
2006年01月02日
ブログの引越し完了！
うさぎ三姉妹日記も、新年を向かえブログの引越しをした。念願の「ＭｏｖａｂｌｅＴｙｐｅ（ムーバブル・タイプ）」にブログを変えた。以前のBiglobeのブログに比べ、こちらの「ＭｏｖａｂｌｅＴｙｐｅ」のブログは、拡張性が高くいろいろなことができる。例えば、ＦＬＡＳＨのファイルはもちろん、ＸＭＬファイルも扱える。したがって、右のカレンダーなども貼り付けることができる。このカレンダーは「Kinarie&May」さんのところのサイトからいただいたもので、フリーの素材である。定番のブログとして有名であるが、昨年の終わりから引越しをはじめ、とりあえず完了。まだ一部整っていないが、随時直していきたい。何しろ画像が一緒についてきてくれないので、入れ替えが大変だ。コメントもこちらに移動させていただいた。
2006年01月28日
動画のページ
いま、動画のページをつくりつつある。過去の動画も一緒にして、思い出してもう一度みたいなと思うものがあれば、それが見られるような、そんな感じのものである。まぁ、簡単に言えば一覧表である。ちょっとある部分で手間取っており、近日公開できればと思う。また、よろしければ見てください。
2006年02月13日
新デジカメとFLVメーカー
風邪がだいぶましになってきた。今日は午後から少し外に出たかったので、ヨドバシカメラに行ってきた。デジカメの調子が悪く動画が撮れなかったので、今日は新しくデジカメを購入。CASIOの「Exilim」（EX-S６００）を買った。薄型で、MPEG-4に対応している。今までのモーションJPEGより画質はいいらしい。圧縮率が高いということだ。
そこで、いま解説書を読んでいるところだが、もう一つよいのが、とあるブログから知った「らくちんFLVメーカー」である。最近かなりブログで使っている人がいるが、以前から「.flv（FLASH VIDEO）」で動画をアップすれば、データが軽くて済むことは知っていたので、これは有難いと思い、早速登録してアップしてみた。動画は以前に撮ったものであるが、動きがスムーズでいい。FLVメーカーでは、手順どおりに動画をアップロードすれば簡単にHTMLコードを作ってくれるので、あとは記事に貼り付けるだけである。容量も５００MBまでいけるので、これも有難い。→動画のページへ
ただ、FLASHファイルと違って、自由にボタンをつけたり、音声と映像を分割したり、明るさを調節できないのがちょっと難である。あとは、CASIOのデジカメに期待しよう。このデジカメは動画のカットなどもできてしまうのですごい。動画の環境もどんどん進んでいる。
ちなみに動画は神経質な次女である。さとうきびを一生懸命食べているが、どうも落ち着きがない。カメラが気になるようだ・・・。
2006年05月21日
BlogPeopleにこのブログが載る
今朝、「BlogPeopleでは毎日BlogPeopleを利用されているサイトの中から1サイトを抽選で選んで、BlogPeopleのトップページでご紹介するサービスを提供していますが、本日は貴サイトが選ばれました。」という内容のメールが来た。
何のことかと思って、普段はリンクリストを作るのに使っているこのサイトをのぞいてみた。「BlogPeople」のトップページに、ラッキーサイトとして私の「うさぎ四姉妹日記」が載っているではないか。ひどく驚いて、自分でも何度か思わず押してしまった。掲載期間は明日の12時までだそうだ。
たまにはいいこともあるものだと、喜んで今度は自分のサイトのコメント欄をのぞいてみると、トラックバックが初めてこのブログに来ているではないか。よく見ると、このブログが紹介されているのであった。「Modern Syntax(モダン・シンタックス)」というブログで、「5月21日のラッキーさん」というタイトルで私のブログが紹介されていた。これまた大変驚きであった。
かなりお褒めいただき恐縮ではあったが、うさぎの様子や病気の複雑さ、動物病院のことが、うさぎを知らない方に認識してもらえたのが嬉しかった。あと、ブログの右サイドに使っているパーツなどにも触れていただき、大変嬉しかったし、客観的なご意見をいただき参考になった。これからもこのブログを訪れてくださるユーザーの方のために、ユーザビリティの高いサイト運営をしていきたいと思う。
※この度、サイドバーに「soratoki」を載せた。世界各国の時間と空の様子が感覚的にわかるというパーツである。「ブログパーツをさがせ」で探した。
これもデザインが大変美しく気に入っている。
2006年06月01日
FLASHティッカーを設置
右サイドバーにカウントダウンのためのパーツをつけてみた。「ブログパーツをさがせ」で見つけたパーツで、デザインがかわいいのと時計がアナログでかすかに表示されているのが気に入ったところである。これと同じものをブログに貼り付けたい方は、下のタグを使ってください。この「FLASHティッカー」と呼ばれるパーツは、再配布していいことになっているところが面白く、友達に紹介できるようになっている。
2006年06月24日
MovableType3.3ベータ版
いよいよMovableTypeの次のバージョンが出てくるようだ。「six apart」のサイトのニュースに出ていた。詳しくはこちらを参照していただきたい。
早速ダウンロードして、インストールし、テストブログを作ってログインしてみた。投稿画面がカスタマイズでき、使い勝手が良い。プラグインもいろいろ増えているようだし、GoogleSearchも使えるような感じだった。まだあまりじっくりと触っていないが、今がベータ３版である。そろそろ新しい製品としてあがってくることであろう。またその際には、アップデートしてみたいと思った。最近はMovableTypeとFLASHの連携に興味があって、少し勉強しようかなと思っている。時間がなかなかないが、XMLを使ってできるようだ。どんどん使い勝手がよくなると嬉しいので、いろいろとチャレンジしたい。
2006年07月30日
MovableType3.31へアップグレード
ようやくこのブログのアップグレードを終えた。ちょっと戸惑ったところもあったが、いくつかのサイトを参考にして無事作業が完了した次第である。
今回はプラグインが多く付いていて、ファイル数も多くなっているので、アップロードに時間がかかった。管理画面の見易さはよいし、新たにタグという項目が追加されている。まだまだ勉強しないといけない。
今回のアップグレードにあたり、サイドバーやコメントのページを少し見直した。
○四姉妹の紹介をラジオボタンから、ドラッグして順番を入れ替えられるようにした。
○「同一カテゴリの最新記事」をコメントのページに追加。
参考サイト
◇MovableType3.31へのアップグレード関係
・ブログ別！作成カスタマイズ講座
・ロリポップサーバーのアップグレードマニュアル
◇画像のドラッグ関係
・GoodPic.Comさんの記事より
・script.aculo.usのデモ・ページ
◇カテゴリの最新記事関係
・drk7.jpさんの記事より
・GoodPic.Comさんの記事より
以上使わせていただいたり、参考にさせていただいてしてどうもありがとうございました。
2006年08月29日
MovableType3.32へアップグレード
MovableTypeのニュースで新しく、バージョン３．３２が出ていることが分かったので、早速アップグレードした。エントリーに関するバグなどを修正するための、マイナーアップグレードという感じである。使っていて、それほど何も感じなかったが、修正項目があるなら、最新のものにしておこうと思った。
詳しくはこちらで。
それとサイドバーにRSSリーダーに登録するためのリンクを載せたので、よかったら利用してください。RSSリーダーを使うと、目的のブログに行かなくてもその場で更新記事を素早く見ることができるので便利である。最近登録したBloglinesは個人的に気に入っている。Googleやはてなやfeedpathなどいろいろとあるので、よかったら試してみてください。
2006年09月03日
Amazon Webサービスはすごい！
少し遅い気もするが、最近Amazon Webサービスに登録して、登録IDを取得し（少し前までは「ディベロッパー・トークン」と呼ばれていた）、ちょっとこのブログをカスタマイズしてみた。このブログの右サイドバーにAmazonで本を検索するボックスをつけたが、このボックスで検索してもらうと、この画像のような「うさぎ四姉妹日記風検索結果ページ」ができあがる。これは、Amazon Webサービスのすごいところで、XSLTとMovableTypeのCSSファイルを使って、今回のカスタマイズが実現した。
この検索結果のページを作り出すJavaScriptファイルとXSLTファイルのソースは、「drifting blog by snotch」さんからいただきました。あと、「GoodPic.Com」さんのページも参考になりました。この記事では、「AmazonのXML Webサービス（REST）はXSLを書くだけでもかなり使える」と題して、AmazonのXML Webサービスについて分かりやすく解説してあります。このXMLサービスを使うときは、自分のアソシエイトIDとディベロッパー・トークン（現登録ID）が必要であり、Amazon Webサービスに登録しないといけない。英語のサイトなので、最初ちょっと戸惑ったが何とか登録できた。
Amazon Webサービスがすごいのは、WebサービスのURLにパラメーターを付けてアクセスするだけで、アマゾンのほとんどの商品情報を得られるということ。さらにXSLファイル（私の場合「aws.xsl」）を指定すれば、XMLから自分でカスタマイズしたHTMLページを表示できる。
例えば、
http://xml.amazon.co.jp/onca/xml3?locale=jp&type=heavy&t=scandinavianf-22&AsinSearch=4873111749,4873112354,4873111269&dev-t=0RJXAWRY2141ZEDMHHR2&f=http://sansimai20.com/blog/aws.xsl
という具合に、ISBN番号を入れて具体的に本を指定することもできる。パラメーターは先程紹介した、GoodPic.comさんの記事に詳細が載っています。
参考記事：
○drifting blog by snotch：「Amazon XSLT for MT」
・・・今回使ったソースが載っています。使わせていただきありがとうございました。
○GoodPic.Com：「AmazonのXML Webサービス（REST）はXSLを書くだけでもかなり使える」
・・・パラメーターについて詳しく載っています。
○Amazon Webサービスについての詳細「Amazon.ｃo.jpメッセージ」
・・・登録IDについての説明やXSLTなどについて詳しく解説してあります。
※一応FireｆoxとNetscapeでも表示確認をしました。safariは確認していません。表示がおかしかったらすみません。スタイルシートも続きで載せておきます。
以下、MovableTypeのCSSファイルに追加したスタイルシートを載せておきます。十分とはいえないところがありますが、よかったら参考にしてください（aws.xslはデフォルトのCSSファイルをリンクしているので、その部分は自分のMovableTypeのCSSファイル名に直す）。
2006年09月16日
Ajaxを使ってWeb2.0的ブログに
 | 日経ソフトウエア 2006年 10月号 [雑誌] 日経BP出版センター 2006-08-24 売り上げランキング : 21094 Amazonで詳しく見る by G-Tools |
以前、このブログのエントリーで「同一カテゴリーの最新記事」の導入でお世話になったGoodPic.comさんの記事を見て、面白いなと思ったのが、このAjaxを使うきっかけになった。GoogleMapsなどで、すでに使われている技術だが、使い出すと大変面白い。FLASHを使わずしてEffect効果を使えたり、記事の折り畳みができたり、画像をドラッグして順番を入れ替えることができたりと、応用が大変利くシステムである。その際には、JavaScriptを使用する。いま注目しているのが、「prototype.js」である。最新バージョンをダウンロードして、ブログにインクルードすると、いろいろな効果を使った表現ができる。
そのFLASHのような効果を得るには、prototype.jsライブラリと併用して「script.aculo.us」を使う。「effects.js」などを追加してインクルードする。このブログでは、今回は「Effect.toggle」という効果を使った。サンプルはこんな感じである。
クリックするとスライドします
ソースは以下のようになっている。
この中の「onclick="Effect.toggle('d1','slide');」という部分を変えて工夫する。いくつもの部分に使う場合は、idを変えていく。id="d1","d2","d3","d4"・・・と変えていく。またスライドの仕方には三種類あり、「slideとBLINDとappear」がある。
script.aculo.usというサイトはなかなか面白く、多くのビジュアル・エフェクトを用意しているので、試してみるのも面白い。ちなみにサイドバーの「四姉妹の紹介」はここのサイトの「Ghostly Sortable Demo」を応用させてもらった。テキストを四姉妹の画像に入れ替えて使用した。
◆「Javascript（script.aculo.us）で、ブログをアニメーション・デザイン」
・・・G-Toolsでも有名なGoodPic.comさんの記事です。いろいろと参考になります。
◆「script.aculo.us - web 2.0 javascript」
・・・画面に動きを与えるビジュアル・エフェクトを導入しようという方におすすめです。
◆「prototype.js」
・・・「prototype.js」をtに入れたい方はこちらで入手できます。現在はversion (1.4.0) です。
2006年09月27日
MovableType3.33へアップグレード
今日、仕事から帰ってメールチェックしていたら、レンサバのロリポップのお知らせで、MovableType3.33へのアップグレードのすすめが載っていた。
◆概要はこんな感じです。
・・・Movable Typeの管理画面、検索機能、コメント機能においてクロスサイトスクリプティングの脆弱性があることを、発見された方よりご指摘頂き、弊社にて確認いたしました。・・・
◆影響のあるバージョン：
・・・現在、Movable Type 3.2以降およびMovable Type Enterpriseにおいてこの脆弱性があることを確認しております。一部の脆弱性については、それ以前のバージョンにも含まれる可能性があります。・・・
◆対処方法：
・・・9/26 11:15より、対策を施したMovable Typeの新バージョン（Movable Type 3.33）をリリースいたします。すみやかにバージョンアップをお願い致します。
なお、Movable Type Enterpriseの新バージョン（1.03）を提供開始しました。・・・
ちなみに、クロスサイトスクリプティングの脆弱性とは何か。これは簡単にいうと、この脆弱性を用いることにより、対策のとられていない webサイトにアクセスすることで、ユーザーの cookie が第三者に送信される可能性があるということだ。なりすましなどにより、例えばクレジットカード情報などが盗まれてしまう可能性もあるのである。以外に、この対策がとられていないサイトが多いようである。詳しくはこちらのサイトを参考に。
ということで、早速アップグレードしてみた。これで、少しは安心というところか。しかし、バージョン3.3になってからよくアップグレードさせられる。しなくてもいい部分もあるのかもしれないが、今回はしておいた方がセキュリティ上良さそうである。度々のアップグレード作業に少々閉口している。
2006年10月06日
GoogleAdsense代替広告にAmazonアソシエイトのリンクを
Google Adsenseは多くの人が利用していてクリックによる報酬が手に入る仕組みになっているが、配信すべき適切な広告が無いときには、クリック報酬のない代替広告が入る。これがいまいちだと思っていた私は、任意のURLを代替広告として利用できるシステムを使って、代替広告にAmazonの広告を入れている。横のサイドバーの画像がそれである。
Amazon Web ServiceのXSLTサービスを使うと、ＸＭＬで通常返される検索結果をＨＴＭＬに変換してくれる。この仕組みを使うとGoogle Adsenseの代替広告に、Amazonの広告を入れることができる。代替広告に入れるURLは、下に紹介している「Blog Hacks ―プロが教えるテクニック&ツール100選」という本にサンプルが出ているので、そのURLを入力して、Adsenseで作り出されたHTMLコードを自分のブログに貼り付けたらうまくいった。広告には「ミュージック」の「J-POP」ジャンルを入れたので、いま流行の「コブクロ」のベストアルバムが載った。
もちろん、上述の作業の前提にはMovable Type側での作業がある。この本で紹介されているサンプルのXSLファイルは、サポートブログの方から、ソースコードをダウンロードして入手できる。「HACK#71」のところの「adsense.xsl」というファイルである。これをMovableTypeの管理画面で、テンプレートの新規作成を行い、コピペして保存、再構築するとファイルが出来上がる。先にこちらをしておいてから、Google Adsenseの代替広告欄の方を行えば、やがて代替広告が表示されるはずである。最初は少してこずった部分もあったが、根気よくチャレンジしてみるのも面白い。まずは、「Blog Hacks ―プロが教えるテクニック&ツール100選」をじっくり読んでみたい。
| Blog Hacks ―プロが教えるテクニック&ツール100選 | |
 | 宮川 達彦 伊藤 直也 オライリー・ジャパン 2004-08-07 売り上げランキング : 65233 おすすめ平均  Amazonで詳しく見る by G-Tools |
2006年11月04日
年間カレンダーを作成
この連休は行楽日和である。昨日は神戸へ遊びに行ったが、今日は家でゆっくりしている。久々にゆったりできる休日である。最近、このブログのサイドのカレンダーを「小粋空間」さんの休日表示リアルタイムカレンダー（月送り付き）から「nlog（n）」さんの休日表示カレンダーに変えてみた。コメント欄に使わせてもらっている「しましまコメントプラグイン」が気に入り、カレンダーもnlog（n）さん風にしたくなった。しかも、このカレンダーは、年間カレンダーにも応用が利くので面白い。早速nlog（n）さんのサイトの記事を参考に作ってみた。年間カレンダーについては、トップページの右サイドバーにあります。そちらも見てください。
※このカレンダーを作る際に必要な「ArchiveYearPlugin」は、配布元のサイトであるLummox JR 氏のサイトが消えてしまっていて入手できないので、Junkline - MT の過去ログリンク表示を nDiary （ごにょり済み）風にさんのサイトで手に入れた。
このカレンダーのいいところは、しましまにできるところと、休日表示をより分かりやすくできるところである。スタイルシートを使って自由に色が変えられるのは、小粋空間さんのカレンダーと同じである。年間カレンダーの上部には、nlog（n）さんの記事にある「月別アーカイブへのリンクをnDiary風に」を採用。たくさんのプラグイン並びにカレンダーを使わせていただきありがとうございました。。年間のカレンダーが一目瞭然なのは、何かと便利で使い勝手がよい。
2006年11月11日
サーバーの移転を開始
以前から悩んでいた、レンタルサーバーの遅さとエラーの多さ。これを何とかしたいと思い、違うレンタルサーバーを探していた。いろいろなサイトを見て探し、よさそうなところを一つ見つけた。候補はいろいろあったのだが、なかなか金銭面や容量、ｓｓｈが使えるかどうかなどで悩んでいて折り合いがつかなかった。
いま移転作業を始めているが、なかなかうまく進んでいない。なので、ひょっとしたらこのブログの更新や閲覧が滞る時期もあるかもしれません。うまく表示されなかったりした場合、ご迷惑おかけしますが、いましばらくお待ちいただければと思います。データベースの移行に戸惑っています・・・。いつもコメントくださっている皆さんにご迷惑にならないようにがんばりますので、よろしくお願いします。
2006年11月19日
サーバー移転難航
ご迷惑おかけします。この度サーバー移転を進行させているのですが、何かと不慣れなことばかりで、苦戦しています。本日やっと移転先のサーバーへMovableTypeを新規インストールできました。仕事で忙しい中、これからデータ移行を行うので、少しばかり時間がかかると思います。ついでにデータベースとして使っているMySQLをPostgreSQLへ移行しようと思っています。あと、ドメインのDNSサーバ情報を本日変更しましたので、ひょっとしたらアクセスされても、表示されないということが起こるかもしれません。その場合はどうかご容赦ください。いつもこのブログへ訪問してくださっている皆さん、ご迷惑おかけしますが、よろしくお願いします。
2006年11月28日
苦戦しています・・・
なかなか思ったように世の中はいかないものである。サーバーの移転はある程度できたものの、表示できなくなったものも多い。なぜか、カテゴリーが表示されなかったり、nlogさんのカレンダーも休日が表示できなかったり、アクセスカウンターも表示できず、おまけにエントリーの読み込みまで出来ない始末。もうどうにでもなれという気分です・・・。
文字コードが今までのUTF-8からEUC-JPに変わったことも大きく影響しているようで、パーツによっては使えないものがある。この際、使えない部分はどんどん変えて、いろいろと前向きに試してみようと思います。仕方ないので、エントリーの方は、少しずつ普及します。コメントは大方普及できません。申し訳ないですが、ご了承ください。データベースはMySQLからPostgreSQLへと替えました。表示は以前より速くなったような気がします。
何かとご迷惑おかけしていますが、また懲りずに四姉妹をよろしくお願いしますm(__)m
2006年12月09日
プラグインを導入しようとしたら・・・
最近になって、コメント欄の下にコメントスパム対策のための「Captcha Plugin」がつけたくなり、早速「Ogawa::Memoranda」さんのサイトから情報を得て、プラグインを導入しようとした。
このプラグインを導入するにあたっては、
の二つのPerlモジュールのインストールが必要となる。いずれもsshからCPAN経由でインストールに成功。これで万全と思いきや大きな壁が立ちふさがった。何とアップロードしたCaptchaプラグインをMTの管理画面から設定を保存しようとするとエラーが出てしまうのである。
エラーの内容は以下の通り、
SQLエラーが発生しました: ERROR: null value in column "plugindata_id" violates not-null constraint
これはDB関連のエラーのようである。この度、ブログのサーバー移転によりDBをMySQLからPostgreSQLへと変えたことが、このような形で影響してくるとは予想していなかった。このエラーが出たので、早速上述の「Ogawa::Memoranda」さんと「小粋空間」さんへ相談した。その結果、DBが原因のようだとアドバイスをいただいたので、またMTのフィードバックへ一報入れようと思っている。なかなかサーバー移転も思ったようにいかないことが多くて悩んでしまうが、今のサーバーの「inetd（アイネットディー）サーバー」は以前のロリポップよりエントリーの投稿やページ表示、再構築などかなり多くの面で快適になっているので、まぁ、よしとしよう。DBについてもっと勉強したいと思う。
※ちなみにその他の標準プラグインでも設定を保存を試してみたら、こちらもエラー。このままではプラグインの設定を変えられず、ブログのカスタマイズは大変面白みのないものになってしまうであろう。ご指摘、アドバイスを頂いた、Ogawa::Memorandaさんと小粋空間さん、ありがとうございました。ちなみに、本日（12/10）にSixApartへフィードバックに状況を詳しく書き込み、送信しました。
2006年12月11日
サーバー移転苦労話
以前の「ロリポップサーバー」から新しく「inetdサーバー」へ替えて、一ヶ月近くが経った。かなりこのサーバーは安定しているし、再構築によるエラーも今のところないし気に入ってきている。
今回のこのサーバー移転の苦労を自分自身忘れないために、備忘録とも言うべきサーバー移転記をつくってみた。あまり参考にならないですが、よかったらまた何かの機会に目を通していただければ幸いです。まだ以前のデータが完全に復旧できていませんが、まだまだこのブログをよろしくお願いします。
◆「うさぎ四姉妹日記」サーバー移転の記録はこちらです。
このブログはBiglobeのウェブリブログから始まったので、その辺りからの変遷を書いていますので、少し記事が長いです。ついでに、このブログのキーワードからも検索できる「Tag Cloud」のページも作りました。まだこれからどんどんキーワードを増やします。よかったらこちらも利用してください。
◆「Tag Cloud 」のページはこちらです。
参考にした記事：「小粋空間 Tag Cloud のページを作る」
2006年12月19日
はてなRSS
最近になって「はてなダイアリー」に興味を持っている。いろいろな場所で目にしてはいたが、実際に登録してみて結構いろいろなことができることがわかってきた。今回、エントリー記事のすぐ下に「はてな？RSSフィード」のボタンをつけた。このフィードには、私のはてなでのブックマークが記されている。RSSリーダーなどによかったら取り込んでみてください。RSSとは何かについてはこちらをご覧下さい。
また記事の下の部分にRSSをJavaScriptに変換した私の「はてなブックマーク（最新１０件）」を載せた。面白いうさぎのサイトをブックマークにしたので、よかったらこちらも見てください。また、右サイドバーにも、私のお気に入りサイトである「ベルばらKiｄｓぷらざ」の新着記事を載せた。歴史が好きなので「世界史レッスン」がとても面白いです。
私の「はてなブックマーク」のおすすめは、「NAKIUSAGI」である。なきうさぎのことは知っていたが、初めてその鳴き声をここのサイトの動画で聞いた。結構面白い鳴き声である。なきうさぎとは、北海道にのみ住む体長約１５センチほどの、ネズミみたいなうさぎである。耳は丸く短い。体重は１３０〜１６０グラムぐらいでかなり小さい。とても興味のもてるうさぎである。
うちの四姉妹は今日も元気。みなそれぞれわがままな一日であった。なきうさぎとは違う声で、姐さんはブーッと何やら鳴いていた。私に何か恨みでもあるのだろうか・・・。
2007年01月11日
パソコンが御臨終
ついに来てしまった。うちのWindowsパソコンが壊れた。数日前からゼイゼイと断末魔をあげていた。覚悟していたがついに・・・。昨日全く起動しなくなった。DELLの中古パソコンをずっと使ってきたが、よく今までがんばってくれた。その代わりCドライブのバックアップを取っていなかったため、年賀状の宛名ファイルが全てパァに（泣）。とりあえず仕事ファイルはMacにあるので大丈夫だったが、これからは気をつけなくてはならない。ついついバックアップを忘れてしまうのでいけない。現在の更新はMacで行っているが、しばらく更新は断続的になりそうである。訪問してくださるみなさんにご迷惑おかけします。
2007年01月17日
RSSをJavaScriptに変換する
| Blog Hacks ?プロが教えるテクニック&ツール100選 | |
 | 宮川 達彦 伊藤 直也 オライリー・ジャパン 2004-08-07 売り上げランキング : 34898 おすすめ平均 Amazonで詳しく見る by G-Tools |
Windowsパソコンが壊れて以来、何かと不自由している。ブログの更新をしたくても、PhotoshopがうちのMacには入っていないので、画像を最適化してアップするということができない。最適化とは、Web用に画像をきれいに保ちつつ、大幅にデータを軽くしてくれる機能である。なので、しばらくは本の紹介やパソコン関連の話にしようと思う。
このブログの記事の下に、いくつかのブログの記事を5件ずつ載せているが、これは、上に紹介した「Blog Hacks ?プロが教えるテクニック&ツール100選」という本を参考に設置してみたものである。自分のお気に入りのブログの更新記事を手軽に載せることができるのでありがたいHackである。
設置はとても簡単だが、コマンドラインが扱えないとしんどい。上述の本の「Hack#33」をよく読み、サポートブログからソースをダウンロードしてくる。「rss2js.pl」というファイルを自分のサーバーにアップロードし、コマンドラインから置きたいディレクトリへ移動しておいて、
% perl rss2js.pl http://○○○.○○○.net/index.rdf 5 utf-8 > ○○○.js
という具合に入力。サイトのアドレス部分には自分が見たいサイトの「RSS1.0」か「RSS2.0」のアドレスを、JavaScriptファイル名は自分の好みのものでよい。これで、自分の置きたいディレクトリに○○○.jsファイルが出来上がる。あとは、メインのページに、
と設置したい場所に埋め込めば、うまく表示される。私のブログの場合、HTMLページがEUC-JPなので、charset="utf-8"が必要だった。こうしておけばJavaScriptがUTF-8でも文字化けせずに埋め込みが可能である。（src="....."の部分はjsファイルを置いたパスを入力する）
この方法は、ソースが短くて済むので、すっきりとしているしSEO的にもいいと思われる。このHackをしてみたい方は、「Blog Hacks ?プロが教えるテクニック&ツール100選」を一度読んでみてください。
参考サイト：
◎Blog Hacks" (オライリー・ジャパン: ISBN 4873111749) のサポート用 Blog
◎Blog Developer's Cookbook
◎PiyoFeedsとは何ですか
補足記事：
○うさぎ四姉妹はてなWEBダイアリー「RSSをJavaScriptに変換する（続編）」
2007年01月18日
プラグインのその後
昨年末の話であるが、このブログのプラグインがおかしいという記事を載せたことがある。たまたまCaptcha Pluginを導入しようとしたときに、この現象が判明した。この時、MovableTypeにもともと標準でついているプラグインも変更の保存ができなくて、機能が止まってしまっていた。
そこで、小粋空間さんのアドバイスでSixApartへフィードバックして回答をもらった。当初私はデータベースをPostgreSQLにしたことが原因とばかり思っていたが、SixApartからの回答では、PostgreSQLが原因ではなく、違う要因でプラグインが利かなくなっている可能性を指摘された。SixApartの説明では、PostgreSQLでの運用はかなりしっかりとチェックがなされているようで、実際にSixApart社内でもMovableTypeをPostgreSQLで運用している方も多いということだった。普段から実際に使ってその問題点も常に修正しているということだったので、私の完全な思い違いであったことが分かった。今回のケースも、実際に新規インストールをして、私と同じ環境で試験運用してもらったので、少なくともPostgreSQLそのものの問題ではなかったようだ。きっとPostgreSQLの方で、エラーが出ていると思われるので、それをチェックしてみてくださいということだったので、その後、コマンドラインから以下のように実行すると
=> select nextval('mt_plugindata_id');
ERROR: relation "mt_plugindata_id" does not exist
と出てきたので、シーケンスがつくられていないか失われたかが原因だったのかもしれない。まだPostgreSQLについてよく分かっていない私は、とりあえずバックアップを取って、もう一度MTを新規インストールしてみた。そうしたら、今度は問題なくプラグインが使えた。なので、最初にインストールしてから後、作業をしている間に何かしらトラブルが起こったのかもしれない。まぁ、今は快適に使えているのでこれでいいかなと思っている。
今回のトラブルにあたり、SixApart社の方、丁寧な回答をいただきありがとうございました。また、トラブルの相談に対し、アドバイスをくださったOgawa::Memorandaさん、小粋空間さん、あわせてありがとうございました。
※昨年末にサーバーを変えてからのその後であるが、動作環境はいうことがない。記事も400件近くになり、ロリポップ時代と件数が同じになってきたが、記事の更新はスムーズだし、再構築は速いし、500エラーをまだ経験していない。データベースのPostgreSQLは定期的にVACUUMコマンドを実行しているし、問題はないと思われる。ロリポップ時代には記事の更新が大変なストレスになっていたが、今は快適でそういうことがなくなった。inetdサーバーにして本当によかったと感じる。
2007年01月19日
新しいパソコンが届く
やっと待ちにまったニューパソコンがうちに来た。大変嬉しい。これでまたブログの更新がきちんとできそうである。まだ今日は届いたばかりなので、ソフトのインストールが全然できていない。これからが大変である。
今回はHEWLETT-PACKARD（HP）のワークステーションを購入。チップセットはintel(R) 975X Express (1066MHz FSB)である。以前使っていたマシンはintel440BXであった。こちらは優れものであったが、今回はどうであろうか。今回はWindows Vistaを見越して少しグラフィックに強そうなカスタマイズにした。メモリも２GB積んだので、今までのパソコン環境と違い格段に表示が速い。かなり快適でこれも嬉しい。
さて、四姉妹は相変わらず元気であるが、今日は四女が二回目の脱出をしていて、てんてこ舞いであった。困ったうさぎである。
2007年01月23日
MovableType3.34へアップグレード
新しくMTのバージョンアップが発表された。早速またアップグレードしてMovableType3.34にした。今回は、スピードが少し速くなったような気がするが気のせいであろうか。
※今回の主な変更点をSixApart社のサイトから引用する。
��index.htmlのヘルプリンクが誤っている
■3.33-jaから3.34-jaの変更点
��FastCGIサポートの向上
Apacheのmod_fastcgiおよびmod_fcgidで動作させる際の設定が簡略化されました。
��スキーマバージョンの訂正
USで公開された3.34のベータ1において誤ったスキーマバージョンが設定されていたのを、正しいものに戻しました。3.33と3.34の間でデータベーススキーマに変更はありません。
�ど埓気�HTMLタグによるスクリプト実行の可能性
ある種の不正なHTMLタグを入力することで、クロスサイトスクリプティングを可能にする不具合が存在していました。この不具合を修正しました。
��MTCommentPreviewIsStaticテンプレートタグの機能を利用したスクリプト実行の可能性・MTCommentPreviewIsStaticの機能を不正に使用することで、クロスサイトスクリプティングを可能にする不具合が存在していました。この不具合を修正しました。
��NoFollowプラグインの無効化またはアンインストールに伴うサニタイズ処理の不具合
��NoFollowプラグインを無効化またはアンインストールすると、コメントとトラックバックのサニタイズ処理が正しく行われない不具合が存在していました。この不具合を修正しました。
�┷胴獣曠�プションの表示
プラグインで追加された再構築オプションが正しく表示されない不具合が修正されました。
��プラグインのアップグレード機能の
プラグインのアップグレード機能が正しく動作しない場合がありました。この不具合は修正されました。
といった内容である。分かりにくいものも多いが、またいろいろと勉強したい。
2007年02月07日
VOXはじめました。
MovableTypeのSixApart社が運営する、無料で使えるブログ「VOX」を使い始めました。操作が簡単でなかなか使い勝手がよく気に入っています。今のところ、思ったようなブログデザインのテンプレートがないですが、とりあえずうさぎのデザインを選びました。題して「うさぎ四姉妹生活VOX」。
ここでは、主に音楽、映画、生活、旅行などについて記事を載せていこうと思っていますので、またよろしかったら立ち寄ってください。これで、うさぎ四姉妹シリーズが三つできました。
◎うさぎ四姉妹日記・・・うちの四姉妹たちの記録、カテゴリーは主に「うさぎ」
◎うさぎ四姉妹はてなWEBダイアリー・・・カテゴリーは主に「Web」
◎うさぎ四姉妹生活VOX・・・カテゴリーは主に「音楽」「旅行」「映画」
三つも好奇心で作ってしまいましたが（妻にバカにされながら・・・）、よろしくお願いします。
ところで、三女のニューケージを注文したのですが、今日もまだ届きません。一体いつくるのやら・・・。
2007年03月23日
Google AJAX Search APIを使ってみる
久々のパソコン関連の記事。私がよくチェックしているGoodPic.Comさんの記事に「ブログのサイト内検索は、Google Co-op のカスタム・サーチエンジンできまり」といものがあって興味を持った。そこで、早速このブログ用にもAjax検索エンジンを貼り付けてみた。貼り付けは簡単で記事の下にある検索ボックスの「Google Custom Search」と書かれてあるのがそれである。Ajaxを使っての検索のためかスピードが速かった。使い勝手はかなりよいと感じる。また、自分のお気に入りの画像もつけるとこちらのページのようなものもできる。オリジナル検索ページを作れるのも面白い。
●Google Co-op
→こちらで「Custom Search Engine」をクリック。続いて「Create a Search Engine」ボタンをクリックしてGoogleアカウントで入る。もしなければここで新規に作って入る。あとは、手順に従い、GoodPic.Comさんの上述の記事も参考にして自分のブログにコードを貼り付ける。
※その他の参考記事
●WWW WATCHさん：「Google Co-op で My 検索エンジン」
●Ogawa::Memorandaさん：「Widget for Google AJAX Search API」
次に「Google AJAX Search API 」についてであるが、今回試しに、Google AJAX Search API を使ってブログのトップに「Blog Bar」を付けてみた。次々とブログの名前が登場し、キーワードも自分で選ぶことができる。海外のサイトも混じっているので少し思ったイメージと違っているが、面白いパーツである。
ここでは先ず、、「Start Using the API 」というところで自分の「Google AJAX Search API」を取得しておかなければいけない。取得後、「AJAX Search Wizards 」をクリックし、「Blog Bar Wizard」へと進む。ここからは細かい設定である。「Customize it 」でスタイルなどを決め、「Tell us about your web site」で自分のブログのURLを入れる。「Generate code for your web page」で自分のブログに貼る用のコードを取得して、後はよく見て貼っていくだけである。
今回はこれにCSSで少しスタイル変更した。CSSファイルのアドレスは、
@import url("http://www.google.com/uds/css/gsearch.css");
となっていて、このアドレスをブラウザに入力するとDreamWeaverが立ち上がった。そのCSSファイルを別名で保存し、MTの管理画面で新規にCSSファイル（gsblogbar.css）を作った。そこで線の色やボックスの長さを調節。デフォルトでは700pxになっていたので短くしたりした。あとはこのブログの場合、
@import url("http://sansimai20.com/blog/gsblogbar.css");
というようにCSSファイルを置いた場所にパスを変更。これで無事設置完了である。
2007年03月24日
Google Analyticsで自分のブログを分析
昨年の終わりごろから、Google Analyticsを使った自分のブログの解析を行っているが、今回は二月のソース別訪問数やどのページによく来てもらっているか、どんなキーワードで訪問してもらっているかを載せてみる。検索エンジンではYahooがGoogleを上回っている。最近はYahooから訪問してくれる方が増えているようだ。またどんなキーワードからうちのサイトに来るのか調べてみたら二月の結果では、
１．うさぎ 寿命 ３０
２．ウサギ 寿命 ２２
３．うさぎ四姉妹日記 １２
４．うさぎの成長 １０
５．うさぎの食べ物 ９
が上位五位であった。三月でも「うさぎ 寿命」が今のところ一位で、二位が「斜頚」である。訪問先としては、Coroさんのブログからとブログ村からよく来て頂いている。ありがとうございます。
こちらのグラフは、二月にこのブログのどのページによく訪問してもらったかのものである。こちらも８位まであげると（左の数字が訪問数、右がページビュー数）、
１．うさぎ四姉妹日記トップページ 892 1,388
２．うさぎお役立ちデータ 171 199
３．うさぎ四姉妹の詳細データ 81 116
４．うさぎ四姉妹の長女の闘病記 46 68
５．ブログの引越し＆サーバー移転記 45 60
６．うさぎ四姉妹のリンク集 41 56
７．うさぎ四姉妹の歴代バナー 26 34
８．うさぎ四姉妹の動画 22 34
という結果である。「うさぎお役立ちデータ」が思っていたより見てもらっているということがわかった。
2007年04月01日
Widgetを使ってGoogle AJAX Searchを設置
ブログのサイドに新しく「AJAX SEARCH」をつけた。これは今までの検索のイメージと違い、かなり使い勝手がいい。普通なら検索した場合、検索結果が出るのに画面が切り替わるが、この「AJAX SEARCH」では、画面が切り替わることなく検索結果が現れる。詳しくは画像に説明をつけたので、一度使ってみてください。
ところで設置方法であるが、Ogawa::Memorandaさんのこちらの記事にしたがって作業を行った。MovableTypeのテンプレートの画面下に、プラグイン「Widgetの管理」というところがあるのでそこを使う。詳しくはこの記事にあるので関心のある方は読んでみてください。大前提としてGoogle AJAX Search API - Sign UpでサインアップしてAPI Keyを取得しておかないといけません。また、「widget-manager.cgi 」 のパーミション（属性）を「755」、あるいは、「700」にしないといけません。
一方上の画像の上部に少し前に紹介した「AJAX Blog Bar」が赤丸で囲ってある。この右にある「Powered by Google」というところをクリックするとGoogleの「ブログ検索」画面が現れる。こちらの検索も面白いです。
Googleには最近面白いツールや仕組みがどんどん増えていて興味が尽きない。画像管理に使える「Picasa2」もいい。AdobeBridgeも使い勝手がいいが、こちらも無料なのに大変画像が管理しやすい。Web上に公開できるギャラリーも用意されていて、アップロードも簡単である。Googleは本当にすごいサービスを提供していると思う。
※参考記事
●Ogawa::Memoranda：「Widget for Google AJAX Search API」
●ブログ別！作成・カスタマイズ講座：「Widget Managerプラグインの使い方(MT3.3編)」
設置にあたり二つの記事が大変参考になりました。ありがとうございました。
2007年04月07日
日本語のブログ投稿数は世界第1位らしい
すごいですね。日本のブログの投稿数は世界一だそうです。
このブログの記事の下の方に載せている、ブログ検索で有名な「テクノラティ」が発表したレポートによると2006年第4四半期は日本語が第2位の英語を抑え、ブログ投稿数の多い言語の第1位に再びランクインしたという。前回の調査の時は、日本語のブログ投稿数は全体の33％であった。英語のブログ投稿数は全体の39％で一位だったのだが、今回の第四半期の調査では、日本語のブログ投稿数は全体の37％を占めたそうである。これはすごいことだと思った。
そもそも世界で多く使われている英語のブログの投稿数が第一位というのは想像できるが、世界人口の2.1%ほどしかない日本の人口の割合からするとこれはかなり驚くべき数字である。いかに日本人がブログを多く持ち日々の生活の中で投稿しているかが分かる。私のように複数ブログを作っている人も多いと思われるので、これも多くなる原因かもしれないと思った。ただ、これにはmixiなどのSNSによる投稿数は含まれているのであろうか？それがよく分からなかった。
ここからは引用であるが、
また同レポートによると、現在7000万のブログが存在し、毎日12万のブログが誕生しているという。1日あたりの投稿数は150万。人気の高いサイトベスト100のうち、5分の1以上がブログだという。人気サイトとして、レポートに名が挙がっていたのはEngadget、Boing Boing、Gizmodo、TechCrunch、The Huffington Post、Lifehacker、Daily Kos。
ということで、かなり多くのブログが世界には存在していて、人気サイトもブログが増えているという事実は見逃せないところである。普通にサイトを作るより、ブログで企業サイトを作る方がSEO的にもいいし、売り上げなどにも効果的な気がするし、そうしているところも増えているようである。何でも分析することって興味深い。
※参考記事
●CNET Japan：
「日本語のブログ投稿数は世界第1位の37％--2006年第4四半期調査」
●Gigazine：
「世界中のブログで使われている言語は日本語が一番多い」
2007年04月16日
PHPとMySQLを使ってGoogleMapsを作る
以前から自分のブログに地図があれば便利だなと思っていたら、ちょうどいい記事があった。「月と六ペソ」さんの「Google Maps を PHP+MySQL で作る」という記事である。このブログをinetdサーバーへ移転させるために申し込んだとき、ちょうどMySQLもオプションで申請していたので、早速使ってみることにした。
月と六ペソさんの記事にしたがい、phpMyAdminでMySQLにアクセスする。inetdサーバーではphpMyAdminが使えるので、テーブルを簡単に作れる。作ったテーブルに Latitude（lat, 緯度）と Longitude（lng, 経度）、説明（description）を入力して、デフォルトの基準点を大阪城にしてみた。あとは、拡大と縮小で自由にどの国、どの場所へでも行ける。
デザインはうちのブログのスタイルシートで調節。バナーと背景色だけ同じにした。大きさも自由に変えられるのでよい。後は、Google AJAX Search API を使って検索ボックスが付けられるともっといいなと思った。もう少し勉強しないといけない。とりあえず地図のみ載せたのでよかったら使ってください。
※参考記事
○月と六ペソ：「Google Maps を PHP+MySQL で作る」
○Life is beautiful：「Google Map で任意の場所の緯度と経度を知る方法」
○Geekなページ：「Google maps簡単作成ツール：GMapCreator」
◆作った地図のページはこちら
2007年04月18日
MovableType3.35へアップグレード
久々にMTのアップグレードのニュースが入った。今回は3.34以降に発見されたセキュリティ上の不具合への対策と、インストールの簡略化ということである。
今のバージョンの3.34のバックアップをとり、3.34のファイルをごっそり3.35のものへ入れ替えた。mt-config.cgiはそのまま今まで使ってきたものを入れる（新規のmt-config.cgiのオリジナルは使わない）。プラグイン関係だけ忘れず今までのものを追加アップロード。これで管理画面に入るとアップグレードボタンが待ち構えている。これをクリックしてアップグレード成功。無事終えた。今回はこの後に、コメント・プレビュー画面の修正を手動で行わなければならない。この部分が忘れそうで注意が必要である。
そろそろMT-3.4というのも出てくるのであろうか。この3.3バージョンももう五回目のアップグレード。こまめに改良、修正が進んでいるが、もっと高速化してくれると言うことはない。
追記（2007.4.19）：nlog（n）さんのカレンダーのDate::Japanese::Holidayモジュールがなぜかアップグレードとともに利かなくなった・・・。何か原因があるのであろうか？？
2007年05月03日
Google Mapsを使って動物病院地図を作成
以前記事にした「PHPとMySQLを使ってGoogleMapsを作る」で作成した地図は、単に大阪城を中心にした大阪の地図であったが、たまたま「ろっぴとみきのパリ日記」のみきさんに教えてもらった「あなたがウサギに出来ること」というサイトを見ていて、大阪の動物病院リストを作ってみたいと思うようになった。
そこで、「月と六ペソさんの記事」を利用して、説明（description）に各動物病院のリンクと営業時間などの情報を入れながら、地図を作ってみた。まだまだ病院の数がたくさんあるので徐々に増やしていこうと思っています。また地図の中には、このブログで紹介した美術館やお寺、お店などの情報も混じっているので、関連記事と合わせてよかったら見てください。
本当のところ、日本語表記がしたかったのだが、inetdサーバー側の文字コードがEUC-JPなので、Google Maps上に表記するとUTF-8と合わず文字化けを起こしてしまう。見難いとは思うのですが、仕方なく英語で載せています。月と六ペソさんの記事にはさらに面白そうなサイドバーをつけたサンプルもあるので、またいつかチャレンジしてみたい。この地図の作成には、オライリー社から出ている「Google Maps Hacks」も大変役に立った。
◆参考記事：
○月と六ペソ：「Google Maps を PHP+MySQL で作る」
○月と六ペソ：「Google Maps API 2 サンプル一覧」
○月と六ペソ：「Google Maps API 2 - 書き込みサンプル（PHP+MySQL）」
○あなたがウサギに出来ること
○gooペット 動物病院検索
 | Google Maps Hacks -地図検索サービス徹底活用テクニック- Rich Gibson Schuyler Erle 武舎 広幸 オライリー・ジャパン 2006-07-22 売り上げランキング : 56162 おすすめ平均  Amazonで詳しく見る by G-Tools |
2007年07月28日
ブログを少しリニューアル
今日はかなりの暑さだった。午後に出かけたが、立っているだけで疲れが出てくる有様。夏真っ盛りである。ところで、ブログの方は久々にじっくりと手を加えることができた。最近は忙しくなかなか記事の更新などに時間を費やすことができなかった。
まずバナーの背景を変え、右サイドバーの長さを234pxにした。広告の大きさに合わせた感じである。全体の横幅が少し長くなったので、グローバルナビゲーションを一つ追加して、「カテゴリー」というものを作った。ここでは、カテゴリー毎にエントリーが並んでいる。小粋空間さんの記事を参考にした。カテゴリーと記事のタイトルの両方で、絞り込めるので便利かなと思い導入してみた。
参考記事：
○カテゴリーリストにエントリータイトルを表示する
その他、最近はコメント欄の下にOgawa::Memorandaさんの「Captcha Plugin」を導入することに成功し、迷惑コメントが来なくなった。迷惑トラックバックも来ていない。こんなに効果があったことに正直驚いている。よくできたプラグインである。以前この「Captcha Plugin」がなかなかうまく導入できずに悩んでいたが、もう一度じっくりと時間をかけて、綿密に参考記事を見直したらうまくいった。しかも、以前はこのプラグインがうまく導入できずにOgawa::Memorandaさんと小粋空間さんにアドバイスをいただいた。PostgreSQLとこのプラグインとの相性が合わないのではとSixApart社にもフィードバックしたが、私の勝手な誤解であり、両者との関係は良好です。Ogawa::Memorandaさんと導入にあたって参考になった小粋空間さん、サラリーマン白書さんに感謝しています。ありがとうございました。
※このCaptcha Pluginの導入時には、CPANから以下の二つのPerlモジュールをインストールしました。
○Authen::Captcha
○GD
です。
また、Captcha.zipをダウンロードした後、「captcha_js.cgi 」と「captcha.pl」の二つのファイルに修正をあらかじめ加えないといけません（詳しくはこちらで）。修正箇所が違っていると動きません。私はどうやらここでミスをしていたようです。最後は、コメントフォームのあるすべてのテンプレートに
を追加し、再構築する必要があります（コメント用のform要素の内部に記述します）。
参考記事：
【Ogawa::Memorandaさん】
○Captchaプラグイン
○Captcha Plugin公開
【小粋空間さん】
○Authen::Captcha をインストールして Captcha Plugin を利用する（CPAN による perl モジュールのインストール）
【サラリーマン白書さん】
○Movable Typeのスパム対策（コメント編・その2）
2007年08月02日
Ｏｉｓｉｘの広告ページをつくりました！
最近LinkShare（リンクシェア）というアフィリエイトプログラムで申し込んだ「Ｏｉｓｉｘ」の広告ページをつくった。Ｏｉｓixではテンプレートが用意されていて、その素材を使って自由に広告ページをつくっていいことになっている。もちらん制限事項もあるが、なかなか面白そうだと思い、ちょっと遊び感覚で作ってみました。
妻がよく注文していて、いくつかの商品を頼んで食べている。その感想もレポートにして載せています。結構商品の種類が多く、どれを載せたらいいのか迷ったが、美味しそうな和菓子などいろいろと選んだ。苦労した点は与えられている素材の配置に迷ったこと、自分でも広告の画像作ったり、できたてのお肉の写真をどう入れるか悩んだり、試行錯誤した。またよかったら見てください。
その他、サイドバーに広告を増やしたことや、Google Analyticsにおける一年間のアクセス順位を表にして載せた。初めて訪問してくださった方には参考になるかなと思いました。少しずつ使い勝手のよいサイト作りを目指してがんばっていきたい。うさぎの初心者の方に役立つ情報ももっと入れていきたいです。
◇Google Analyticsにおけるアクセス順位 |
|
| １位 | うさぎお役立ちデータ |
| ２位 | ブログの引越し＆サーバー移転記 |
| ３位 | うさぎ四姉妹の詳細データ |
| ４位 | うさぎ四姉妹の長女の闘病記 |
| ５位 | うさぎ四姉妹日記写真記事 |
| ６位 | うさぎ四姉妹のリンク集 |
| ７位 | うさぎ三姉妹日記からの歴代バナー |
| ８位 | うさぎ四姉妹の動画 |
※トップページ以外のページが対象です。 |
|
※最もアクセスが多いのはトップのブログのページですが、お役立ちデータのアクセスも負けじと多いのが驚きでした。意外と役に立っているのかな？？
2007年08月04日
Google Analyticsで過去一年間分を分析
Google Analyticsの中身がかなり変わった。以前こちらの記事に分析を少し載せたことがあるが、その時と違ってかなりグラフの内容など見易くなっている。
今回は昨年の７月からの分析。最初は検索エンジン。どの検索エンジンから一番このブログに来てもらっているかの円グラフが右のもの。
１位 yahoo 45.99%
２位 google 42.85%
３位 msn 7.00%
４位 search 3.93%
という結果で、yahooとgoogleがやはり圧倒的である。searchはおそらくgooであろうと思われる。
次にブラウザとOSの関係。グラフからすぐ分かるように圧倒的にIEが占めている。
１位 InternetExplorer/Windows 89.10%（青色）
２位 Firefox/Windows 4.54%（緑色）
３位 Firefox/Macintosh 2.47%（赤色）
４位 Safari/Macintosh 1.71%（黄色）
５位 InternetExplorer/Macintosh 0.92%（水色）
という結果である。Firefoxからも最近はたくさん訪問してもらっている。その他は検索キーワードを追ってみた。
１位 うさぎ 寿命
２位 うさぎ四姉妹日記
３位 うさぎの食べ物
４位 ウサギ 寿命
５位 うさぎの成長
６位 ウサギの食べ物
７位 うさぎ四姉妹
８位 うさぎ
９位 コンフィデンス 3kg
10位 ウサギの成長
この一年を振り返っても、やはり「うさぎ 寿命」が多い。うさぎ飼いの関心はやはりどれくらい生きるのかということなのか。９位の「コンフィデンス 3kg」が多かったのは意外である。結構記事の中でコンフィデンスを薦めていたので嬉しい結果である。うちの四姉妹は皆揃ってこのペレットが大好きである。
その他、興味深かった検索キーワードをあげてみる。
◇うさぎ 斜頚
◇眼振 うさぎ
◇うさぎ 首を振る
◇ロールケーキ 耳の長いうさぎ
◇ロリポップサーバー 評価
◇うさぎ 血液検査
◇エンセファリトゾーン ローリング
◇目薬 ロメワン
◇ハオプラ点眼薬
◇うさぎ 点眼薬 タリビット
◇タチオン 目薬 ブログ
◇うさぎ斜頚闘病日記
◇うさぎ 微胞子虫症
◇斜頚 うさぎ マッサージ
◇しましまコメント
◇ウェブリブログ movabletype 移行
◇フォトショップ バナー作成
◇ブログ サーバー 移転 注意点
◇google map うさぎ
◇inetd movabletype
◇movable type データ 移行 postgresql
◇movable type 記事 読み込めない mysql
◇movabletype インポート 時間がかかる
◇movable type カテゴリ毎の最新記事
◇postgresql インポート エラー euc 文字コード
◇postgresql サーバー 移行
などで、多岐にわたっている。特に斜頚のことや目薬のことで役に立てると私としては嬉しい。あとは、意外にブログの引越しの記事を見てもらっていること。かなり苦労したブログの引越し、記事が参考になるとは思わないが、こちらも少しでも役に立てればありがたいことである。
最後に国別のアクセス。日本がもちろん一番多いが、意外にいろいろな国からのアクセスがあるのだと思った。
１位 アメリカ
２位 フランス
３位 中国
４位 ホンコン
５位 ドイツ
６位 ウサギの食べ物
７位 タイ
８位 カナダ
９位 イギリス
10位 イタリア
BlogFluxに登録いている関係もあるのかもしれないが、ヨーロッパからのアクセスが多いのが意外だった。フランスはろっぴちゃんのブログのみきさんが多く来てくださっています。ありがとうございます。
2007年08月09日
MovableType4.0にアップグレード??
いよいよMovableType4.0が登場した。何度もベータ版が出ていて気になっていたが、昨日出荷され、早速個人の無償用のでアップグレードした。今回はかなりの大幅な変更があり、管理画面内が随分と変わっている。小粋空間さんやGoodPic.Comさんの記事でいろいろと参考にさせてもらい、アップグレードを決意。バージョン3.35でも良かったのだが、新し物好きな私はやはり導入したくなった。
簡潔に言えば、記事が書きやすくなった。テキスト文の右寄せとか中央揃えとかWORDのツールバーみたいになっているし、記事が消えてしまわないように自動保存も随時してくれている。画像やファイルのアップもしやすくなっているし、かなりいい感じである。
あとは、プラグインがどの程度まで使えるかである。実際に確認していかないとダメであるが、この際使えなくなったものは、バッサリ切り捨てていこうと思う。便利でも使えないのでは仕方ない。あまりしがみつかないようにしたい。いつもバー淳を上げると切り捨てないといけないパーツがあり悲しいのであるが、これも縁がなかったと思うことにしている。
ただ、どうしてもいくつかの部分がおかしくて少し困っている。いっそのこと最初からインストールし直してもいいかなとまで考えているのだが・・・。不思議なのはカレンダー。nlog(n)さんの休日表示カレンダーを使わせてもらっているが、バージョン3.35でうまく表示されなかった、休日表示がうまくいっている。以前の記事でも書いたが、急にDate::Japanese::Holidayモジュールが効かなくなっていた。ところが4.0にしたらうまくいくのである。不思議である。
2007年08月13日
MovableType3.35へ新規インストールし直し
結局ダメであった。MovableType4.0にアップグレードしたものの、使えないプラグインやページがいろいろと出てきてかなりへこんだ。悩んだ末に、MovableType3.35へ最初からやり直して戻すことにした。一応、ダメになっていた点を上げてみると、
●年間カレンダーが使えなくなった・・・nlog(n)さんの記事を参考につくったものであったが、エラーが起こり、再構築が完全にできなかった。なので、こちらをまず外した。
●「BigPAPI.pl」・・・これが最も困ったもので、このプラグインを「plugins」フォルダへアップロードした途端、よく分からない画面になった。よくタグを貼り間違えたときのような、文字が並び、横長の大きなボタンが二つ並び、意味不明な画面になる。外すと元に戻る。
●このブログの「うさぎ四姉妹日記写真記事」の記事が更新できなくなる・・・こちらもnlog(n)さんの記事を参考につくった、私としては最もお気に入りのページなのであるが、やはりブログの性質上うさぎに関する写真が列挙できるページは大変有用なので、このページが今後作れないとなるとしんどい。特に「Excerpt(概要)」に「img」タグを書いて今までなら出力できていたものが、再構築するとエラー（容量が足らない？とか何とかという内容）になったので、アップグレードが失敗だったかなと感じた。
●コメントのページのレイアウトが少し崩れていた。こちらは単にCSSの問題であったように思う。また、他の記事から知ったのだが、携帯用のMT4iはMT4.0では動作しないようである。これも困ってしまう。
○逆にDate::Japanese::Holidayモジュールは使えたし、天気予報の表示もうまくいった。googleの「AjaxNewsBar」も表示されていたし、最近導入したはてなスターもきちんと表示されていた。
以上が目立った点であったが、いろいろなプラグインの調整や外し入れが面倒になってきたのと、もう一度まっさらの状態にして、MovableType3.35に戻したかったので、最初からやり直すことにした。
以前サーバーを移転したときに、インストールのし直しを経験していたので、特に苦痛はなかったし、アップグレードを重ねるといろいろと不具合が出てくるようなので、一度リセットしてみたかった。やり方としては、
１．まずバックアップをとる。「エントリーの書き出し」を管理画面からして、各種テンプレートのソースをコピペしてメモ帳のファイルに取っておく。私はしなかったが、データベースのバックアップも取っておいた方が絶対にいい。２．PostgreSQLをデータベースに使っているので、全てのテーブルを削除する。コマンドラインから「\dt+」でテーブル一覧を表示して、それを見ながら全てを削除した。
３．あとは、MovableType3.35を新規インストール。管理画面が初期設定のものになっているので、新しくブログ