Slide 1

Slide 1 text

© GrapeCity inc. テクノロジーと UI / 機能性で考える DX のバリエーション グレープシティ株式会社 ツール事業部 プロダクトマーケティングチーム 村上 功光

Slide 2

Slide 2 text

弊社紹介 グレープシティ株式会社について

Slide 3

Slide 3 text

© GrapeCity inc. 3 グレープシティ株式会社 創 立 1980 年 5 月 資 本 金 9,000 万円 社 員 数 国内 270 名 / 海外 800 名 拠 点 国内 宮城(仙台本社) / 埼玉 / 大阪 / 北 海道 / 岩手 / 神奈川 / 福岡 海外 アメリカ / 中国 / 韓国 / インド ベトナム / マレーシア / ミャンマー

Slide 4

Slide 4 text

© GrapeCity inc. 4 事業内容 ソフトウェア開発支援ツール ITシステムの 活用促進ソリューション 英語教育ソリューション 社会福祉施設向け 業務支援システム 各種映像制作の トータルプランニング 学校法人向け業務システム

Slide 5

Slide 5 text

© GrapeCity inc. 5 ソフトウェア開発支援ツール事業  高機能ライブラリの開発・販売  30年以上の実績  世界4ヶ国を主要に展開中

Slide 6

Slide 6 text

はじめに レガシーシステムとDXの必要性について

Slide 7

Slide 7 text

© GrapeCity inc. 7 レガシーシステムについて 例えば... レガシーシステム とは、 技術面の老朽化、システムの肥大化・複雑化 ブラックボックス化等の問題があり、 その結果として経営・事業戦略上の足かせ 高コスト構造の原因となっているシステム デジタルトランスフォーメーションに向けた研究会 (経済産業省)による DX レポート より ファイル(F) 編集(E) ヘルプ(H) 売上管理表 VB6製 クライアントサーバー型 業務アプリケーション

Slide 8

Slide 8 text

© GrapeCity inc. 8 古いシステムが抱えるリスク 直 せ な い 動 か な い 守 れ な い VB6 開発環境は 2008 年にサポート終了 Windows 10/11 では一応、アプリ動作を保証 (いつまでサポートされるかは不明) IT セキュリティ面で未知の脅威に対応する術は無し

Slide 9

Slide 9 text

© GrapeCity inc. 9 DX / システム刷新 のメリット 直 せ ま す 1 守 れ ま す 3 動 き ま す も っ と 便 利 に で き ま す 2 4

Slide 10

Slide 10 text

© GrapeCity inc. 10 刷新の推奨タイミングと 「2025年の崖」 問題 複雑化・老朽化・ブラックボックス化した既存システムが残存した場合、 2025 年までに予想される IT 人材の引退や サポート終了等によるリスクの高まり等に伴う経済損失は 2025 年以降、最大 12 兆円/年にのぼる可能性がある。 デジタルトランスフォーメーションに向けた研究会(経済産業省)による DX レポート より

Slide 11

Slide 11 text

© GrapeCity inc. 11 刷新の推奨タイミングと 「2025年の崖」 問題 システムが古くなる 2025年になると...  基幹系システムの 6 割において稼働期間が21年以上になる 人 も い な く な る  IT系の人材 41 万人の不足が見込まれる  旧システムに精通した技術者も退職などにより減少する 残すところ 3 年、今が刷新のタイミング?

Slide 12

Slide 12 text

© GrapeCity inc. 12 刷新するとしたら... テクノロジーで システムを UI / 機能 とともに どんな 作れるのか?

Slide 13

Slide 13 text

© GrapeCity inc. 13 本日の目次 1 2 3 アプリケーションのかたち これからのテクノロジー 便利を実現する UI と 機能

Slide 14

Slide 14 text

アプリケーションのかたち これまで と これから の システム形態 について

Slide 15

Slide 15 text

© GrapeCity inc. 15 広がるシステム形態の選択肢 デスクトップ ウェブ クラウド

Slide 16

Slide 16 text

© GrapeCity inc. 16 システム形態ごとのポイント デスクトップ セキュリティ オフラインでも使える ハードウェアコントロール

Slide 17

Slide 17 text

© GrapeCity inc. 17 システム形態ごとのポイント アクセスの柔軟性 クロスプラットフォーム 運用や保守のやり易さ ウェブ

Slide 18

Slide 18 text

© GrapeCity inc. 18 システム形態ごとのポイント クラウド リソース運用をクラウドサービスに任せてコストを削減するやり方 SaaS PaaS IaaS Software as a Service ク ラ ウ ド 上 で ソ フ ト を 使 う Platform as a Service ク ラ ウ ド 上 で O S を 使 う Infrastructure as a Service ク ラ ウ ド 上 で マ シ ン を 使 う

Slide 19

Slide 19 text

© GrapeCity inc. 19 クラウド利用における コスト と 自由度 の関係 提供されるリソース SaaS PaaS IaaS on-premises アプリケーション ● ー ー ー データ ● ー ー ー ランタイム ● ● ー ー ミドルウェア ● ● ▲ ー OS ● ● ● ー ハードウェア ● ● ● ー ネットワーク ● ● ● ー コスト と 自由度 コストが低い 自由度が高い

Slide 20

Slide 20 text

© GrapeCity inc. 20 参考情報  弊社ではクラウドに関するお問い合わせが増加中  特に PaaS 環境での利用ご検討が多い模様  Microsoft Azure、Amazon Web Service が人気

Slide 21

Slide 21 text

これからのテクノロジー これまで と これから の 利用技術 について

Slide 22

Slide 22 text

© GrapeCity inc. 22 Microsoft 系テクノロジーの変遷 過 去 現 在 こ れ か ら • VB6 • ActiveX Visual Basic • Windows Forms • WPF • ASP.NET .NET Framework ? .NET 6

Slide 23

Slide 23 text

© GrapeCity inc. 23 .NET Framework と 後発のテクノロジー .NET Framework  デスクトップアプリケーション  ウェブアプリケーション 技 術 対象OS 作 れ る ア プ リ ア プ リ モ デ ル .NET Core  デスクトップアプリケーション  ウェブアプリケーション Xamarin  iOS / OSX アプリケーション  Android アプリケーション  デスクトップアプリケーション Windows Forms WPF ASP.NET Windows Forms ASP.NET Core UWP WPF Console iOS Android OSX UWP

Slide 24

Slide 24 text

© GrapeCity inc. 24 全てを包括する .NET 6 (2021.11.8 リリース) 技 術 対象OS 作 れ る ア プ リ ア プ リ モ デ ル 特徴 • 以下のアプリケーションモデルを サポートする統一プラットフォーム • .NET Framework • .NET Core • Xamarin • ただし含まれないモデル有り • ASP.NET Web Forms • WCF (Windows Communication Foundation) • WF(Windows Workflow Foundation)  iOS / OSX アプリケーション  Android アプリケーション Windows Forms WinUI ASP.NET Core Android WPF Console iOS macOS .NET 6  デスクトップアプリケーション  ウェブアプリケーション

Slide 25

Slide 25 text

© GrapeCity inc. 25 これからのテクノロジー選び(.NET) .NET Framework Ver. は 4.8 で更新はストップ しかしサポートは 10 年以上続く  関連システムが.NET Framework や IIS を使用している  組み込む予定のライブラリが.NET 6 に対応していない .NET 6 これからの新しいプラットフォーム なお同じアプリモデルならこちらが高速  .NET ベースの新規開発  クロスプラットフォーム向けシステム開発(Win / Linux / MacOS) テクノロジー どんな時に選ぶ?

Slide 26

Slide 26 text

© GrapeCity inc. 26 Webアプリ開発 (SPA) における JavaScript という選択肢 フロントエンド開発 バックエンド開発 クライアントサイド サーバーサイド Ruby / Java / PHP / Python HTML / CSS / JavaScript JavaScriptを 使 っ た 開 発 が 増 え て い ま す バックエンドは .NET技術でも 構 築 可 能 で す

Slide 27

Slide 27 text

便利を実現する UI と 機能 高機能ライブラリのご紹介

Slide 28

Slide 28 text

UI編

Slide 29

Slide 29 text

© GrapeCity inc. 29 最新ライブラリで実現する多様な UI レガシーシステム これからのシステム ファイル(F) 編集(E) ヘルプ(H) 売上管理表 ファイル(F) 編集(E) ヘルプ(H) 売上管理表

Slide 30

Slide 30 text

© GrapeCity inc. 30 グリッド表示のバリエーション グリッドビュー スプレッドシート 多段明細

Slide 31

Slide 31 text

© GrapeCity inc. 31 Example - Excel ライクな UI の実現 SPREAD 利用シーン 馴染みある UI と機能を実現する スプレッドシートライブラリ • Excelを使った業務のシステム化 • Excelライクな使い勝手を 求められるシステムの構築

Slide 32

Slide 32 text

© GrapeCity inc. 32 入力を最適化して業務を効率化する InputMan 利用シーン あらゆる用途で快適な入力を 実現するためのライブラリ • わずらわしい操作が発生する 入力画面のサポートとして

Slide 33

Slide 33 text

© GrapeCity inc. 33 Example - InputManの入力サポート機能 ふりがなを自動取得 文字種を自動変換

Slide 34

Slide 34 text

機能編

Slide 35

Slide 35 text

© GrapeCity inc. 35 ドキュメント中心のDXを実現する DioDocs (ディオドック)

Slide 36

Slide 36 text

© GrapeCity inc. 36 ドキュメント中心のDXを実現する DioDocs (ディオドック) 1 // 新規ワークブックの作成 2 v a r wor k book = ne w Gr a pe Ci t y . Doc ume nt s . E x c e l . Wor k book ( ) ; 3 obj e c t [ , ] da t a = ne w obj e c t [ , ] { 4 { " 名 前 " , " 地域 " , " 生年月日 " , " 血液型 " , " 体重 " , " 身長 " } , 5 { " 伊達 " , " 西地区 " , ne w Da t e T i me ( 1 9 6 8 , 6 , 8 ) , " A" , 6 7 , 1 6 5 } , 6 { " 上杉 " , " 北地区 " , ne w Da t e T i me ( 1 9 7 2 , 7 , 3 ) , " B" , 6 2 , 1 3 4 } , 7 { " 最上 " , " 西地区 " , ne w Da t e T i me ( 1 9 6 4 , 3 , 2 ) , " O" , 7 2 , 1 8 0 } , 8 { " 片倉 " , " 南地区 " , ne w Da t e T i me ( 1 9 7 2 , 8 , 8 ) , " A" , 6 6 , 1 6 3 } , 9 { " 田村 " , " 東地区 " , ne w Da t e T i me ( 1 9 8 6 , 2 , 2 ) , " A" , 7 6 , 1 7 6 } , 1 0 { " 津軽 " , " 北地区 " , ne w Da t e T i me ( 1 9 9 3 , 2 , 1 5 ) , " AB" , 6 8 , 1 4 5 } 1 1 } ; 1 2 I Wor k s he e t wor k s he e t = wor k book . Wor k s he e t s [ 0 ] ; 1 3 wor k s he e t . Ra nge [ " A1 : F 7 " ] . Va l ue = da t a ; 1 4 wor k s he e t . Ra nge [ " A: F " ] . Col umnWi dt h = 1 5 ; 1 5 / / テーブルを追加 1 6 wor k s he e t . T a bl e s . Add( wor k s he e t . Ra nge [ " A1 : F 7 " ] , t r ue ) ; 1 7 / / x l s x ファイルに保存 1 8 wor k book . S a v e ( " c r e a t e t a bl e . x l s x " ) ; コード実行 ファイル出力

Slide 37

Slide 37 text

© GrapeCity inc. 37 ドキュメント中心のDXを実現する DioDocs (ディオドック) 1 // 新規ワークブックの作成 2 v a r wor k book = ne w Gr a pe Ci t y . Doc ume nt s . E x c e l . Wor k book ( ) ; 3 obj e c t [ , ] da t a = ne w obj e c t [ , ] { 4 { " 名 前 " , " 地域 " , " 生年月日 " , " 血液型 " , " 体重 " , " 身長 " } , 5 { " 伊達 " , " 西地区 " , ne w Da t e T i me ( 1 9 6 8 , 6 , 8 ) , " A" , 6 7 , 1 6 5 } , 6 { " 上杉 " , " 北地区 " , ne w Da t e T i me ( 1 9 7 2 , 7 , 3 ) , " B" , 6 2 , 1 3 4 } , 7 { " 最上 " , " 西地区 " , ne w Da t e T i me ( 1 9 6 4 , 3 , 2 ) , " O" , 7 2 , 1 8 0 } , 8 { " 片倉 " , " 南地区 " , ne w Da t e T i me ( 1 9 7 2 , 8 , 8 ) , " A" , 6 6 , 1 6 3 } , 9 { " 田村 " , " 東地区 " , ne w Da t e T i me ( 1 9 8 6 , 2 , 2 ) , " A" , 7 6 , 1 7 6 } , 1 0 { " 津軽 " , " 北地区 " , ne w Da t e T i me ( 1 9 9 3 , 2 , 1 5 ) , " AB" , 6 8 , 1 4 5 } 1 1 } ; 1 2 I Wor k s he e t wor k s he e t = wor k book . Wor k s he e t s [ 0 ] ; 1 3 wor k s he e t . Ra nge [ " A1 : F 7 " ] . Va l ue = da t a ; 1 4 wor k s he e t . Ra nge [ " A: F " ] . Col umnWi dt h = 1 5 ; 1 5 / / テーブルを追加 1 6 wor k s he e t . T a bl e s . Add( wor k s he e t . Ra nge [ " A1 : F 7 " ] , t r ue ) ; 1 7 / / x l s x ファイルに保存 1 8 wor k book . S a v e ( " c r e a t e t a bl e . x l s x " ) ;

Slide 38

Slide 38 text

© GrapeCity inc. 38 システム実現例 ファイル出力 コード実行

Slide 39

Slide 39 text

© GrapeCity inc. 39 事例を公開しています SBテクノロジー株式会社さま 株式会社三井住友銀行さま 株式会社WorkVisionさま https://www.grapecity.co.jp/developer/about-us/case/ 煩雑化していたExcel帳票の 管理・運用コストをシステム化により削減 新技術に対応したDioDocsの採用で 医療機関のペーパーレス化を実現 デリバティブセールスが利用する 社内システムで業務効率化とリスク軽減を実現

Slide 40

Slide 40 text

© GrapeCity inc. 40 各種製品情報 Wijmo 高性能 JavaScript コントロールセット https://www.grapecity.co.jp/developer/wijmo ComponentOne .NET開発コンポーネントセット https://www.grapecity.co.jp/developer/componentone SPREAD Excel ライクを実現 https://www.grapecity.co.jp/developer/spread InputMan 快適な入力フォームを実現 https://www.grapecity.co.jp/developer/inputman ActiveReports 日本仕様の帳票コンポーネント https://www.grapecity.co.jp/developer/reporting DioDocs ドキュメントAPIライブラリ https://www.grapecity.co.jp/developer/diodocs MultiRow 多段明細グリッドコンポーネント https://www.grapecity.co.jp/developer/multirowplus-winforms LEADTOOLS 画像処理ツールキット https://leadtools.grapecity.com

Slide 41

Slide 41 text

© GrapeCity inc. 41 各種製品情報 本日の資料はブログにて公開予定 https://www.grapecity.co.jp/developer/support/system/net5 各種製品の .NET6 対応状況はこちらでチェック グレープシティ devlog

Slide 42

Slide 42 text

© GrapeCity inc. 最後までご聴講いただき ありがとうございました。