特集:Webアプリケーション+αの使い勝手を実現するカスタムブラウザの作り方

調べもの専用Googleブラウザを作ってみよう

アリエル・ネットワーク
中山淳
2006/12/7

Webアプリケーションの機能や操作性を向上させるアプローチの1つとして、特定のWebアプリケーション専用ブラウザの作成を提案し、その具体的な方法を解説します。ここでは、Googleで検索を行ったときにその検索語を記録していく機能を持った「調べもの専用ブラウザ」 の作り方を説明します(*注意:グーグルが提供を開始したWebブラウザ「Google Chrome」については下記記事をご参照ください)。

Google Chrome曰く「Webブラウザは主役じゃない」
ベータ版が提供開始されたグーグルの新しいブラウザをWebアプリ開発者の視点で検証。IEやFirefoxと比べると? Gearsとの関係は? 検証で見えたChromeの思想とは?
リッチクライアント & 帳票」フォーラム 2008/9/5

 調べもの専用ブラウザを作ってみよう

 Webアプリケーションを構築していると、Webブラウザだけではどうしても実現が難しい問題にぶつかることがあります。

 例えばグループウェアで新着情報があったら画面上に通知してほしい(Webブラウザが起動していない状態でも!)とか、Webブラウザを閉じる前の書きかけのフォームの内容を覚えていてほしいとかといった要求がそれです。

 いずれも、ユーザーの立場から見ればあって当然の機能ですが、Web技術だけではなかなか解決できないというのが現状ではないでしょうか。

 本稿では、特定のWebアプリケーションに特化したWebブラウザ(カスタムブラウザ)を作成することで、このような問題を解決する手法を説明します。

・メリットとデメリット

 カスタムブラウザをユーザーに提供する場合、通常のブラウザで使用しても十分な機能性、操作性をユーザーに与えられることが重要です。

 というのも、カスタムブラウザには「インストールする手間を掛けなければ使えない」というデメリットがあるからです。

 ユーザーはカスタムブラウザをインストールすることで得られる価値が、インストールする手間を上回ると感じなければ、そもそも試すこともしません。つまり、すべてのユーザーがカスタムブラウザを使ってくれることを期待するのは不可能です。

 ここから、カスタムブラウザなしでも通常使用には十分な使い勝手を提供できること、カスタムブラウザはプラスαの価値を提供することに特化すべきであるということが導かれます。

 本稿では、Googleで検索を行ったときにその検索語を記録していく機能を持った「調べもの専用ブラウザ」を作成します。

 カスタムブラウザの開発を始める前に

 ここでは、カスタムブラウザの開発環境として無料の「Visual C++ 2005 Express Edition」と「Microsoft Platform SDK」を使用します。

 下記のURLからダウンロードし、インストールを行ってください。

 両方ともインストールした後に、下記の手順を行ってVisual C++ 2005 Express EditionからMicrosoft Platform SDKとATLを使えるようにする必要があります(カスタムブラウザの核としてIEコンポーネントを使用するためです)。

1. Microsoft Platform SDKにパスを通す

 インストールしただけではVisual C++ 2005 Express EditionからMicrosoft Platform SDKを使える状態になっていないため、ヘッダファイルやライブラリファイルのあるディレクトリにパスを通す必要があります。

(1) Visual C++ 2005 Express Editionを起動し、メニューの[ツール]―[オプション]からオプションダイアログを開きます。

(2) オプションダイアログの[プロジェクトおよびソリューション]―[VC++ディレクトリ]を開きます。

(3) [ディレクトリを表示するプロジェクト]の[実行可能ファイル]を選択し、「C:\Program Files\Microsoft Platform SDK\Bin」を入力します。

 同様に、[インクルードファイル]に「C:\Program Files\Microsoft Platform SDK\include」と「C:\Program Files\Microsoft Platform SDK\Include\atl」を、[ライブラリファイル]に「C:\Program Files\Microsoft Platform SDK\lib」を追加します(Microsoft Platform SDKをC:\Program Files\Microsoft Platform SDK以外のディレクトリにインストールした場合は、適宜読み替えてください)。

(4) [OK]ボタンを押してオプションダイアログを閉じます。

2. Win32プロジェクトのテンプレートを修正する

 Microsoft Platform SDKで追加されたライブラリファイルがデフォルトでリンク対象になるようにします。

(1) 「C:\Program Files\Microsoft Visual Studio 8\VC\VCProjectDefaults」にある「corewin_express.vsprops」をテキストエディタ(メモ帳など)で開きます。

(2) 「AdditionalDependencies="kernel32.lib"」となっている部分を「AdditionalDependencies="kernel32.lib user32.lib gdi32.lib winspool.lib comdlg32.lib advapi32.lib shell32.lib ole32.lib oleaut32.lib uuid.lib"」に置き換えます。

(3) 変更したファイルを上書き保存します。

3. Win32アプリケーションウィザードのWindows アプリケーションを有効にする

 インストール直後のVisual C++ 2005 Express Edition では、ウィザードからWindows アプリケーションが作成できないため、修正が必要になります。

(1) 「C:\Program Files\Microsoft Visual Studio 8\VC\VCWizards\AppWiz\Generic\Application\html\1041」にあるAppSettings.htmテキストエディタ(メモ帳など)で開きます。

(2) 441行目から444行目までの各行の先頭に「//」を挿入して、コメントアウトします。

4. ATLのコンパイルエラー・リンクエラーを除去する

 Microsoft Platform SDKに含まれるATLのバージョンが古いため、そのままではコンパイルエラーやリンクエラーが発生します。

(1) 「C:\Program Files\Microsoft Platform SDK\Include\atl」にあるatlwin.hを開きます。

(2) 1753行目の「for(i = 0; i < m_aChainEntry.GetSize(); i++)」となっている個所を「for(int i = 0; i < m_aChainEntry.GetSize(); i++)」に変更します(「i = 0」を「int i = 0」に変更)。

(3) 変更したファイルを上書き保存します。

(4) 「C:\Program Files\Microsoft Platform SDK\Include\atl」にあるatlbase.hを開きます。

(5) 287行目から293行目までの各行の先頭に「//」を挿入してコメントアウトし、下記の2行を追加します。


コード1 ここをクリックすると、縮小なしのテキスト画面が表示されます

6) 変更したファイルを上書き保存します。

 以上で、開発環境の準備が整いました。

1/4

 INDEX

調べもの専用Googleブラウザを作ってみよう
Page1<調べもの専用ブラウザを作ってみよう>
メリットとデメリット/カスタムブラウザの開発を始める前に
  Page2<カスタムブラウザの基礎作り>
Hello Worldアプリケーションで動作確認
  Page3<カスタムブラウザの作成>
カスタムブラウザらしいコードを追加する
  Page4<調べもの専用Googleブラウザ>
プラスαの価値をカスタムブラウザ


HTML5 + UX フォーラム 新着記事
@ITメールマガジン 新着情報やスタッフのコラムがメールで届きます(無料)

注目のテーマ

HTML5+UX 記事ランキング

本日 月間