Elastic x mabl 共同ウェビナー https://www.elastic.co/jp/virtual-events/elastic-mabl-webinar

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

17. The Gallivant Web Shop

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

20. まとめ

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

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

23. 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-with-
elastic-apm

24. 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

25. Elastic リソース
• 公式ドキュメント
https://www.elastic.co/guide/index.html
• デジタルカスタマーエクスペリエンスの向上
• DevOps ライフサイクルの進化
• 制限のないセキュリティ
• クラウドネイティブ アプリでの Elasticsearch
https://docs.microsoft.com/ja-jp/dotnet/architecture/cloud-
native/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/data-
guide/technology-choices/search-options
• Elastic APM
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
• ASP.NET Core Quick Start
https://www.elastic.co/guide/en/apm/agent/dotnet/current/set
up-asp-net-core.html

26. Thank you for your attention!