Weitere ähnliche Inhalte
Ähnlich wie 開発ツール「Wijmo」と「SpreadJS」からみる業務アプリケーションの変遷とこれから (20)
Mehr von Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社) (20)
Kürzlich hochgeladen (10)
開発ツール「Wijmo」と「SpreadJS」からみる業務アプリケーションの変遷とこれから
- 1. 開発ツール Wijmo と SpreadJS からみる
業務アプリケーションの変遷とこれから
グレープシティ株式会社 ツール事業部マーケティング部
プロダクトマーケティングマネージャー
村上 功光
- 18. HTML 5 の策定(2014年)
HTML 4 からの強化点・新機能
CSS – Web フォントの利用が可能に
動画・音声用のタグが登場
Canvas / SVG
タグ・APIによる図形・絵の描画が可能に
- 19. z
Canvas
HTML5 で導入された <canvas>
HTML 要素は、JavaScript による
スクリプティングによって図形な
どを描画するために使用します。
MDN Web Doc Canvas API
<canvas id="canvas"></canvas>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = “green”; // 緑色で
ctx.fillRect(10, 10, 100, 100); // 四角を描きます
HTML
JavaScript
実行結果
例
- 28. ES 5/6 で JS がより開発向きに
✓ 変数スコープのコントロール
✓ クラス
✓ モジュール、etc...
EcmaScript
5/6 の策定
- 29. 主要ブラウザが ES 5/6 に対応
✓ Microsoft IE / Edge
✓ Chrome, Firefox, Opera
✓ Safari, etc
EcmaScript
5/6 の策定
- 33. HTML 5 x JavaScript の長所
性能
使い勝手
環境
: 高速な描画
: 自由な実装
: 依存なし
- 37. z
Wijmo/ 高機能 JS コントロール集
主要収録コントロール
✓ グリッド・スプレッドシート
✓ チャート(Excel系/金融)
✓ ゲージ
✓ etc...
- 49. ASP.NET MVC
MVC手法による開発
Webフォームとの互換性はなし
.NET経験者には親しみのあるAPI.NET Framework
ASP.NET
ASP.NET
MVC
ASP.NET
Web Pages
ASP.NET
Web Forms
- 51. 開発方法 1 : 自分でつくる(with MVC)
アプリを自在に実装
クローズドな環境でのアプリ構築
実装工数・メンテナンスコスト
要検討
- 54. アトラシアン社のソフトウェアサービス
課題 & プロジェクト追跡
SaaS
→ Software as a Service
(サービス型ソフトウェア)
JIRA Software
*PaaS
→ Platform as a Service
(サービス型プラットフォーム)
- 59. z
SaaS/PaaS + Web API
VIEW
SaaS/PaaS
Web API
HTTPプロトコロル経由のAPIを使用して
データをやり取り
API
公開
データ取得
データ登録
etc.
DATA
Software
- 61. 開発方法 2 : バックエンドをサービスで
データまわりの工数減
クライアントサイドは自在にカスタマイズ
自社データを他社環境に保管
要検討
- 67. 開発方法 3 : 開発フレームワーク
GUIベースでアプリを構築
外観・データ・通信、全てをカバー
詳細なカスタマイズとチューニング
要検討
- 69. HTML 5 の登場により
✓ Web フォーム開発からの脱却が加速
✓ Web アプケーションの可能性が拡大中
✓ 新しい開発手法・ソリューションが登場