2005年6月アーカイブ
旧サイトからのコンテンツの移行がもうすぐ完了します。
2005年から始まって，現在，2000年のニュースを移しているところです。2000年が終わると残るは1999年と1998年だけですが，この２年間は１年分のニュースを１つのページに追記する形で更新していたので，２ページしかありません。（この２年間は，石垣選手にお会いするチャンスもなく，また，インターネットで得られる情報もあまりなかったということです。）
というわけで，予告どおり，７月１日から新サイトに移行することができそうです。
Yahoo!，Googleなどの検索サイトへの登録変更もすべて了承をいただきました。
Yahoo!の検索はすでに新サイトが登録サイトとして最上位に来るようになりました。
Googleの検索は，まだ旧サイトが最上位に来ていますが，Googleディレクトリで検索すると，新サイトが表示されるようになりました。
Googleなどのロボット型検索サイトの場合は，登録の有無にかかわらずリンク数の多い少ないで順番が変動するようなので，しばらくの間は，旧サイトにアクセスされる方のほうが多いと思います。
このため，旧サイトのコンテンツは見通しがつくまでの間，全部そのまま残しておくことにします。早くても今年いっぱいはそのままにしておきます。
旧サイトの各ページには，新サイトへのリンクを分かりやすい形で表示します。
すし石垣応援団のメインページに，ちょっと変わったバナーを貼りました。最近流行りのiPod CM風のバナーです。
【作り方】
・すし石垣選手の写真をPhotoshopで開き，まわりの風景をきれいに切り取る。
・彩度を落としてグレイスケール状態にする。
・新しいレイヤーを作り，緑色で塗りつぶす。
・画面のサイズを適当なサイズに縮小する。
・白字で適当な文字を並べる。（書体はMiryadがおすすめ）
・gifに書き出す。
テンプレートの編集画面には，「このテンプレートにリンクするファイル」という項目があります。なんのことだか分からずにいたのですが，これはなかなかに便利な機能だということを知りました。
私の使い方では，まず，サイトの最上位のフォルダにbackupというフォルダを作ります。次に，例えば，メインページのテンプレートだったら，「このテンプレートにリンクするファイル」という項目に， backup/mainpage.html とか，適当なファイル名をつけて入力し，テンプレートを保存します。
すると，backupフォルダにmainpage.htmlというファイルが出来上がります。つまり，テンプレートのバックアップが出来ちゃうわけです。
さらに，このmainpage.htmlをダウンロードすれば，ローカルのバックアップも取れるわけです。
さらに，さらに，ダウンロードしたmainpage.htmlをテキストエディタで開いて修正して保存し，サイトに上書き保存してやると，メインページのテンプレートが書き換えられてしまうのです。
テンプレートと，書き出したファイルが同期しているということですね。
いままでは，テンプレートを修正する時に，ウィンドウ内のテキストをテキストエディタなどにコピー＆ペーストして編集していましたが，直接ファイルをエディタで開けばＯＫなので，これはなかなかに便利です。
ちなみに，私が使っているエディタはmiといいますが，HTMLのタグを色つきで表示してくれたり，よく使うタグをメニューから選択できたりと，なかなか使い勝手が良いです。
すし石垣応援団では，メインページの他，カテゴリー，月別，個別と4種類のテンプレートを使っています。基本的に週１更新なので，日別，週別のアーカイブは不要と判断しました。（カレンダーも外してしまいました。）
それでも４つのテンプレートを使っているので，例えばバナー画像を差し替えたいとか，サイドバーに新しい項目を追加したいというような場合は，いちいち４つのテンプレート全部を修正しなければなりませんでした。
なんとかならないの？と思っていたらなったんです。それがテンプレートモジュール。
Movable Typeスタイル&コンテンツデザインガイドに載っていました。
複数のテンプレートで共通して使用する部品をモジュールとして登録して利用するというものです。
例えば，最近のエントリーの場合。
<!-- 最近のエントリー -->
<h2>最近のエントリー</h2>
<ul>
<MTEntries lastn="10">
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
</MTEntries>
</ul>
という部分をrecent_entriesという名前をつけて，テンプレートモジュールとして保存します。
これをそれぞれのテンプレートで使う場合は，
<$MTInclude module="recent_entries"$>
という１行を書くだけでＯＫです。
テンプレートモジュールを修正するだけで，該当するテンプレートが自動的に修正されるので，カスタマイズ好きには本当に有難いです。
てなわけで，仕組みが分かっただけで，本当に使ってみるのはこれからです。
バナー画像について
ちょっと前まで，バナーの背景にJPEG画像を指定して，その上にロゴマークのpng画像を載せていたのですが，IEの古いバージョンだとPNGが透明にならないのですね。
仕方なく，ロゴマークをJPEG画像に変換し，バナー部分のpaddingを0にしてなんとか背景画像と合わせました。
やっぱりいろんなブラウザで確認しないとだめだなあ。
カテゴリーとアーカイブのエントリー数を表示
RECOMENDで紹介させてもらっている，Movable Typeスタイル&コンテンツデザインガイドは，いろんなアイデアが紹介されていて実に勉強になります。
今回はその中から，メインページ左側のサイドバーに表示しているカテゴリーとアーカイブの部分に，それぞれのアーカイブに含まれるエントリー数を表示する方法を試してみました。
しかし，アーカイブは月別なので，月に１個しかエントリーがないことがバレバレになってしまうのは，ちょっとやばいかもしれないなあ。
Creative Commons License.
今まで全然設定していなかったのですが，思うところあってサイドバーに表示されるように設定を変更しました。Creative Commons Licenseの目指すところは，著作権にしばられずに，一定の限度内でコンテンツを有効に利用しあいましょう，ということなのだと思います。
すし石垣応援団の場合は，現著作者のクレジット表示義務・営利目的利用は不可・改変の禁止の３つを条件とさせてもらいました。
フォトギャラリー
これはMovableTypeとは直接関係ありませんが，JCBクラシック仙台の練習日に撮影した写真を中心としたフォトギャラリーを作りました。最初はテーブルタグを使って作ろうと思い，実際つくって一旦公開したのですが，もうちょっと良い方法はないかなと思い，結局GalerieというMacのフリーウェアを使うことにしました。
Galerieは，画像をドラッグすると選択したテンプレートにあわせてHTMLページやサムネール画像を生成してくれるソフトです。私の場合は，iPhotoでトリミングや画像補正を行ってから，Galerieにドラッグ＆ドロップしています。
Galerieの好きなところは，EXIFから情報を読み取って，撮影時の露出，シャッター速度，焦点距離，ISO感度，カメラの種類などなどを表示させることができるというところです。（まあ，ほとんど自己満足？）
テンプレートは各種用意されていますが，元の画像にあまり手を加えるのは好きではないので，Noneというテンプレートを使っています。
エントリーにフォとギャラリーへのリンクをただ張るのでは面白くないので，フォトギャラリーの画面をキャプチャーしたものを小さくして張り付けました。
MovableTypeをダウンロードする際に，TypeKeyのアカウントを取得していたのですが，自分のアカウントで自分のブログにサインインできないという，恥ずかしい状態になっていたことが分かりました。
TypeKeyの設定画面でTypeKeyトークンというものを入力した際，その下にMovableTypeのCGIパスを入力しなければいけなかったのに，してないのが原因でした。
こういうトラブルに見舞われた時，ありがたいのはウェブページやブログに有用な情報を掲載してくださっているサイトです。今回のようなトラブルを経験した方の情報もとても参考になっています。
私もすったもんだの経過をここに書き残すことで，誰かの役に立てたらいいなと思います。
Knowledge is nothing, if not shared.
カテゴリーを選択すると，全部の記事がずらずらと全文表示されるのは使い勝手がいまいちなので，日付とタイトルだけのリストにしました。
カテゴリーアーカイブ用のテンプレートを修正して，日付とタイトルのタグだけを残したところうまくいきました。あとは，左側にサイドバーを追加して，年別と月別のアーカイブをつけました。
月別アーカイブはMTが作ってくれますが，年別アーカイブというのはないので，これは年別のサブカテゴリーを作り，エントリーを分類して，それぞれの年のカテゴリーへのリンクをテンプレートに書き込んで作りました。
それから，バナーの下と画面の一番下に，主なコンテンツへのリンク（ナビゲーション）をつけました。今日はここまで。
すし石垣応援団のメインページは，サイドバーの情報が多いので，縦に３列の３ペイン・レイアウトでいくことにしました。決めたのはいいのだけど，これを実際にやるのはなかなか大変でした。
３つのブロックを float:left; でつめていくだけだと，なぜかIEでは最後の列が，下に回り込んでしまうのです。
苦肉の策として，まず２ペインのレイアウトを作り，さらに左側のボックスの中に２つのボックスを入れ子にするというやり方を試したところ，なんとかうまくいきました。
すし石垣応援団のサイト移転がだいぶ見通しがたってきたので，サイトを登録してもらっている，Yahoo! Japan，Googleディレクトリ，AllAbout，Excite等の検索サイト，及びゴルフダイジェストオンライン等のゴルフ関係ポータルサイトに，サイトのURLを更新していただくよう，登録申請を出しました。
多くのサイトでは，一定の審査期間を経て登録されるので，１週間から２週間くらいはかかると思います。
この他にもリンク集に登録してくださっているサイトが沢山あるので，少しずつ更新のお願いを出していきたいと思います。
このブログをごらんになって，ご自分のブログやサイトにすし石垣応援団を登録していただける場合は，次のようにお願いいたします。
サイト名：すし石垣応援団
URL：http://sushi-fan.com
サイトの説明：
プロゴルファーすし石垣選手を応援するサイト。ニュース、掲示板，トーナメント記録、プロフィール、リンク集など。
MovableType3.1から，カテゴリーの下にサブカテゴリーを置くことができるようになっています。つまり，カテゴリーを階層化できるわけです。
そこで，すし石垣応援団のサイトでは，トーナメントというトップレベル・カテゴリーの下に，2005,2004...というように年度別のサブカテゴリーを置き，トーナメントの情報はサブカテゴリーに入れることにしました。
ところが，このままだと，トップレベル・カテゴリーであるトーナメントにはエントリーが１個もないという状態になるのです。それだと，カテゴリーというより単なるフォルダみたいだなあと思っていたら，１つのエントリーを，２つのカテゴリーに入れることができることを知りました。
エントリー編集画面の主カテゴリーの下にある，「複数のカテゴリーを設定する」をクリックすると，もう１つのカテゴリーに登録できるのです。そこで，トーナメントの情報に関するエントリーは，「トーナメント」と「2005」というように２つのカテゴリーに入れることにしました。
これで，カテゴリーのトーナメントをクリックすれば，トーナメント情報のエントリーが全部出てくるし，2005をクリックすれば2005年度のエントリーだけが出てくるという，私の希望通りの状態にすることができました。
今日は月曜とはいえお休みなので，相変わらずサイトの移転作業をぼちぼちとやっておりました。
iBlogからのコピーをひとやすみして，これまでAdobe GoLiveで作っていた，ツアー戦績，プロフィール，リンク，応援団といったページを作りました。
新しいサイトでは，基本的にすべてのコンテンツをMovableTypeで作成することにしました。後々の更新やメンテナンスが楽だということもありますが，メインページの右側にある検索ウィンドウを使った検索が，MovableTypeのエントリーしか検索してくれないというのが大きいです。これとは別にGoogle検索でもつければよいのでしょうが，しばらくはこのままで行くつもりです。
さて，GoLiveで作っていたページは，テーブルが多用されていたり，ハイパーリンクも沢山張ってあったりするので，一筋縄ではいきません。
まず，ツアー戦績という年度別に各試合の成績を一覧表にしているものは，GoLiveで作成したソースを若干手直しして，MovableTypeの新規エントリーに貼付けました。ツアー成績のテーブルはけっこう幅をとるので，これがきっかけで個別テンプレートをオリジナルのサイドバーがないタイプに戻してしまいました。
次にプロフィールについては，テーブルはすべて排除し，出来る限りプレーンに近いテキストに修正して張り付けました。
最後にリンク集ですが，けっこう前に作ったものなので，リンク切れをおこしているものが多く，修正に時間がかかりました。
サイト名とサイトの説明の部分を，marginで調節したかったので，新たにlink-title，link-discriptionというクラスを作り，テンプレートで設定しました。
ところで，エントリーの中でテキストにハイパーリンクを設定する場合，ふつうは編集ウィンドウ右上のアイコンを使うのですが，私はmy cheep blogのくきさんが作られた，iBlogTagAssistを愛用させていただいています。元々はiBlogユーザーのためにつくられたアップルスクリプトの集合体なのですが，テキストエディットやMovableType，ロリポブログなど，いろんな場面でも活躍してくれます。
使い方は，まずリンク先のURLをコピーし，次にリンクを張る文字列（サイト名など）を範囲指定し，最後にアップルスクリプトのメニューから，"a"というスクリプトを選ぶと，文字列の両側にきちんとaタグが打たれます。
他にもblockquote，ul，brなどををつけたりとったりと，HTMLタグ入力をサポートしてくれる便利なスクリプトです。あらためて作者のくきさんに感謝，感謝。
すし石垣応援団の過去ログの移転は，2005年分が終わり，今2004年分にとりかかっています。
元のエントリーをコピーして貼付けて保存という作業です。
エントリーの中には，外部のサイトやブログへのリンクを含むものもいくつかあるのですが，外部のブログへのリンクを含むエントリーを保存（公開）すると，MovableTypeが勝手にリンク先のブログのTrackback Pingを検出して，勝手にトラックバックを打ってしまうことがわかりました。
調べてみたら，これはウェブログの設定ー設定の中の，「トラックバック先の自動検出を動作させる」にチェックが入っていたためのようです。自分が意図的にトラックバックを打つ時に，相手先のTrackback Pingを自動検出することだと思っていたら，エントリーに含まれる外部リンクから判断して自動的にトラックバックを打つことだとは知りませんでした。
というわけで，過去ログの移転が終わるまでは，この自動検出はオフにしておくことにしました。
すし石垣応援団の過去ログの移転は，2005年分が終わり，今2004年分にとりかかっています。
元のエントリーをコピーして貼付けて保存という作業です。
エントリーの中には，外部のサイトやブログへのリンクを含むものもいくつかあるのですが，外部のブログへのリンクを含むエントリーを保存（公開）すると，MovableTypeが勝手にリンク先のブログのTrackback Pingを検出して，勝手にトラックバックを打ってしまうことがわかりました。
調べてみたら，これはウェブログの設定ー設定の中の，「トラックバック先の自動検出を動作させる」にチェックが入っていたためのようです。自分が意図的にトラックバックを打つ時に，相手先のTrackback Pingを自動検出することだと思っていたら，エントリーに含まれる外部リンクから判断して自動的にトラックバックを打つことだとは知りませんでした。
というわけで，過去ログの移転が終わるまでは，この自動検出はオフにしておくことにしました。
MovableTypeのエントリー編集画面には，内容，追記，概要の３つのフィールドがあります。このうち，追記と概要の使い方がわからず，いままでは内容に全部書いていました。
今日分かった（遅すぎ）ことですが，エントリーを内容と追記とに分けて入力すると，メインページでは内容だけが表示されて，その下，「続きを表示」という固定リンクへのリンクが表示されるのです。
MovableTypeのメインページに表示されるエントリーは，ウェブログの設定-設定の中の，「表示する日数」に入力された日数によって決まります。ブログを見ている日からさかのぼって何日前までのエントリーを表示するか，という設定になっているわけです。
毎日マメに更新するブログはいいかもしれませんが，基本的に週１更新のすし石垣応援団の場合，これではメインページにエントリーが１個あるかないかという状態になってしまいます。
しかし，テンプレートを修正することによって，これを回避できることがわかりました。メインページのテンプレート中にある，
<MTEntries>
というタグを，次のように修正します。
<MTEntries lastn="5">
この設定では，投稿した日付に関係なく，最新の５つのエントリーをメインページに表示します。 lastn="5" の部分を省略すると，ウェブログの設定で設定した日数をもとに表示するエントリーが決定されます。
以前のサイトからのエントリーの引っ越しを，１個ずつ手作業で行っています。iBlogからMovableTypeに書き出せると思っていたのですが，どうもできないようです。いずれにしても，HTMLタグを打ってある部分は手直しが必要なので，確認しながらやっています。
さて今回は画像に縁取りを設定するという話。他の方のブログを拝見していて，画像の回りにグレイの縁取りがしてあるのを見かけて，あれどうやってるのかな，毎回画像を修正してるのかな，などと思っていましたが，よく調べてみると，画像の回りにスタイルシートでborderをつけているのですね。
まず，スタイルシートの設定。MovableTypeのスタイルシートには，標準でphotoというクラスがあるので，今回はこれをちょこっと修正しました。
.photo {
padding: 4px;
margin: 0px;
border-top: solid 1px silver;
border-left: solid 1px silver;
border-bottom: solid 2px gray;
border-right: solid 2px gray;
background-color: white;
}
次に，エントリー内で画像を張り込むHTMLタグを次のように打ち込みます
<img src="http://sushi-fan.com/image/sushi_swing.jpg" class="photo">
これで画像の回りに縁取りをつけることができました。
縁取りをつけたくない時は，class="photo"の部分を外せばいいし，必要に応じて，いくつかのクラスを使い分けてもいいですね。
ちなみに，縁取りをつけるスタイルシートのクラス設定の部分は，私のご近所のmiyaさんのブログからパクらせていただきました。miyaさん，事後報告でごめんなさい。
>メインページから各エントリーの投稿時間をクリックすると固定リンクに飛んでほしいのだけど，なぜか月別アーカイブのページに飛んでいく。
昨日こんなことを書いたのですが，なんということはない，固定リンクをどのアーカイブにリンクさせるかを選択することができたのです。
ウェブログの設定の中の「優先するアーカイブのタイプ」が月別になっていたのを個別に直したら，バッチリ解決されました。ちゃんとよく見て設定しましょうねえ。
カレンダーの日をクリックすると，その日のアーカイブにリンクするというのは，いつの間にか直ってました。テンプレートを適当にカスタマイズしていたのをやめて，オリジナルのテンプレートに戻したのが良かったのかも。
よく理解しないうちに，勝手にカスタマイズするのは考えものです。
すし石垣応援団のコンテンツを移行させ終わるまでは，MovableTypeのカスタマイズには手を出すまいと心に誓ったはずだったのに，ついつい魔が差して手を付けてしまいました。
まずはすし石垣応援団らしさを出そうということで，スタイルシートを修正して，バナーの背景に画像を入れました。これまではブログのタイトルも背景画像の中に入れていたのですが，今回は思うところあって，テキストのままにしています。
次に画面右側のサイドバーに，いくつか項目を追加しました。
すし石垣選手の写真とプロフィール，最近のコメント，最近のトラックバック，そしてリンクです。これまで使っていたiBlogでは，ナビゲーション・エディタという便利なものがあって，各項目をモジュールとして登録し，つけたりはずしたりが実に簡単にできたのですが，MovableTypeでは，メインページというテンプレートの中に，HTMLを書き込まなくてはなりません。
テンプレートを修正する時は，あらかじめオリジナルのテンプレートとは別に，新しいテンプレートを作って，その中にオリジナルをコピーしてから修正したほうが，「あ，しまった！」という時に，すぐに元に戻せるので良さそうです。
それから，レンタルサーバーが提供しているカウンターと，TrackFeedをつけて今回はおしまい。基本的なところはあまり変えないで，欲しい機能をちょこちょこと追加していくようなカスタマイズです。
さて，オリジナルのテンプレートはシンプルでいいのですが，いくつか不満なところもあります。
- メインページから各エントリーの投稿時間をクリックすると固定リンクに飛んでほしいのだけど，なぜか月別アーカイブのページに飛んでいく。
- カレンダーの日付をクリックすると，その日のページではなく，これまた月別アーカイブのページに飛んでいく。
- そのため，各エントリーの固定リンクにアクセスするには，コメント，トラックバックをクリックするしかない
- メインページ以外のテンプレートにはサイドバーがないので，文章が横長に表示されてしまい，なんか読みにくい。
最後のやつは，テンプレートをいじってなんとかサイドバーを取り付けてみました。まだ，それぞれのページとテンプレートとの関係，アーカイブの設定方法などがよくわかっていないので，あんまりやり過ぎないように気をつけたいと思います。
MovableTypeでブラウザから投稿する場合は，FireFoxを使うべし。というか，Safariは使えないのです。
Safariで投稿していた時はまったく気がつかなかったのですが，FireFoxでMovableTypeの投稿ページを開いてみてビックリ。エントリー編集ウィンドウの右上に，太字，斜体，下線，ハイパーリンク，メール，ブロッククォートといった，タグ入力用のアイコンが表示されているのです。
FireFoxの投稿画面
Safariの投稿画面
Safariで投稿していた時は，そんなアイコンがあるなんて知らなかったので，タグは全部手打ちしていました。さほど不便を感じていたわけではなかったけど，やはりあったほうが便利なのは間違いありません。
というわけで，MovableTypeの投稿・編集をする時は，FireFoxを使うべし。
管理人のつぶやきブログが，昨日から今日にかけて表示されなくなっていました。（タイトルがまずかったかな）
レンタルサーバー運営者に問い合わせたところ，どうやら私の設定ミスが原因とのことで，なんとか復旧していただいたようです。大変失礼いたしました。
今日から提供開始された，MovableType3.17日本語版へのアップグレードを行いました。
セキュリティ機能の強化によって，不正アクセスが防止されるということです。
バグフィックスのひとつに，「新規にウェブログを作成したとき、日付用の言語が「チェコ語」になる不具合を修正」というのがありました。これ最初分かんなくて，なんで日付が文字化けしてるのかなあ，としばらく悩んでいました。
めでたしめでたし。
このブログは，すし石垣応援団のサイト管理人のつぶやきブログです。
管理人が使い始めたばかりのMovableTypeに関することが主で，自分のための備忘録としてメモを書き溜めていくような感じになると思います。
メインのブログに書いたらかなりお邪魔な内容でも，ここなら気兼ねなく書き込めるかなと思っております。
MovableTypeをお使いの皆様も，そうでない皆様も，どうぞご覧になって，ご自由にコメント，トラックバックをお付けください。
なお，このブログはMovableTypeではなく，レンタルサーバーが運営しているロリポブログを利用しています。書いている内容と，見ているブログと違うので，ややこしいかと思いますが，太く鷹揚にご勘弁を。
MovableTypeというブログツールのインストールと，ブログの設定が完了しました。レンタルサーバーに詳細な導入マニュアルが載っていたので，トラブルもなく無事完了することができました。
まだ，できたてホヤホヤ，まっさらさらのブログですので，これからボチボチとサイトの移行をやっていきます。
コメントもトラックバックも受け付けておりますので，どうぞご自由にお試しください。
すし石垣応援団のサイト移転後は，メインのコンテンツをMovableTypeで作成・更新していこうかと思っています。
これまでのすし石垣応援団は，MacのiBlogというアプリケーションを利用して，ローカルで記事を作成し，FTPでアップロードするという方法で更新していましたが，MovableTypeを利用すると，「ブラウザや携帯電話があれば，どこからでも更新やメンテナンスができる」という実に便利な環境になります。
また，iBlogの場合は，出力するRSSが不完全であるため，手動で修正しなければならなかったり，RSSに意図しない改行コードが混入したりといった不具合もありました。
これからしばらく時間をかけて，MovableTypeのインストールとブログの構築を行う予定です。これまでiBlogで作成した記事は，MovableTypeにインポートできそうですが，画像のURLなどが全部変わってしまうため，完全な移行には結構な日数がかかりそうです。
目標としては，７月１日から正式オープンと考えていますが，どうなりますやら。（試験運用中のこのブログは管理人のつぶやき日記として残そうかしら？）
追記：やはり，つぶやきブログとして残ることになりました。
sushi-fan.comのサブドメイン，admin.sushi-fan.com上で，すし石垣応援団ブログを試験運用中です。このブログは，ブラウザや携帯電話から気軽に更新できるので，なかなかに便利です。
また，HTMLやCSSも自由にカスタマイズができるので，デザインの自由度が高いのも魅力です。
コメント，トラックバック，どうぞお気軽にお試しください。
追記：sushi-fan.com上にメインのブログを設置したため，ここで紹介しているブログは，管理人のつぶやきブログとなりました。
Moblogのテストです。携帯電話でこのブログが更新出来るそうです。
すし石垣応援団は，これまでプロバイダーのユーザーホームページのスペースを利用して開設していましたが，このたびsushi-fan.comという独自ドメインを取得しました。
新しいドメインへの移行には時間が必要なため，当分の間はこれまでのホームページと新しいホームページを平行して運用してまいりますが，いずれはホームページ全体をsushi-fan.comに完全に移転させる予定です。
サイトの移転完了は７月中を目途にしております。どうぞよろしくお願いいたします。
