【14-c-l】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)...

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

Upload: developers-summit

Post on 12-Nov-2014

835 views

Category:

Technology


2 download

DESCRIPTION

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

TRANSCRIPT

Page 1: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)

「開発手法は変えない」Windowsフォームとまったく同じ手法でWebアプリを開発

ハッシュタグ:#devsumiC

セッションID: 14-C-L

グレープシティ株式会社

森谷 勝

Page 2: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)

2

グレープシティ株式会社

Page 3: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)

3

グレープシティのツール

Page 4: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)

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

4

Page 5: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)

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

5

Page 6: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)

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

6

Page 7: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)

7

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

Page 8: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)

クライアントサーバやスタンドアローンのアプリでは、アプリケーションの配布(インストール)がボトルネックに

8

アプリケーションの配布(インストール)

Webアプリケーションならば業務アプリケーションの修正やアップデートに迅速対応

Page 9: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)

世界でのタブレット出荷が増大

9

タブレットのシェアが拡大

Page 10: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)

OSが異なっても同じプログラムが動きます。

10

マルチデバイスでの動作

Webアプリケーション

Webブラウザ

プラットフォーム

ハードウェア

クライアントアプリケーション

ネイティブコードObjectiveC

Java

.NET

プラットフォーム

ハードウェア

Page 11: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)

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

11

Page 12: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)

12

業務アプリケーションに携わる世代

反PC世代

TVゲーム世代

ホームPC世代

Web2.0世代

スマフォ世代

OAクライアントサーバー

エンドユーザコンピューティング

RIA、SaaS、クラウド、仮想化

モバイル、マルチプラットフォーム

Page 13: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)

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

13

Page 14: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)

Demo

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

Page 15: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)

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

15

Page 16: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)

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アプリを開発(森谷勝〔グレープシティ〕)

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アプリを開発(森谷勝〔グレープシティ〕)

Demo

18Visual WebGuiの設計画面

Page 19: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)

・同一仕様の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アプリを開発(森谷勝〔グレープシティ〕)

Windowsフォームの主要コントロールに対応するコントロールを収録

20

Windowsフォームとまったく同じ

Page 21: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)

Demo

21

WindowsFroms同様なコントロール

Page 22: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)

22

アーキテクチャー

Page 23: 【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)

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アプリを開発(森谷勝〔グレープシティ〕)

24

ブースでご確認ください

GrapeCityはこちら★この会場の前★