2024/07/04 Blazor+ローコードで実現する.NET資産のモダナイズ

2024/07/04 Blazor+ローコードで実現する.NET資産のモダナイズ

• 1.
  Blazor+ローコードで実現する .NET資産のモダナイズ
• 2.
  自己紹介 石川達也 株式会社Codeer代表取締役 Microsoft MVP（2014～ OSS開発(Friendly, LambdicSQL,Blazor.DynamicJS, Excel.Report.PDF etc) 株式会社Codeer 14期目 Microsoft MVP 複数名在籍 コンサル、受託開発 TestAssistantPro 開発販売 Codeer.LowCode.Balzor 開発販売 New!
• 3.
  皆様の.NET資産を活用して モダンなWebアプリを開発するチャンスです！
• 4.
  Since 2002 .NETの歴史と資産
• 5.
  ・クラサバアプリ作っているけどWebアプリにしたい ・WebForms使ってるけど別のフレームワークにしたい アンケート
• 6.
  ・すでにBlazor使ってる方 アンケート
• 7.
  ・自分たちのアプリにもローコード機能を取り入れたい アンケート
• 8.
  なんだかんだで現実問題 サーバーサイドもクライアントも書ける人材集めるのは大変 担当者を分ける手もあるが管理も大変になる 技術習得するにしても段階的に実施したい .NET開発者はWebのフロント苦手説 .NET開発者は、特に企業向けアプリケーションの開発に おいて強力なスキルセットを持っているが、Web開発に おいては特有の課題に直面することが多い
• 9.
  ・C#（.NET）がフロント実装でも使える ・Visual Studio だけで開発できる ・サーバー、クライアントの両方で同じ技術なので開発効率が高い ・綺麗にコードが書ける ★逆説的にBlazorのコードをあまり書かなくても良い →ほとんど普通のC#の実装にまわせる Blazorはいいぞ！
• 10.
  Nuget、3rdPertyなどのエコシステム、既存資産が利用できる Blazorだけでも沢山のライブラリが公開されています それだけではなく.NETの一般的なライブラリも Webのフロントでも使えるのです エコシステムもそろってます .NETでモダンなWebアプリを作れる環境が整っています！
• 11.
  ノーコード/ローコードの大躍進 ・2020ごろから急速に進んできた ・DX政策 ・コロナのパンデミックも影響している （ChatGPT 4o 調べ）
• 12.
  フルスクラッチ ローコード/ノーコード ◎細かく作りこめる ×費用が高い ×エンドユーザーによるカスタマイズは無理 ◎簡単に作れる ◎エンドユーザーによるカスタマイズも可能 ×細かいことは無理 OR 一般的には
• 13.
  フルスクラッチ ◎簡単に作れて費用削減 ◎必要に応じて細かく作りこめる ◎エンドユーザーによるカスタマイズも可能 Codeer.LowCode.Blazor いいことしかない！ ローコード/ノーコード AND
• 14.
  ビルド デザイナで設定で画面/機能を作成 足りない部分をBlazor/.NETで作りこむ Designerで配置/設定できるようにする テンプレートから新規作成 リリース カスタマイズ まったく新しい開発サイクル
• 15.
  ご導入いただいてるお客様の声 デジック様 ライセンス管理 R&C IP WORKS様 特許見積システム SharePointやExcelで行われていた ライセンス管理業務をWebアプリで作成 若手社員により3日で実装完了 複雑な特許の見積書発行システム 要件定義も含め2日で完了
• 16.
  .NET技術をフル活用して Webアプリ開発 .NETエコシステムの活用 ローコード機能の追加 New! 皆様の.NET資産を活かすための技術はそろっています。 全力でサポートいたします。 今こそ一緒にモダンなWebアプリを作りましょう！ Keynote Closing
• 17.
  Codeer.LowCode.Blazor
• 18.
  デモ ・新規作成 ・Git連携 ・できること ・Designerの使い方 ・一括作成
• 19.
  導入事例
• 20.
  Codeerでも利用中 Codeer.LowCode.BlazorのSFA Codeer.LowCode.BlazorのLicenseサーバー Codeerの見積、請求システムも作成予定
• 21.
  R&C IP WORKS様 特許見積システム 複雑な特許の見積書発行システム 要件定義も含め2日で完了 他のシステムへの展開もご検討中 企業の知財部向けに ソフトウェアを開発されている企業様です
• 22.
  ライセンス管理システム 株式会社デジック様
• 23.
  Codeer.LowCode.Blazor導入の過程 株式会社デジック DIGIC Co.,Ltd.
• 24.
  会社概要 会社名 株式会社デジック(英 DIGICCo., Ltd.) 所在地 〒581-0053 大阪府八尾市竹渕東1丁目209番地 TEL 06-6790-8585 FAX 06-6790-4611 設立 1988年2月17日 資本金 1,000万円 代表者 代表取締役社長 倉田慎介 事業内容 生産管理システム『Assist series』開発/販売(ソフトウェア事業部) ポンプ・バルブ用パッキン『グラファイトパッキン』製造/販売 (製 造部) 他 Assist HP https://assist-series.jp/ 認証範囲:製造部 認証範囲:ソフトウェア事業部
• 25.
  私たち株式会社デジックは 製造業とソフトウェア業の２つの側面から 中小企業のものづくりを支える会社です。 ソフトウェア業 小規模向け 生産管理システム 開発・販売 製造業 ポンプ・バルブ用 パッキン 製造・販売 デジックは30年以上製造業、特に金属加工業向けのノウハウを有しており、 システム開発を多数手掛けてきました。 生産管理システムやAssistのことで気になること・相談したいことがあれば お気軽にお声がけください。 デジックの特徴 実際の製造現場で出た意見を基にシステムの 開発・改善を行っています。
• 26.
  株式会社デジックは製造業としての知見を活かし、 お客様と同じ目線でソフトを開発します。 日々社員一同でAssist seriesのバージョンアップを考え、 製造現場の意見も聞きながら様々なオプションソフトも開発しております。 またその長年の経験とノウハウを活かし、お客様個別のカスタマイズ対応 も行っております。
• 27.
  既存システムの運用 • 自社生産管理システムにお いて、時代や製品の変化に 応じて様々な形態のライセ ンス形態を追加 ➢ ライセンス管理システ ムを都度開発 ➢ライセンス形態が多い 為保守料計算も複雑化 • そのためSharePointで統 合管理
• 28.
  既存システムの実態 となっているはずが実態は • ライセンス情報 ➢ SharePointに手入力し 管理 •保守料計算 ➢ SharePointの情報を更 に神Excelに転記 ⇒属人化のために職人芸化
• 29.
  社内からの要望 • 手作業が多い為要望が山積 ➢ 自社の生産管理システムベースで 一元管理したい ➢手作業では保守の請求漏れが発生 する ➢ 出先のスマホでライセンス情報を すぐに見れない ➢ 保守料を自動計算して、保守帳票 を出せるようにしたい 既存システムが多数で、モバイル対応と なると実装コストが重く進まず… 自社生産管理システムAssist(顧客情報画面)
• 30.
  Codeer.LowCode.Blazorの導入 • Pros ➢自社生産管理で使用されている C#/WinFormsからの移行が容易 ➢自社の既存資産(SQL Server)との バインディングが強力 ➢自由度が高い ➢ASP.NETCore + React等に比して 低開発コスト ➢Cons ➢出来たばかりなのでマニュアルが 控えめ 自社の開発スタックとの差分が少なく、 融通が効いて素早く開発できる点で採用 実際の顧客情報画面のデザイナ
• 31.
  Codeer.LowCode.Blazorでの実際の開発 実際のライセンス情報画面と保守帳票 • API越しのデータとDBのデータ を統合しライセンス計算する必 要があったが、Scriptで対応 ➢ ExcelテンプレからPDFを 出力する機能で保守帳票を 作成 •Codeer様からの導入支援もあ り短期間で稼働 ➢ 20代の若手社員が3日で主 要機能の実装を完了するこ とに成功 • 当初の目的を達成
• 32.
  最終的なシステム構成 • オンプレのWS上のIIS上でLowCodeを ホストし、SQL Serverに接続 ➢クラウドのライセンスサーバには WebAPI機能で接続 • 社外からはCloudflare経由のEntra ID認 証で、イントラは認証なしという構成 ➢ 将来的な展望としてEntra IDを運 用していない工場でも使用したい ため、内蔵Entra ID認証機能は使 用せず
• 33.
  将来的な展望 今回の顧客管理が比較的うまくいった為、 他への展開を検討 • 社内業務改善(3S活動)のDX化に展開 ➢ (顧客管理の合理化) ➢ex: 作業日報確認の合理化 • 自社製品(WinForms)の提案にも展開 ➢ ex: オーダーでの特注画面実装 ➢ ex: 出先等からの見積確認 デジックでは3S活動を通じて 脱紙・Excel化を進めています
• 34.
  一緒にローコード機能のあるBlazorアプリを作りましょう！ フルスクラッチとローコードのいいとこどり まったく新しい開発サイクル 圧倒的な開発効率 リリース後にもエンドユーザー様を交えたカスタマイズ 開発者に寄り添ったローコード機能