1. SmartBBSとデスクトップアプリ jimon saka

2. 2 もくじ SmartBBS制作の動機 クライアント・サーバー間の通信 ブラウザベースのSmartBBS デスクトップアプリ用API セキュリティについて デスクトップアプリ

3. SmartBBS制作の動機 ブラウザで使えるIRCクライアントを作りたい しかし，私たちの技術力では難しい 発想の転換 IRCを使うのではなく，自分たちでコミュニケーションの場をつくる

4. クライアント・サーバー間の通信

5. ブラウザベースのSmartBBS Apache + Ruby + MySQLで制作した簡易的な掲示板 Digest認証 投稿者名はDigest認証時のユーザー名を取得

6. ブラウザベースのSmartBBS bbs_logのカラム情報

7. デスクトップアプリ用API Ruby書かれたCGI POSTまたはGETでクエリを送信する クエリについて(GETで説明) 書きこむ場合 mode=write&content=書きこむ内容 読み込む場合 mode=read&絞り込みの条件式 (割愛)

8. デスクトップアプリ用API 返ってくるデータについて XML形式のデータが返ってくる 例<smartbbs><status>Success</status><messages><message> <id>投稿番号</id> <name>投稿者名</name> <content>本文</content> <date>投稿日時</date> </message></messages></smartbbs>

9. セキュリティについて SQLインジェクション 意図しないSQL文を実行させてデータベースを不正に操作する攻撃方法 例：select * from pass_list where pass = ‘[ユーザーからの入力]’;ユーザーの入力 : ‘ or ’injection‘ = ’injection実行されるSQL文select * from pass_list where pass = ‘’ or ‘injection’ = ‘injection’;“or”後の条件文が常に真になり，全てのデータを選択する

10. セキュリティについて SQLインジェクション 対策 ユーザーから入力された「’」をエスケープしてからSQL文を作る そもそもエスケープしないと 「’」をユーザーが利用できない

11. デスクトップアプリ Case1C# + WPF C#で書いたGUI 基本的にWindowsXP以降じゃないと動きません でも .NET Framework というVM上で動くので、Mac上でも mono を入れると動くらしい WPF（Windows Presentation Foundation) アプリケーション一般的なWin32アプリケーションではない

12. デスクトップアプリ Case1WPF の特徴 レイアウトと処理の分離 レイアウトをXAML(XML)で書ける デザインをXMLで書くと構造的に作れるので分かりやすくなる （HTML的な） データバインディング XAML 上でコントロール(textblockとか)とデータを結びつける データに変化があると，コントロールも自動的に更新される

13. デスクトップアプリ Case1発生した問題１ API へ POST 送信出来ない 原因 不明 対策 GET送信で我慢する

14. デスクトップアプリ Case1発生した問題２ Basic認証からDigest認証に変更したらGET送信すら失敗する 原因 IE6においてDigest認証を利用すると，引数部分が無いリクエストを送るため 対策 Apache側で対策法があるので，User-AgentにSmartBBSが含まれている場合にハックするようにする

15. デスクトップアプリ Case1発生した問題３ ｢<｣｢>｣などがURIエンコードされない 原因 C#にはURIエンコードが３種類あった 対策 System.Uri.EscapeDataString()を使う

16. デスクトップアプリ Case1発生した問題 他 いろいろあったけど割愛 WPF の仕様がなかなか把握しきれなくて大変だった

17. デスクトップアプリ Case2 C++ & Qt(フレームワーク)で書いたGUIアプリ 開発中

18. デスクトップアプリ Case2- Qtとは - C++で書かれているフレームワーク マルチプラットフォームなので移植が楽 GUIアプリが簡単に作れる ネイティブアプリを生成可能 ライセンスはLGPL

19. デスクトップアプリ Case2- Qtを利用しているアプリ - Adobe Photoshop Elements Adobe After Effects CS5 Adobe Premiere Pro CS5 Opera Google Earth Skype etc...

20. デスクトップアプリ Case2- Qt Creator - C++ & Qtの利用に特化したIDE 補完機能がすばらしい GUIを視覚的にデザイン可能

21. デスクトップアプリ Case2- Qtのサンプルプログラム- #include <QApplication> #include <QLabel> intmain(intargc, char*argv[]) { QApplicationapp(argc,argv);QLabel*label =newQLabel("Hello World!!",0); label->resize(80, 30); label->show();returnapp.exec(); }

22. デスクトップアプリ Case2- Qtの難点 - 日本語の情報が少ないため、英語を読む必要がある(主にQt Reference Documentation)

23. デスクトップアプリ Case2 今回はGUIデザイン周りのコードも全て手打ちした いったん表形式で制作したが，デザインに納得いかない 投稿文表示部分を作り直し中