![Page 1: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)](https://reader034.vdocuments.net/reader034/viewer/2022052617/5463cda6af795969338b466e/html5/thumbnails/1.jpg)
「開発手法は変えない」Windowsフォームとまったく同じ手法でWebアプリを開発
ハッシュタグ:#devsumiC
セッションID: 14-C-L
グレープシティ株式会社
森谷 勝
![Page 2: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)](https://reader034.vdocuments.net/reader034/viewer/2022052617/5463cda6af795969338b466e/html5/thumbnails/2.jpg)
2
グレープシティ株式会社
![Page 3: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)](https://reader034.vdocuments.net/reader034/viewer/2022052617/5463cda6af795969338b466e/html5/thumbnails/3.jpg)
3
グレープシティのツール
![Page 4: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)](https://reader034.vdocuments.net/reader034/viewer/2022052617/5463cda6af795969338b466e/html5/thumbnails/4.jpg)
今、求められる業務アプリケーションとは
4
![Page 5: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)](https://reader034.vdocuments.net/reader034/viewer/2022052617/5463cda6af795969338b466e/html5/thumbnails/5.jpg)
HTML5のWebアプリケーションです。
5
![Page 6: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)](https://reader034.vdocuments.net/reader034/viewer/2022052617/5463cda6af795969338b466e/html5/thumbnails/6.jpg)
なぜ、HTML5のWebアプリケーションにするのか?
6
![Page 7: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)](https://reader034.vdocuments.net/reader034/viewer/2022052617/5463cda6af795969338b466e/html5/thumbnails/7.jpg)
7
企業が新たな製品やサービスを展開する際に業務アプリケーションも迅速に対応する必要がある
![Page 8: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)](https://reader034.vdocuments.net/reader034/viewer/2022052617/5463cda6af795969338b466e/html5/thumbnails/8.jpg)
クライアントサーバやスタンドアローンのアプリでは、アプリケーションの配布(インストール)がボトルネックに
8
アプリケーションの配布(インストール)
Webアプリケーションならば業務アプリケーションの修正やアップデートに迅速対応
![Page 9: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)](https://reader034.vdocuments.net/reader034/viewer/2022052617/5463cda6af795969338b466e/html5/thumbnails/9.jpg)
世界でのタブレット出荷が増大
9
タブレットのシェアが拡大
![Page 10: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)](https://reader034.vdocuments.net/reader034/viewer/2022052617/5463cda6af795969338b466e/html5/thumbnails/10.jpg)
OSが異なっても同じプログラムが動きます。
10
マルチデバイスでの動作
Webアプリケーション
Webブラウザ
プラットフォーム
ハードウェア
クライアントアプリケーション
ネイティブコードObjectiveC
Java
.NET
プラットフォーム
ハードウェア
![Page 11: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)](https://reader034.vdocuments.net/reader034/viewer/2022052617/5463cda6af795969338b466e/html5/thumbnails/11.jpg)
アプリケーションの使い勝手は時代(年代)によって違う。
11
![Page 12: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)](https://reader034.vdocuments.net/reader034/viewer/2022052617/5463cda6af795969338b466e/html5/thumbnails/12.jpg)
12
業務アプリケーションに携わる世代
反PC世代
TVゲーム世代
ホームPC世代
Web2.0世代
スマフォ世代
OAクライアントサーバー
エンドユーザコンピューティング
RIA、SaaS、クラウド、仮想化
モバイル、マルチプラットフォーム
![Page 13: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)](https://reader034.vdocuments.net/reader034/viewer/2022052617/5463cda6af795969338b466e/html5/thumbnails/13.jpg)
Webアプリケーションは、使い勝手が良くないのでは?
13
![Page 14: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)](https://reader034.vdocuments.net/reader034/viewer/2022052617/5463cda6af795969338b466e/html5/thumbnails/14.jpg)
Demo
14HTML5でクライアントアプリケーション同様な使い勝手を実現
![Page 15: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)](https://reader034.vdocuments.net/reader034/viewer/2022052617/5463cda6af795969338b466e/html5/thumbnails/15.jpg)
HTML5のWebアプリケーションってコーディングが大変なのでは?
15
![Page 16: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)](https://reader034.vdocuments.net/reader034/viewer/2022052617/5463cda6af795969338b466e/html5/thumbnails/16.jpg)
16
Webエンジニアが不足
ASP.NET Web
フォーム
26%
Silverlight
4%Windows
フォーム
65%
WPF
3%
その他
2%
2011/01~2012/09
グレープシティサポート.NET開発プラットフォーム割合
![Page 17: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)](https://reader034.vdocuments.net/reader034/viewer/2022052617/5463cda6af795969338b466e/html5/thumbnails/17.jpg)
17
開発手法は変えない
Visual WebGui はHTML CSS JavaJavaScriptを使わず、Windowsフォームでクライアントアプリを開発するのとまったく同じ感覚でHTML5のWebアプリケーションを開発できます。
http://www.grapecity.com/tools/info/visualwebgui/index.htm
![Page 18: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)](https://reader034.vdocuments.net/reader034/viewer/2022052617/5463cda6af795969338b466e/html5/thumbnails/18.jpg)
Demo
18Visual WebGuiの設計画面
![Page 19: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)](https://reader034.vdocuments.net/reader034/viewer/2022052617/5463cda6af795969338b466e/html5/thumbnails/19.jpg)
・同一仕様のWebアプリ(2画面)
・同一のスキルと経験を持つ開発者
・スクラッチ開発
19
ASP.NETとの開発時間の比較
2.0
4.8
0.8
1.5
0 5 10
画面デザイン
プログラミング
1.6
4.2
0.4
0.5
0 2 4 6
検索条件設定画面
(時間)
㈱インタース 調べ
■Visual WebGui ■ ASP. NET
検索結果表示画面
![Page 20: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)](https://reader034.vdocuments.net/reader034/viewer/2022052617/5463cda6af795969338b466e/html5/thumbnails/20.jpg)
Windowsフォームの主要コントロールに対応するコントロールを収録
20
Windowsフォームとまったく同じ
![Page 21: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)](https://reader034.vdocuments.net/reader034/viewer/2022052617/5463cda6af795969338b466e/html5/thumbnails/21.jpg)
Demo
21
WindowsFroms同様なコントロール
![Page 22: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)](https://reader034.vdocuments.net/reader034/viewer/2022052617/5463cda6af795969338b466e/html5/thumbnails/22.jpg)
22
アーキテクチャー
![Page 23: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)](https://reader034.vdocuments.net/reader034/viewer/2022052617/5463cda6af795969338b466e/html5/thumbnails/23.jpg)
23
必要システム
開発ツールVisual Studio 2008 SP1/2010/2012※ Express Editionでは使用できません。
ブラウザInternet Explorer 8/9/10、Chrome、Firefox※ Internet Explorerの互換表示はサポートしていません。
WebサーバーInternet Information Services (IIS)
OSWindows Vista/7/8
Windows Server 2008/2008 R2/2012
![Page 24: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)](https://reader034.vdocuments.net/reader034/viewer/2022052617/5463cda6af795969338b466e/html5/thumbnails/24.jpg)
24
ブースでご確認ください
GrapeCityはこちら★この会場の前★