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

2
グレープシティのツール

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

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

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

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

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

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

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

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

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

9
マルチデバイスでの動作
OSが異なっても同じプログラムが動きます。
Web
アプリケーション

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

Webブラウザ

ネイティブコード
ObjectiveC
Java
.NET

プラットフォーム

プラットフォーム

ハードウェア

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

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

OA

TVゲーム世代

クライアント
サーバー

ホームPC世代

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

Web2.0世代

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

スマフォ世代

モバイル、
マルチプラットフォーム
12
Webアプリケーショ
ンは、使い勝手が良く
ないのでは?

13
Demo

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

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

15
Webエンジニアが不足
グレープシティサポート.NET開発プラットフォーム割合
WPF

その他

3%

2%
ASP.NET Web
フォーム
26%

Silverlight
Windows

4%

フォーム
65%

2011/01~2012/09
16
開発手法は変えない

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

17
Demo

Visual WebGuiの設計画面

18
ASP.NETとの開発時間の比較
・同一仕様のWebアプリ(2画面)
・同一のスキルと経験を持つ開発者
・スクラッチ開発
■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
Windowsフォームとまったく同じ
Windowsフォームの主要コントロールに対応す
るコントロールを収録

20
Demo

WindowsFroms同様なコントロール
21
アーキテクチャー

22
必要システム
開発ツール
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
ブースでご確認ください

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

More Related Content

PPTX
ハイブリッドアプリ開発最前線から見たHtml5の理想と現実
PDF
HTML5とマイクロソフト(東京)
PDF
Androidハイブリッドアプリを約2年間メンテンナンスしてきて分ったこと
PDF
PhoneGapでWebアプリをスマホアプリ化
PDF
VisualforceへのSalesforce Lightning Design System (SLDS) 適用はどうします?
PDF
テストツールで効率化 Internet Explorerバージョンアップに伴う Webコンテンツの移行作業
PPTX
SWTT2017 - Lightningアプリケーション開発現場で 実践しているノウハウ
PDF
Kintone vs Salesforce vs Google
ハイブリッドアプリ開発最前線から見たHtml5の理想と現実
HTML5とマイクロソフト(東京)
Androidハイブリッドアプリを約2年間メンテンナンスしてきて分ったこと
PhoneGapでWebアプリをスマホアプリ化
VisualforceへのSalesforce Lightning Design System (SLDS) 適用はどうします?
テストツールで効率化 Internet Explorerバージョンアップに伴う Webコンテンツの移行作業
SWTT2017 - Lightningアプリケーション開発現場で 実践しているノウハウ
Kintone vs Salesforce vs Google

What's hot (20)

PDF
Visual Studio を使用した Cordova 開発
PDF
コックピットアプリケーション
PDF
Salesforce Lightning をやってみてあれこれ
PDF
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発
PDF
20150423 introduction tovsto
PDF
PhoneGapで作るハイブリッドアプリケーション
PDF
Cloud Business Appication って何?
PPTX
Office アドイン ハンズオン
PDF
ネイティブアプリ開発を加速する、モダンバックエンドとのタイアップ手法
PDF
「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜
PPTX
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
PDF
第8回 業開中心会議 「Windows 10 ユニバーサルアプリの概要」
PPTX
Cordova×業務システム:失敗しないモバイル開発の秘訣
PDF
はやわかりHTML5ハイブリッドアプリ開発事情
PDF
Windows ストアアプリから使かえるセンサーAPIとデバイスAPI
PPTX
Office アドインの紹介
PDF
無料Webセミナー:効率的な情報共有によるプロジェクト管理・運用の改善方法
PDF
//build/ 2016現地で感じたクライアント開発の潮流
PDF
Fxug
PPTX
ウォーターフォール・アジャイル・DevOps どんなチームでも開発・テスト・リリースでVSTS/TFSをフル活用する方法
Visual Studio を使用した Cordova 開発
コックピットアプリケーション
Salesforce Lightning をやってみてあれこれ
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発
20150423 introduction tovsto
PhoneGapで作るハイブリッドアプリケーション
Cloud Business Appication って何?
Office アドイン ハンズオン
ネイティブアプリ開発を加速する、モダンバックエンドとのタイアップ手法
「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
第8回 業開中心会議 「Windows 10 ユニバーサルアプリの概要」
Cordova×業務システム:失敗しないモバイル開発の秘訣
はやわかりHTML5ハイブリッドアプリ開発事情
Windows ストアアプリから使かえるセンサーAPIとデバイスAPI
Office アドインの紹介
無料Webセミナー:効率的な情報共有によるプロジェクト管理・運用の改善方法
//build/ 2016現地で感じたクライアント開発の潮流
Fxug
ウォーターフォール・アジャイル・DevOps どんなチームでも開発・テスト・リリースでVSTS/TFSをフル活用する方法
Ad

Viewers also liked (20)

PPTX
さあ、始めましょう―Call to Action―
PPTX
デスクトップアプリを『一歩前へ』進める方法
PDF
XP祭り2016 - SWチームとHWチームがスクラムを組んだら
PDF
半透明は飾りです 偉い人にはそれがわからんのですよ
PDF
Windowsフォームで大丈夫か?一番良いのを頼む。
PDF
Windowsの画面スケーリングを きちんと理解しよう
PPTX
Platform duurzame huisvesting heeft tools rondom Green lease
PDF
So, you are pitching to win new business
PPTX
What do you need when you start teaching
DOCX
Personal Response 2009
PPT
De vernieuwde ips - vragen aan het publiek
PPT
Presenting LucasArts (Schoolwork presentation)
PPTX
Energieakkoord, bouwbesluit, energielabel en bijna energieneutrale gebouwen
PPT
Kick off HvA - MIC - Beeld en Geluid -131112 - John Leek
PDF
Master paleodieta integratori crossfit roma 26 10-2014
PPTX
Making People Laugh for Fun & Profit
PPT
Dibujos 3º C
PDF
Padres Communication Protocols
DOCX
Curriculum builder directions
PPT
Presenting Oldies [Video game] (Schoolwork presentation)
さあ、始めましょう―Call to Action―
デスクトップアプリを『一歩前へ』進める方法
XP祭り2016 - SWチームとHWチームがスクラムを組んだら
半透明は飾りです 偉い人にはそれがわからんのですよ
Windowsフォームで大丈夫か?一番良いのを頼む。
Windowsの画面スケーリングを きちんと理解しよう
Platform duurzame huisvesting heeft tools rondom Green lease
So, you are pitching to win new business
What do you need when you start teaching
Personal Response 2009
De vernieuwde ips - vragen aan het publiek
Presenting LucasArts (Schoolwork presentation)
Energieakkoord, bouwbesluit, energielabel en bijna energieneutrale gebouwen
Kick off HvA - MIC - Beeld en Geluid -131112 - John Leek
Master paleodieta integratori crossfit roma 26 10-2014
Making People Laugh for Fun & Profit
Dibujos 3º C
Padres Communication Protocols
Curriculum builder directions
Presenting Oldies [Video game] (Schoolwork presentation)
Ad

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

PPTX
HTML5 クロスプラットフォームアプリ開発の現実解
PPTX
Solution semniar vs2013_multi_device-1209-new
PDF
NSA NB委員会セミナー「モバイルアプリ開発業務におけるmonacaの活用」
PPTX
Webエンジニアによるスマートフォンアプリ開発
PPTX
企画者が押さえておきたいHtml5アプリ開発の要点
PPTX
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
PDF
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
PDF
Force.com開発基礎
KEY
スマートフォン開発の事例 Html5開発の導入ポイント
PDF
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
PDF
Touch Platform によるモバイルアプリケーション開発
PDF
.NET技術でこれからも食べていくための技術戦略
PPTX
WAI-ARIAで実現するマルチデバイス環境のwebアプリケーション
PDF
Html5で加速するモバイルアプリ開発
PPTX
【React×firebase】サービス開発入門ハンズオン
PDF
Force.com Canvas アプリケーション
PPTX
基盤の改善から既存アプリケーションの改善
PPTX
ICT ERA+ABC 2012東北講演
KEY
スマートフォンアプリケーション開発の最新動向
PPTX
Phone gap+javascriptスマホアプリ開発(入門編)
HTML5 クロスプラットフォームアプリ開発の現実解
Solution semniar vs2013_multi_device-1209-new
NSA NB委員会セミナー「モバイルアプリ開発業務におけるmonacaの活用」
Webエンジニアによるスマートフォンアプリ開発
企画者が押さえておきたいHtml5アプリ開発の要点
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
Force.com開発基礎
スマートフォン開発の事例 Html5開発の導入ポイント
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
Touch Platform によるモバイルアプリケーション開発
.NET技術でこれからも食べていくための技術戦略
WAI-ARIAで実現するマルチデバイス環境のwebアプリケーション
Html5で加速するモバイルアプリ開発
【React×firebase】サービス開発入門ハンズオン
Force.com Canvas アプリケーション
基盤の改善から既存アプリケーションの改善
ICT ERA+ABC 2012東北講演
スマートフォンアプリケーション開発の最新動向
Phone gap+javascriptスマホアプリ開発(入門編)

More from Developers Summit (20)

PDF
【18-A-2】ゲーミフィケーション・エバンジェリストが見る「あなたの技術力が“ワクワクするサービス”に変わる未来」
PDF
【C-2・小林様】AIとAPIがITインフラにもたらす変化 ~プログラマブルなクラウド型Wi-Fi~
PDF
【C-2・醍醐様】AIとAPIがITインフラにもたらす変化 ~プログラマブルなクラウド型Wi-Fi~
PDF
【B-4】オープンソース開発で、フリー静的解析ツールを使ってみる
PDF
【B-6】Androidスマホの生体認証の脆弱性、調べてみたらよくある話だった。
PDF
【13-B-6】Hondaの生産技術屋さんがソフトウェア開発でアジャイルを初導入し組織変革に挑戦
PDF
【15-E-7】セキュアな環境でDevOpsを実現する厳選ツール
PDF
【15-E-7】セキュアな環境でDevOpsを実現する厳選ツール
PDF
【14-E-3】セキュリティ・テストの自動化によるDevSecOpsの実現 (デモ有)
PDF
【15-D-2】デンソーのMaaS開発~アジャイル開発で顧客との協調・チームビルディング・実装概要~
PDF
【14-C-8】みんなの暮らしを支えるAmazon S3の裏側、お伝えします
PDF
【14-C-7】コンピュータビジョンを支える深層学習技術の新潮流
PDF
【15-B-7】無意味なアラートからの脱却 ~ Datadogを使ってモダンなモニタリングを始めよう ~
PDF
【15-A-1】ドラゴンクエストXを支える失敗事例
PDF
【15-A-5】ゲーミフィケーションエバンジェリストが説く、アプリ開発で見落としがちな「おもてなし」とは~面白さを伝える × 面白く魅せる~
PDF
【B-2】福岡発Node.jsで支える大規模システム!〜「誰ガ為のアルケミスト」と歩んだ三年〜
PDF
【B-5】モダンな開発を実現するツールチェーンのご紹介
PDF
【C-2】メモリも、僕のキャパシティも溢れっぱなし。。2年目エンジニアが実現した機械学習
PDF
【A-2】とあるマーケティング部隊とデータエンジニアのデータドリブンへの道
PDF
【B-2】AI時代におけるエンジニアの生存戦略
【18-A-2】ゲーミフィケーション・エバンジェリストが見る「あなたの技術力が“ワクワクするサービス”に変わる未来」
【C-2・小林様】AIとAPIがITインフラにもたらす変化 ~プログラマブルなクラウド型Wi-Fi~
【C-2・醍醐様】AIとAPIがITインフラにもたらす変化 ~プログラマブルなクラウド型Wi-Fi~
【B-4】オープンソース開発で、フリー静的解析ツールを使ってみる
【B-6】Androidスマホの生体認証の脆弱性、調べてみたらよくある話だった。
【13-B-6】Hondaの生産技術屋さんがソフトウェア開発でアジャイルを初導入し組織変革に挑戦
【15-E-7】セキュアな環境でDevOpsを実現する厳選ツール
【15-E-7】セキュアな環境でDevOpsを実現する厳選ツール
【14-E-3】セキュリティ・テストの自動化によるDevSecOpsの実現 (デモ有)
【15-D-2】デンソーのMaaS開発~アジャイル開発で顧客との協調・チームビルディング・実装概要~
【14-C-8】みんなの暮らしを支えるAmazon S3の裏側、お伝えします
【14-C-7】コンピュータビジョンを支える深層学習技術の新潮流
【15-B-7】無意味なアラートからの脱却 ~ Datadogを使ってモダンなモニタリングを始めよう ~
【15-A-1】ドラゴンクエストXを支える失敗事例
【15-A-5】ゲーミフィケーションエバンジェリストが説く、アプリ開発で見落としがちな「おもてなし」とは~面白さを伝える × 面白く魅せる~
【B-2】福岡発Node.jsで支える大規模システム!〜「誰ガ為のアルケミスト」と歩んだ三年〜
【B-5】モダンな開発を実現するツールチェーンのご紹介
【C-2】メモリも、僕のキャパシティも溢れっぱなし。。2年目エンジニアが実現した機械学習
【A-2】とあるマーケティング部隊とデータエンジニアのデータドリブンへの道
【B-2】AI時代におけるエンジニアの生存戦略

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