A04_これがデジタル変革だ！3 か月で B2C の WEB ポータルをスクラッチした Microsoft クラウドネイティブ の開発事例 [Microsoft Japan Digital Days]
•
0 gostou•212 visualizações
西部ガス情報システム 株式会社 システム統括部 スペシャリスト 上野 伸一 氏 西部ガス情報システム 株式会社 システム統括部 末永 樹里亜 氏 日本マイクロソフト株式会社 App Innovationアーキテクト本部 Cloud Solution Architect 服部 佑樹 NewNormal が浸透してきた中、顧客との関係も対面サービスからスマートフォン等を利用した非対面サービスに変化しています。社内もリモートワークが推奨される中で、今求められているのは、リモートワークにおける生産性とそこから生み出されるサービスです。それら『外向きの DX』と『内向きの DX』に立ち向かうに当たって、最新の Microsoft テクノロジーを活用した弊社事例についてご紹介いたします。統合ホスティングサービスの Microsoft Azure Static WebApps を採用し、開発には GitHub、Visual Studio Code を利用しています。 【Microsoft Japan Digital Daysについて】 Microsoft Japan Digital Days は、お客様が競争力を高め、市場の変化に迅速に対応し、より多くのことを達成することを目的とした、日本マイクロソフトがお届けする最大級のデジタル イベントです。4 日間にわたる本イベントでは、一人一人の生産性や想像力を高め、クラウド時代の組織をデザインするモダンワークの最新事例や、変化の波をうまく乗り切り、企業の持続的な発展に必要なビジネスレジリエンス経営を支えるテクノロジの最新機能および、企業の競争優位性に欠かせないクラウド戦略のビジョンなどデジタル時代に必要な情報をお届けいたしました。（2021年10月11日～14日開催）
Recomendados
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Semelhante a A04_これがデジタル変革だ！3 か月で B2C の WEB ポータルをスクラッチした Microsoft クラウドネイティブ の開発事例 [Microsoft Japan Digital Days]
Semelhante a A04_これがデジタル変革だ！3 か月で B2C の WEB ポータルをスクラッチした Microsoft クラウドネイティブ の開発事例 [Microsoft Japan Digital Days] (20)
Mais de 日本マイクロソフト株式会社
Mais de 日本マイクロソフト株式会社 (20)
Último
Último (10)
A04_これがデジタル変革だ！3 か月で B2C の WEB ポータルをスクラッチした Microsoft クラウドネイティブ の開発事例 [Microsoft Japan Digital Days]
- 1. Microsoft Japan Digital Days *本資料の内容 (添付文書、リンク先などを含む) は Microsoft Japan Digital Days における公開日時点のものであり、予告なく変更される場合があります。 #MSDD2021 これがデジタル変革だ！ 3か月でB2CのWEBポータルをスク ラッチした Microsoft クラウドネイ ティブ の開発事例 西部ガス情報システム システム統括部 スペシャリスト 上野 伸一 # A04 末永 樹里亜
- 2. Agenda DX とは 変革を継続する組織 開発事例
- 3. Microsoft Japan Digital Days DX とは 変革を継続する組織
- 4. Microsoft Japan Digital Days 2018年 METI(経済産業省)公表 企業がビジネス環境の激しい変化に対応し、データ とデジタル技術を活用して、顧客や社会のニーズを 基に、製品やサービス、ビジネスモデルを変革すると ともに、業務そのものや、組織、プロセス、企業文 化・風土を変革し、競争上の優位性を確立するこ と DX（デジタルトランスフォーメーション）の定義
- 6. ビジネスを取り巻く急激な環境変化への認知 政治(Politics) 緊急事態宣言による 人の移動に制限 経済(Economy) リーマンショックを超え る未曾有の経済危機 社会(society) 顧客との関係性は非 対面化
- 8. IaaS(2010～) リフト＆シフト モデルが出てきた2010年のテクノロジー • iPhone 3GS が新発売 • Windows XP のシェア率が60％
- 9. Microsoft Japan Digital Days Azure Static Web Apps - 2021年6月 GA 最先端の Jamstack(※) 統合ホスティングサービス ※JavaScript/APIs/Markup 頭文字
- 10. Microsoft Japan Digital Days Jamstack global community サイトより Client WebServer App Server Database CMS Client CDN Microservices Traditional Web Jamstack 最先端クラウドの恩恵を得るためには、最先端のテクノロジーを
- 11. Microsoft Japan Digital Days
- 12. Microsoft Japan Digital Days デジタル化 ≠ DX（デジタル・トランスフォーメーション）
- 13. Microsoft Japan Digital Days デジタル化の例 • 紙媒体の運用をペーパレス化 • 古いシステムや、人手がかかる作業をRPAで代 替 • SaaS（クラウドのパッケージ製品）の導入 デジタル化 ≠ DX（デジタル・トランスフォーメーション）
- 14. Microsoft Japan Digital Days デジタル化の例 • 紙媒体の運用をペーパレス化 • 古いシステムや、人手がかかる作業をRPAで代 替 • SaaS（クラウドのパッケージ製品）の導入 デジタル化 ≠ DX（デジタル・トランスフォーメーション） それでも、日々のIT業務に 変革 を感じれないと思うことはありませんか？
- 17. Microsoft Japan Digital Days 開発事例 アーキテクチャ テクノロジー 開発プロセス
- 18. Microsoft Japan Digital Days ガス・電気ご利用者さま向け会員制サイト開発 – アーキテクチャ Azure Static Web Apps ※最先端のJamstack 統合ホスティングサービス
- 19. 開発環境 Visual Studio Code TypeScript React –hooks Material - UI PWA プロジェクト管理 Azure Static Web Apps Functions Table Storage Application Insight V-Net GitHub Enterprise RedMine Microsoft Teams ガス・電気ご利用者さま向け会員制サイト開発 – テクノロジー
- 20. Azure Static Web Apps Functions Table Storage Application Insight V-Net 開発技術 Visual Studio Code TypeScript React –hooks Material - UI PWA プロジェクト管理 GitHub Enterprise RedMine Microsoft Teams ガス・電気ご利用者さま向け会員制サイト開発 – テクノロジー フロントエンド開発プロセスに注目 GitHub Enterprise はコード管理にとどまらず、タスク管理、CI-CD(Actions)など アジャイル型組織改革を強力に支援
- 21. Microsoft Japan Digital Days ガス・電気ご利用者さま向け会員制サイト開発 – テクノロジー Azure Static Web Apps 無料版 月間100GBまでの帯域幅無料 サブスクリプション単位 数に制限なし 有償版 1000円/月 （100GB） 以降、1ＧＢ当たり22円
- 22. Microsoft Japan Digital Days ガス・電気ご利用者さま向け会員制サイト開発 – 開発プロセス Azure Static Web Apps は GitHub 、 Visual Studio Code と組み合わせることで、最大 のパフォーマンスを発揮する
- 23. Microsoft Japan Digital Days カンバン を利用したタスクの可視化 ソースコードリポジトリ、GitHub Actions のCI-CDだけではなく、開発プロセスの一連の作業を包含 マイルストーン 毎に進捗の可視化 全ては Issuse という 作業タスクが要素
- 24. Microsoft Japan Digital Days GitHub Enterprise であれば、秘匿性 の高い企業の基幹システムのコード管理 も安全に運用可能 エンタープライズ システム開発においても、GitHub Enterprise を利用することでセキュアなコード管理が可能 (OSS開発者など)個人のアカウントを利 用していても、セキュアに運用
- 25. 開発者 在宅からIssueに対して チェックイン(push) GitHub Actions によるCI-CD （自動） Static Web Apps は GitHub と連動し、メインのリポジトリから派生したブランチを 新規のステージング環境として、自動構築 開発プロセス の変革
- 26. CI-CD Yaml ファイル name: Azure Static Web Apps CI/CD(ガス-確認用ステージング) on: push: branches: - master pull_request: types: [opened, synchronize, reopened, closed] branches: - master CI-CD の設定も、隠蔽されているわけではなく、 Yaml(ヤムル)ファイルに記述されているので、 任意でカスタマイズ可能 開発プロセス の変革
- 27. Microsoft Japan Digital Days Static Web Apps • Visual Studio Code • Github • Issus によるタスク管理 • ActionsによるCI-CD • Static Web Appsによる ステージング環境自動化 開発プロセス の変革 Azure Static Web Apps が中心 従来のプロジェクト管理は 開発者の開発行為に全て連動 プロジェクト管理へ直結 チェックイン時にIssue番号を紐付けることで、かんばん、 マイルストーンなどに状況が連動 ブランチのマージ（Pullリクエスト）によって、自 動で新規ステージング環境が構築 障害もIssue管理
- 28. Microsoft Japan Digital Days まとめ
- 29. Microsoft Japan Digital Days プロダクト オーナーは率先 してコードを記述する点に おいて、プロジェクトマネー ジャーとは異なる チームでは、 VisualStudio Codeで も利用できるリモート・ペ アプログラミングツール （LiveShare）などを 利用して、アジャイル型 の開発を取り入れる ある時点でゴールが来 るものではなく、チーム のスキルアップを目指し、 常に時代に応じた最善 の技術選定を行い、 Bestではなく、Betterを 目指す プロダクト オーナー アジャイル型組 織改革 アジャイル型組織改革へ テクノロジーによる破壊的イノベーション と言われる時代に、Developer first な組織改革を目指す
- 30. Microsoft Japan Digital Days 2010年から、2021年へ お手元のスマートフォンは iPhone 3GS（2010年～） ですか？ iPhone 12 ですか？ あなたの組織を2021年におけるDXを満たす組織構造へアップデートしませんか？
- 31. Microsoft Japan Digital Days これがデジタル変革だ！ 西部ガス情報システム システム統括部 スペシャリスト 上野 伸一 お問い合わせ先 https://www.sgis.co.jp/contact/ 3か月でB2CのWEBポータルをスクラッチした Microsoft クラウドネイティブ の開発事例 末永 樹里亜 エンタープライズにおける最先端の技術支援を行います UenoShinichi@saibugas-group.com