来春リリース予定の Office 8 では、機能の豊富さや拡張性を考慮し、JavaScript のライブラリに YUI (Yahoo! User Interface Library) を採用しました。

Office 8 の開発が始まった頃 YUI のバージョンは 2.5.0 でしたが、数か月の間に 2.5.0 → 2.5.1 → 2.5.2 → 2.6.0 とバージョンアップがあり、Office 8 でもその都度ファイルを更新してきました。
YUI を更新することにより、Office 8 で正常に動作しなくなるところが出てくるといけないので毎回変更箇所のチェックを行っていますが、今回は YUI 2.6.0 の変更箇所のうち Office 8 の動作に影響があったコンポーネントをご紹介します。

Container

モーダルダイアログを表示する際、ダイアログの後ろにあるリンクやボタンを無効化する（フォーカスがあたらないようにする）処理が変更になりました。
2.5.2 までは、Tab キーでフォーカスがあたる HTML の全要素（全ての a, button, select, textarea, input 要素）に onfocus イベントハンドラをセットし、フォーカスがあたったらすぐ blur() するようになっていました。
しかし、要素数が多いと onfocus イベントハンドラをセットするだけで数秒かかってしまってダイアログがなかなか表示されない…、といったことが起こってしまいます。
2.6.0 では keydown イベントハンドラのみをセットし、Tab キーが押された時にフォーカスする要素をブラウザ任せではなく JavaScript で強制的に制御するようになりました。
これにより、要素数に関係なくモーダルダイアログを軽快に表示できるようになりました。

TreeView

ツリー上で keydown イベントが発生したらどのキーが押されたかを判別し、サブフォルダを開閉する処理が追加されました。ツリーのノードにフォーカスをあてて、矢印キーや「＋」「－」キーを押してみてください。（あまり使わないかもしれませんが…。）

今回ご紹介した2つ以外にも、Office 8 では Drag & Drop や Menu など、様々なコンポーネントを利用してリッチな UI を実現しています。パソコンの操作に慣れている方にもそうでない方にも、使っていて楽しいと思っていただけるような操作性をご提供できるよう、これからも新しいことにどんどんチャレンジしていきたいと思います。

• JavaScript で Shift JIS に URL エンコードする方法
  Shift JIS のコード表を用意してShift JIS コードに変換する方法や、 Unicode から Shift JIS のマッピング表を用意して charCodeAt() 関数で Unicode に変換した後、Shift JIS に変換する方法などが考えられます。 しかし、いずれの方法でも巨大な表を常に読み込まないといけないので、パフォーマンスに影響が出てしまうのは避けられないところです。
• CGI で UTF-8 から Shift JIS に文字エンコーディングを変換する方法
  PHP には mb_convert_encoding() という気の利いた関数が用意されているのですが、C++ には用意されていません。もちろん、Windows では MultiByteToWideChar() 関数とWideCharToMultiByte() 関数を、Linux では iconv を使うという手もあります。 しかし、自分たちで一から作っておいた方が何か問題があった時にメンテナンスが楽なので、Unicode から Shift JIS のマッピング表を用意して、UTF-8 から Unicode に変換した後、Unicode から Shift JIS に変換する方法が無難かと思います。

1. IEの場合 左クリックして保存する場合も、右クリックして対象を保存する場合も共にファイル保存ダイアログが開かれる前にサーバーへアクセスし、Content-Dispositionヘッダがあれば必ずこれを参照します。 ただしContent-DispositionヘッダのfilenameはURLエンコードされたUTF-8文字列として解釈しますが、拡張子のない場合にはURLデコードされないようです。生のShift_JISコードで指定されているとShift_JISのままファイル名を解釈します。
2. FireFoxの場合 左クリックして保存する場合には保存前にサーバーへアクセスして、Content-Dispositionヘッダがあればこれを参照します。しかし右クリックして対象を保存する場合にはサーバーへアクセスせずにURLから保存するファイル名を決定します。Content-Dispositionヘッダのfilenameはそのままの文字列で保存ファイル名として使われ、RFC2231形式に対応している。

struct MYSQL;

class Database
{
protected:
    MYSQL *m_pMySQL;
    ...
};

#include "Database.h"
#include <mysql.h>

Database::Database()
: m_pMySQL(NULL)
{
}

typedef st_mysql
{
    ...
} MYSQL;