---
title: elastic-mabl-co-webinar-20220729
tags:  #elasticsearch #elastic #elastic stack #elasticsearchs  
author: [Shotaro Suzuki](https://convert.docswell.com/user/shosuz)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/GJWL4V11E2.jpg?width=480
description: Elastic x mabl 共同ウェビナー https://www.elastic.co/jp/virtual-events/elastic-mabl-webinar
published: July 29, 22
canonical: https://convert.docswell.com/s/shosuz/KENE4Q-elasticmablcowebinar20220729
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/GJWL4V11E2.jpg)

Elastic エンタープライズサーチとオブザーバビリティ
によるデジタルカスタマーエクスペリエンスの向上
鈴⽊ 章太郎
Elastic テクニカルプロダクトマーケティングマネージャー/エバンジェリスト
デジタル庁 省庁業務グループ ソリューションアーキテクト


# Page. 2

![Page Image](https://bcdn.docswell.com/page/4EZM24PXJ3.jpg)

Shotaro Suzuki
Twitter : @shosuz
Elastic
Technical Product Marketing
Manager/Evangelist
デジタル庁
省庁業務グループ
ソリューションアーキテクト
元 Microsoft Technical Evangelist


# Page. 3

![Page Image](https://bcdn.docswell.com/page/Y76NV3MP7V.jpg)

l
アジェンダ
l
l
なぜデジタルカスタマーエクスペリエンスが重要なのか
Elastic 概要
Enterprise Search と Observability による
カスタマーエクスペリエンス向上


# Page. 4

![Page Image](https://bcdn.docswell.com/page/G755DLZP74.jpg)

なぜカスタマーエクスペリエンスが重要なのか


# Page. 5

![Page Image](https://bcdn.docswell.com/page/9J2N8LRZER.jpg)

なぜカスタマーエクスペリエンスが重要なのか
新規顧客の開拓、ロイヤルティと信頼の構築、そして⽣涯顧客の維持に不可⽋
新しい顧客を獲得する
お客様を逃さない
お客様をサポートする


# Page. 6

![Page Image](https://bcdn.docswell.com/page/DEYP6QDNEM.jpg)

パフォーマンスの⾼い Web サイトやモバイルアプリを作る
遅い Web サイト、使い勝⼿の悪いモバイルアプリは、アクセス放棄、収益の損失、⼆度と戻ってこない訪問者につながる
15秒ルール
測定、監視、最適化
Web サイトにたどり着いた後、
60％のユーザーは、求めている
情報が⾒つかるかどうかで、サイト
に留まるか、バウンスするかを判断
Web サイトのパフォーマンスを維持する
ためには、リアルタイムで観測可能な
ツールが不可⽋


# Page. 7

![Page Image](https://bcdn.docswell.com/page/VJN5ZK6V78.jpg)

Web サイトやアプリ検索がビジネスの成⻑に貢献する3つの⽅法
顧客からの問い合わせと、それに対応した結果を結びつけることで、最適な Web サイト・モバイルアプリ体験を実現
閲覧⾏動をアドバンテージに
顧客維持率の向上
コスト削減、カスタマーサクセスとセルフサービスに投資し、顧客が望むものを提供する


# Page. 8

![Page Image](https://bcdn.docswell.com/page/YE9YZVLVJ3.jpg)

Web サイトやモバイルアプリ検索の改善で考慮すべきこと
⽴ち上げに苦労せず、管理も簡単なものに細⼼の注意を払う
柔軟性のある既成のソリューションを利⽤する
コンテンツの取り込みを効率化
直感的な UI で絞り込み検索が可能


# Page. 9

![Page Image](https://bcdn.docswell.com/page/GE861PX47D.jpg)

Elastic と mabl で実現するフロントエンド DevOps
FEATURE PR
RELEASE PR
GO-LIVE
プレビュー環境
Dev 環境
ステージング環境
本番環境
新機能と新たなテストの開発
エラー監視の仕組みで確認
エラー監視の仕組みで確認
エラー監視の仕組みで確認 ＆
お客様からのフィードック反映
フロントエンド開発における
ログ、メトリクス、APM の取得
フロントエンド開発における
ログ、メトリクス、APM の取得
フロントエンド開発における
ログ、メトリクス、APM の取得
性能チューニング他
フロントエンド開発における
ログ、メトリクス、APM の取得
性能チューニング他


# Page. 10

![Page Image](https://bcdn.docswell.com/page/LEL9Q18VJR.jpg)

Elastic アーキテクチャ、基本概念、クエリ


# Page. 11

![Page Image](https://bcdn.docswell.com/page/4JMZ1W6NEW.jpg)

The Elasticsearch Platform
In a world where endless data creates endless possibility, search helps people and organizations thrive.
Enterprise Search
Observability
Security
Kibana
Explore, Visualize, Engage
Elasticsearch
Store, Search, Analyze
Integrations
Connect, Collect, Alert
Public cloud
Hybrid
On-premises


# Page. 12

![Page Image](https://bcdn.docswell.com/page/PJR6LYP479.jpg)

検索のない世界から App Search がある世界へ
No
Search
Great
Search
コアテクノロジー
Elasticsearch
コンテンツの格納
UI/UX
検索結果の
コントロール
APIs
Search UI
分析
Web Crawler
検索結果
関連性チューニング
オートコンプリート
検索の再現・テスト
フィルター
Dashboard
ファセット機能


# Page. 13

![Page Image](https://bcdn.docswell.com/page/PEXMWG3Z7X.jpg)

マイクロサービスアーキテクチャの採⽤はメリットも多いが、
同時に問題発⽣時の根本的な原因を⾒つけるのが難しくなる


# Page. 14

![Page Image](https://bcdn.docswell.com/page/3EKGV4YVJD.jpg)

Observability で解決できる主なビジネス課題
デジタルトランスフォーメーションの達成には新たなアプローチが不可⽋
開発者、DevOps、
SRE の⽣産性
クラウドネイティブアプリと
モノリシックなアプリの
⼀元管理
⾼い信頼性
迅速な復旧
コストパフォーマンスの
最適化
リリースや運⽤に関する
コストの最⼩化


# Page. 15

![Page Image](https://bcdn.docswell.com/page/L73NMLVQ75.jpg)

顧客やビジネスに悪影響を及ぼす前に、異常をプロアクティブに検出、
特定できるソリューション – Observability の必要性
アプリケーションのダウンタイムとパフォーマンス低下の原因トップ5
37%
11%
変更
セキュリティ
31%
5%
コードのバグ
アップグレード
16%
移⾏
出典 ： EMA


# Page. 16

![Page Image](https://bcdn.docswell.com/page/87DW6N8WJG.jpg)

Enterprise Search と Observability に
よるカスタマーエクスペリエンス向上


# Page. 17

![Page Image](https://bcdn.docswell.com/page/VJP9Y58XE8.jpg)

The Gallivant Web Shop


# Page. 18

![Page Image](https://bcdn.docswell.com/page/2EVMGPN3EQ.jpg)

Architecture of The Gallivant Web Shop
DevOps
Engineer
React Client
SecOps
Engineer
Search
Cart
End
user
Catalog
Ordering
Internet
Marketer
End
user
Actions
Checkout
Monitoring
…
Public Cloud
Backend
micro services
Ship
metrics
&amp; logs
Elastic Stack


# Page. 19

![Page Image](https://bcdn.docswell.com/page/57GG8PKY7L.jpg)



# Page. 20

![Page Image](https://bcdn.docswell.com/page/4EQX92N67P.jpg)

まとめ


# Page. 21

![Page Image](https://bcdn.docswell.com/page/KJ46XLGM71.jpg)

まとめ
l
l
l
なぜデジタルカスタマーエクスペリエンスが重要なのか
Elastic 概要
Enterprise Search と Observability によるカスタマーエクスペリエンス
向上


# Page. 22

![Page Image](https://bcdn.docswell.com/page/LE1VNLDY7G.jpg)

https://devrel.tokyo/japan-2022/


# Page. 23

![Page Image](https://bcdn.docswell.com/page/GEWL4VY172.jpg)

Elastic リソース
公式ドキュメント
https://www.elastic.co/guide/index.html
Elastic APM Agent
https://www.elastic.co/guide/en/apm/agent/index.html
Reactivesearch
https://opensource.appbase.io/reactivesearch/
優れた React 検索エクスペリエンスを迅速に構築する⽅法
https://www.elastic.co/jp/blog/how-to-build-great-react-search-experiences-quickly
GKE サンプルソリューション GitHub レポジトリ
https://github.com/michaelhyatt/k8s-o11y-workshop
関連ブログ
https://www.elastic.co/jp/blog/kubernetes-observability-tutorial-k8s-cluster-setup-demo-app-deployment
https://www.elastic.co/blog/kubernetes-observability-tutorial-k8s-log-monitoring-and-analysis-elastic-stack
https://www.elastic.co/blog/kubernetes-observability-tutorial-k8s-metrics-collection-and-analysis
https://www.elastic.co/blog/kubernetes-observability-tutorial-k8s-monitoring-application-performance-withelastic-apm


# Page. 24

![Page Image](https://bcdn.docswell.com/page/47ZM24XXE3.jpg)

Elastic リソース
公式ドキュメント
https://www.elastic.co/guide/index.html
Elastic APM Agent
https://www.elastic.co/guide/en/apm/agent/index.html
Reactivesearch
https://opensource.appbase.io/reactivesearch/
優れた React 検索エクスペリエンスを迅速に構築する⽅法
https://www.elastic.co/jp/blog/how-to-build-great-react-search-experiences-quickly
Building a search experience with Elastic TMDB
https://www.elastic.co/jp/blog/building-a-search-experience-with-elastic
Natural Language Processing
https://www.elastic.co/guide/en/machine-learning/current/ml-nlp.html
Elastic Stack 8.0 の NLP で⽇本語センチメント分析を試してみた - 前編
https://qiita.com/ijokarumawak@github/items/9b0c2d650536488718a5
Elastic Stack 8.0 の NLP で⽇本語センチメント分析を試してみた - 後編
https://qiita.com/ijokarumawak@github/items/6cc714060090160cf2d5
Elastic Cloud 無償評価14⽇間登録
https://cloud.elastic.co/registration


# Page. 25

![Page Image](https://bcdn.docswell.com/page/YJ6NV34PJV.jpg)

Elastic リソース
• 公式ドキュメント
• Elastic APM
https://www.elastic.co/guide/index.html
https://www.elastic.co/jp/apm/
• デジタルカスタマーエクスペリエンスの向上
• Configuration on .NET Core
• 制限のないセキュリティ
https://www.elastic.co/guide/en/apm/agent/dotnet/current/co
nfiguration-on-asp-net-core.html
• クラウドネイティブ アプリでの Elasticsearch
• ASP.NET Core Quick Start
• DevOps ライフサイクルの進化
https://docs.microsoft.com/ja-jp/dotnet/architecture/cloudnative/elastic-search-in-azure
• Elastic APM Agent
https://www.elastic.co/guide/en/apm/agent/index.html
• Azure での検索データ ストアの選択
https://docs.microsoft.com/ja-jp/azure/architecture/dataguide/technology-choices/search-options
https://www.elastic.co/guide/en/apm/agent/dotnet/current/set
up-asp-net-core.html


# Page. 26

![Page Image](https://bcdn.docswell.com/page/GJ55DLQPJ4.jpg)

Thank you for your attention!


