Cybozu Inside Out

KUNAI Browser β - Android でクライアント証明書を使う

モバイル・リモートチームの米川です。

本日、KUNAI Browser for Remote Service β を公開しました。
Android 端末からサイボウズ リモートサービスを使用してサイボウズ製品を閲覧するためのブラウザアプリケーションです。
こちらからダウンロードできます。

ご存知の方もいるかと思いますが、Android はブラウザからクライアント証明書による認証を行うことができません。
サイボウズのリモートサービスのクライアント証明書も例外ではなく、これによってAndroid ユーザーの方々は
リモートサービスを使って社内のグループウェアにアクセスすることができませんでした。
このクライアント証明書が使えない問題はどうやら Android の Known Issues みたいです。

そこでちょっと方針を変えて、クライアント証明書を読み込み、その証明書を参照して
リクエストを送る機能を持ったブラウザができれば問題が解決できると考えて作ってみました。

技術的なことがわかる方に向けてちょっと詳細を書くと、

1. KeyStore にリモートサービスの証明書を load する
2. KeyStore から SSLSocketFactory を作る
3. Java の Reflection を使って WebView のプロパティに SSLSocketFactory を設定する

という方法で WebView の全てのリクエストで証明書を参照させることができました。

ところで Android OS 3.0(Honeycomb)ではクライアント証明書に対応するという噂があるらしいです。
もし標準ブラウザがちゃんとクライアント証明書に対応してくれればこのアプリもお役御免となりますが、
リモートサービスをお使いいただいている Android ユーザーの方々のお役に立てれば幸いです。

KUNAI Browser for Remote Service β はベータ版のため、
サポート対象外となりますので、あらかじめご了承ください。

本気で作るWindows Mobileアプリケーション(1) - サイボウズモバイル KUNAIのアーキテクチャ

こんにちは。サイボウズ開発部モバイル・リモートチームの米川です。
本日「サイボウズモバイル KUNAI for Windows(R) phone」(以下 KUNAI)がリリースされました。
それを記念して、KUNAIのアーキテクチャや技術的なトピックについて、
ご紹介させていただこうと思います。

KUNAIとは
KUNAIはWindows Mobile用のクライアントアプリケーションです。
グループウェアのスケジュール、メール、アドレス帳に加え、社内メールやワークフローのデータを
端末上にシンクし、いつでもどこでも利用することができます。

KUNAIは.NET Compact Framework 2.0を採用し、C#で書かれていますが、
後述するToday Pluginや、インストーラーなどの一部はC++で実装されています。
ローカルへのデータの保存にはSQLiteを採用しています。

アーキテクチャ
KUNAIは大きくわけて以下の2つの要素で構成されています。

- Today Plugin
- C# アプリケーション

Today Pluginは待ち受け画面を拡張するためにWindows Mobileに用意された仕組みです。
KUNAIは、Today Pluginの仕組みを使って待ち受け画面をカスタマイズしています。
C#アプリケーションは.NET Compact Framework 2.0上で実装されており、
各アプリケーションの機能やシンク処理などを担当します。

Today PluginとC#アプリケーションは、ウインドウメッセージでやり取りをし、
C#アプリケーションの起動やシンクの開始、データの取得を行います。
逆にC#側からToday Pluginに対して指示を出すことも可能で、
画面の更新などをデータが更新されたタイミングで行うことが可能です。

基本的には、SQLやXMLなどが絡む複雑な処理はC#で実装し、
必要に応じてToday Pluginに受け渡す、というアーキテクチャになっています。

リストコントロール
Windows Mobile 6.5では、標準のWindowsコントロールがタッチインタフェースに対応しました。
これは確かに何も考えなくてもアプリケーションのタッチ対応ができるので便利です。
しかしKUNAIはサイボウズならではのUIを実現するために、より柔軟で高度なインタフェースを実現する仕組みが必要でした。

そのためKUNAIのリストコントロールは、UIをプログラムで描画すること前提として設計されています。
もちろん簡単なプロパティの変更などはデザイナ上で行えるようになっていますが、
リストアイテムの細かい描画処理はすべてプログラマが記載します。
その代わりにスクロールやタッチ処理などは全てListControlクラスがやってくれるため、
開発時にはリストアイテムの描画処理だけを書けばよいことになります。

例えば以下のようなコードを書きます。

TitleListItem itemTitleItem = new TitleListItem();
itemTitleItem.Text = "タイトル";
this.accountNameListControl.Items.Add(itemTitleItem);

MultiLineListItem textItem = new MultiLineListItem();
textItem.Text = "サイボウズモバイル KUNAI";
textItem.TextAlignment = DrawUtility.HorizontalAlignment.Center;
this.accountNameListControl.Items.Add(textItem);

TitleListItem itemTitleItem2 = new TitleListItem();
itemTitleItem2.Text = "チェック";
this.accountNameListControl.Items.Add(itemTitleItem2);

BoolBindingListItem useItem = new BoolBindingListItem();
useItem.ShowCheckBox = true;
useItem.Text = "利用する";
useItem.Margin = 4;
this.accountNameListControl.Items.Add(useItem);

MultilineListItemやTitleListItemなどはフレームワークとして用意しているので、
複数行文字列を表示するだけ、などの時であれば自分で描画処理を書かなくていいようになっています。
当然自作のリストアイテムも再利用できるため、同じような画面で重複してリストアイテムを作る必要はありません。
このコードを実行すると以下のような画面が表示されます。

リストコントロールはKUNAIの中でも中核となる機構なので、
その中には様々なノウハウとテクニックが存在しています。
この詳しい実装についてはまた別の記事でご紹介します。

FormBase
KUNAIの画面は通常のFormクラスではなく、それを継承した自作のFormBaseというクラスの子クラスです。
FormBaseは以下の機能を提供します。
- 画面の表示順を考慮したダイアログの表示
- Formの親子関係の管理
- ソフトウエアキーボードボタン(SIPボタン)の表示/非表示
- 画面をリフレッシュする必要のあるイベントの登録

KUNAIでは、メールを読んで返信するためにスケジュールを確認する、のようなことをできるように
アプリケーションごとに、さっきまで操作していた画面を覚えておくようになっています。
つまりメールの詳細画面を開いた状態でTodayに戻り、スケジュールアプリを立ち上げ、
再度メールのアプリを表示した時に、先程の詳細画面がそのまま表示されます。

しかし、Windows Mobileではダイアログの表示順が複雑で、通常のFormクラスで
ShowとShowDialogを使って画面を表示していては、どうしてもこの挙動を実現できませんでした。
そのために自作のFormBaseを作成し、Form同士の親子関係を管理することで
適切な画面を表示できるようにしました。

また、入力が必要無いところではSIPボタンが邪魔になるので、
画面ごとにこれを非表示にできる機能を実装しています。

listView.ShowSip = false;

内部的にはP/Invokeを使ってSIPボタンのウインドウハンドルを取得したりと
意外と面倒なことをしています。
しかしこの処理を行うと、そのままだとすべての画面でSIPボタンが消えてしまうため、
画面がDeactivateする時には必ずSIPボタンを表示するようにしています。

まとめ
いかがでしょうか。
ご紹介したのはほんの一部で、KUNAIにはまだまだたくさんのノウハウやテクニックが詰め込まれています。
これから何回かに分けて、それらをご紹介させていただきたいと思います。

それではサイボウズモバイル KUNAIをよろしくお願いいたします。

サイボウズモバイル KUNAI