Windowsフォームの開発とまったく同じ手法でWebアプリケーションを開発できるプラットフォーム「Visual WebGui」。これまでの .NETベースの開発手法でクロスブラウザに対応するHTML5 Webアプリやモバイルアプリ開発を可能にします。 本セッションではASP.NETアプリケーションとして動作する仕組みやそのアーキテクチャを紐解き、いかにVisual WebGuiがWindowsフォームの開発手法を継承しているかを解説します。

1. 「開発手法は変えない」
Windowsフォームとまったく
同じ手法でWebアプリを開発
ハッシュタグ：#devsumiC
セッションID： 14-C-L
グレープシティ株式会社
森谷 勝

2. グレープシティ株式会社
2

3. グレープシティのツール
3

4. 今、求められる
業務アプリケーション
とは
4

5. HTML5のWeb
アプリケーションです。
5

6. なぜ、HTML5のWeb
アプリケーションにす
るのか？
6

7. 企業が新たな製品やサービスを展開する
際に業務アプリケーションも迅速に対応
する必要がある
7

8. アプリケーションの配布（インストール）
クライアントサーバやスタンドアローン
のアプリでは、アプリケーションの配布
（インストール）がボトルネックに
Webアプリケーションならば業務アプリ
ケーションの修正やアップデートに迅速
対応
8

9. タブレットのシェアが拡大
世界でのタブレット出荷が増大
9

10. マルチデバイスでの動作
OSが異なっても同じプログラムが動きます。
Web
アプリケーション
クライアント
アプリケーション
Webブラウザ
ネイティブコード
ObjectiveC
Java
.NET
プラットフォーム
プラットフォーム
ハードウェア
ハードウェア
10

11. アプリケーションの使い勝
手は時代（年代）によって
違う。
11

12. 業務アプリケーションに携わる世代
反PC世代
OA
TVゲーム世代
クライアント
サーバー
ホームPC世代
エンドユーザ
コンピューティング
Web2.0世代
RIA、SaaS、
クラウド、仮想化
スマフォ世代
モバイル、
マルチプラットフォーム
12

13. Webアプリケーショ
ンは、使い勝手が良く
ないのでは？
13

14. Demo
HTML5でクライアントアプリケーション同様な使い勝手を実現
14

15. HTML5のWebアプリ
ケーションってコーディ
ングが大変なのでは？
15

16. Webエンジニアが不足
グレープシティサポート.NET開発プラットフォーム割合
WPF
その他
3%
2%
ASP.NET Web
フォーム
26%
Silverlight
Windows
4%
フォーム
65%
2011/01～2012/09
16

17. 開発手法は変えない
Visual WebGui はHTML CSS JavaJavaScriptを
使わず、Windowsフォームでクライアント
アプリを開発するのとまったく同じ感覚で
HTML5のWebアプリケーションを開発できます。
http://www.grapecity.com/tools/info/visualwebgui/index.htm
17

18. Demo
Visual WebGuiの設計画面
18

19. ASP.NETとの開発時間の比較
・同一仕様のWebアプリ（２画面）
・同一のスキルと経験を持つ開発者
・スクラッチ開発
■Visual WebGui
■ ASP. NET
0.5
1.5
プログラミング
4.8
4.2
0.8
2.0
画面デザイン
0
（時間）
0.4
1.6
5
検索条件設定画面
10 0
2
4
6
検索結果表示画面
㈱インタース 調べ
19

20. Windowsフォームとまったく同じ
Windowsフォームの主要コントロールに対応す
るコントロールを収録
20

21. Demo
WindowsFroms同様なコントロール
21

22. アーキテクチャー
22

23. 必要システム
開発ツール
Visual Studio 2008 SP1／2010／2012
※ Express Editionでは使用できません。
ブラウザ
Internet Explorer 8／9／10、Chrome、Firefox
※ Internet Explorerの互換表示はサポートしていません。
Webサーバー
Internet Information Services (IIS)
OS
Windows Vista／7／8
Windows Server 2008／2008 R2／2012
23

24. ブースでご確認ください
GrapeCityはこちら
★この会場の前★
24