羽根愛好家

※動画を再生すると音が出ますのでご注意ください。

　SXMでは珍しく動画なんかも撮ってきました。AAの離陸と，COの着陸の映像です。AAのほうは，前回のエントリーで書いたジェットブラストの様子が少し映ってます。

　ちなみに，埋め込みプレイヤは自作のSilverlightアプリです。こんなチープなデザインのプレイヤは，たぶん僕しか使わないと思われます（笑。半日ぐらいで出来るかなぁと思ったけど，タイムラインスライダの処理が案外面倒くさくて苦戦。それでも1日かけずに出来たのはわずかながらの慣れでしょうか。
　タイムラインスライダの何が面倒くさいって，現在位置を追っかけるためにタイマ処理が必要になるわけですが，そのタイマ処理のやり方が分からなかったこと。あと，「再生中に自動的にスライダが移動して数値が変更される」，「マウスやキーボード操作で手動でスライドを移動して数値が変更される」という状況の両方で同じイベントが発生するので，両方の機能を実装するとちゃんと再生されなくなってしまいました。よって，自動的にスライダが移動したときは，このイベントを実行しないようにイベントハンドラを解除して，移動後にイベントハンドラを登録し直すという処理が必要になる。みたいな。勉強になりました。
　その点，再生ボタン，停止ボタン，ボリュームスライダは簡単に作れるます。ボリュームスライダは，Silverlight2だとスライダの値が変更されたときにイベントを実行させてC#なりのコード側で処理しないといけないんですけど，Silverlight3だとxaml側でバインドして処理させられる”らしい”です。それは確かに便利です。

　ちなみに，なんで無理してプレイヤを自作したかっていうと，作ってみたかったというのはもちろんなんですが，動画をリソースとしてxapに埋め込んでおくと，動画ファイル自体をサーバに置かなくて済むので，動画をダウンロードされにくいというメリットを感じたからです。別に，この動画をダウンロードされたくないってわけではなく，そういうことができることを確認したかったのいうのが大きなインセンティブになっております，はい。

　あと，どうでもいいんですが，Silverlight関係のWebなり書籍なりって，BlendかVisual Studioを使ったものばかり。xamlとVB/C#のコーディングをまとめてできる開発ツールとしてはVisual Web Developer 2008 Expressって凄く良いです。xamlをもうちっと頑張れば（blend並みってのは難しいけど）そこそこのデザインでRIAっぽいものが作れます。僕はどっちかっていうと仕組みを作るのが楽しい人なので，Blend買ってまで何かやろうとは思いませんし。なので，VWDを使ったSilverlight入門みたいな記事を読みたいなぁなんてことを思ってたりしてます。

　对我,GW有许多自由时间。Yahoo!翻訳です。合ってるかどうか分かりません。そんなわけで，何となくSilverlightがどんなもんか使ってみたくなったので，昨日，今日といろいろ触ってみました。JavaScriptならちょっとは分かるんで，とりあえずSilverlight Dynamic Languages SDKの0.4.0を使って試してみたんですけど，どうも面白くない。Visual Web Developer 2008 Express Editionを使ってVBかVC#でやったほうが面白いし，こっちに慣れたほうが楽っぽい感じがしたので，結局VC#で動かすことにしました。

　そんなこんなで，.NETが分かんね～とか言ってるうちに寝ちゃったりしながら，MSDNのリファレンスにのってるサンプルコードとか，先人たちのコードを読んで，簡単なフォトビューワを作ってみました。デザインとかはあんまりこだわってないんですけど，このブログの幅に合うサイズで……っていうのを作ってみたかったんです。

　……で，実際の実装方法は美しくなさ過ぎなんですが，一応サムネイルを並べて，マウスオーバーとかクリックとかのアクションを作ったりして「お～，それっぽい」とか思ってたんですが，メインの画面をクリックしてオリジナルサイズのイメージを表示するところで，実装方法を完全にミスりました（笑。それがコレ↓。

エラー処理を割愛してるので，Silverlightを入れてない方は Get Silverlight! っていうメッセージを手入力してみる。

　それはともかく，ちゃんと表示されてますかね？　問題はメインの画面をクリックしたときで，このポップアップがSilverlightコントロールの境界内でしか表示できないので，思いっきり切れてしまってるんです（笑。作り直そうと思ったけど，もう何か頭回らなくなってきたので，とりあえずここで一端終了。次に時間ができたら考えます。
　本当はLightbox風というかモーダルで表示されるようにしたかったんですけど，ブログへの埋め込みだとSilverlightコントロールのエリアが限られるんで，Silverlightだけでは実現が難しいかも知れず，とりあえず新しいページを開いて表示ってのが無難かなぁと思ってます。っていうか，このぐらいのことならJQueryでも出来そうだし，そっちのほうが良さそう，という気もするんですが，今回はSilverlightで遊ぶことに意義があったので気にしないことにします。

●5/5，4:55ごろ追記
　あまりにみっともないので，ブログサイズで表示しているときはメインの写真をクリックしても大きいサイズをポップアップさせないようにしました。大きい写真はフルスクリーン表示のときだけポップアップします。
　ボタンをクリックしたらブラウザのフレーム一杯に拡大させる，っていう方法はないのだろうか……。

　とりあえず，MTOSを4.25にアップデートしました。ユーザーエクスペリエンスの向上は何もありません。

　それはともかく，実はこのブログ，恐ろしくレスポンスが悪い状態が続いていました。もちろん静的ファイルにしてるので閲覧者にとっては何の問題もないんですが，その静的ファイルの再構築にやたら時間がかかる状態だったのです。コメント頂いた方は，コメントを保存するときの反応が悪いなって思われたかも知れません。裏でブログ全体を再構築すると，100エントリーもないのに35分ぐらいかかってました。新しいエントリーを作ったときの保存でも5分とか。
　長らく放置してたんですが，最近それが悪化してるような気がしたのと，少々時間もできたので，この原因をちょっと探ってみました。サイドバーやらタグやらを触ったあとに遅くなったというのは感じてたので，その辺を重点的にチェック。
　まず，表示するページに併せてサイドバーを変化させるためにMTIFを乱用してたのを止めました。各ページのテンプレートに，表示させるべきウィジェットグループを直接記載するように変更。結果，3分ぐらい短くなりました。あんまり効果ない（笑

　次に疑わしきはタグクラウドかなぁ，と思いまして，全ページからタグクラウドを外してみたら，何と47”秒”で完了。「これかぁ」ということで，トップページと検索結果ページ以外のタグクラウドを全部取っ払い，タグリスト一覧ページへのリンクを貼るのみにしました。この状態で55～60秒ぐらい。十分です。

　ちなみに，タグリスト一覧ページで表示させている，タグリストのウィジェットはパフォーマンスにあんまり影響ないことも確認しています。考えられるのは，タグクラウドではタグを15個しか表示させてませんが，一度全部のタグをハッシュを使った変数に放り込んでるんで，それが原因かなぁと思ってます。新しいタグをガンガン追加してますし。
　とりあえず今回はタグクラウドを使用する場面を限定することで回避してますが，サイドバーをテンプレート化して，そのテンプレートで作られたファイルを埋め込むっていう方法もあります。数回のタグクラウド作成処理を行うだけで済み，かつタグクラウドを各ページに表示させられるんですが，これもテンプレートの再構築順をチマチマしなくちゃいけないんで面倒くさい。タグクラウドにはそこまでこだわってないので，とりあえずこのまま運用してみようと思います。

　サイドバーの最新記事リストとかで，記事タイトル数が長すぎると2行に分かれるのが気持ち悪かったので修正。30バイト分を超えるタイトルの場合は省略するようにしました。

　このブログはMovableType Open Source（MTOS）で作っておるんですが，MTOSと非商用ライセンスを含む通常版のMTには機能面で差別化されています。それがカスタムフィールドの有無です。MTOSではカスタムフィールドが使えません。MT4.1を使ってたころにも，カスタムフィールドを使ったことはなかったんですが，期待の機能ではありました。

　他方，MT3で運用してたころに（テスト段階で頓挫してしまった）飛行機写真用ページに使っていたのが，アル・デザインワークスさんが公開しているCMS Designerというツール。このツールは，コンテンツ管理部分だけが提供されているようなもので，アウトプットの自由度が高いのが特徴。
　実は，水面下ですでにCMS Designerを使った飛行機写真用ページを作っていました。まだやりたいことがいろいろあるので正式公開とはしませんが，一応こちらに。
　このページは，CMS Designerで定義したデザインを埋め込んだMTOSのテンプレートになっています。なので，CMS Designerと関係ない部分のデザインは，MTOS側が作ってくれてます。構造的にはちょっと複雑に感じるかも知れませんが，運営側としてはラクな仕組みなのです。

　で，このCMS Designerにもいろいろ不満はありまして，深刻に考えてるのが「動的生成」ということと，「データベースを使っていない」ことの二点。
　前者はSEOの面の問題なのですが，そんなこと言いつつ個人サイトなのでSEOにはそれほどこだわっておらず，mod_rewriteとかサイトマップをちゃちゃっと作ればOKかな程度に思ってたりもます。
　問題は後者。せっかくMySQLが使えるようにしてあるサーバなのに，1エントリーに1ファイルを作るというデータベースフリーなツールを活用するということへの単純な葛藤から始まったものなのですが，いまはパフォーマンスへの不安も感じてます。
　今日現在，だいたい270件の写真を登録していますが，いまのところパフォーマンス面で深刻な状況には陥っていません。ただ，およそ2か月分の写真で270件もあったということに僕自身が驚愕していて，後々のことを考えるとエントリーごとにファイルを作るCMS Designerをデータベース的に使うのに不安を覚え始めています。
　CMS Designer以外のCMSツールもいろいろ見てみたんですが，すでにMTOSで作り込んだページにうまく埋め込めるということを確信できるツールがなく，果たしてどうしたものか，というのを感じていたわけです。

　そうしたら，このサイトでも使っているメールフィールドプラグインを開発されたH.Fujimotoさんのサイトに，
「カスタムフィールドで実現する　MTOS活用テクニック」（仮題）近日発売
という記事が掲載されていました。これができれば，CMS Designerを使うことなくMTOS側で飛行機写真のページを作ることを検討できます。
　それと本書に期待しているのが，リンク先の第2項にある「ブログ記事を柔軟に検索することができる」という部分。CMS Designerで気に入ってる部分の一つが，エントリーの絞り込み機能がある点。先述した飛行機写真ページの右側にドロップダウンメニューの検索機能を付けてありますが，これは単純にCMS Designerのエントリー絞り込み機能を使っているものです。これも実際に見ると力技で実現している感じではあるんですが，便利は便利です。仮に本書でカスタムフィールドを使ったとして，その絞り込みとか検索とかが，普通に文字列を使った検索しかできないようなら寂しいわけで，このあたりがちゃんとカバーされてると嬉しいな，と思うわけです。かなり期待してます。