Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Private Cloudを支える最高のユーザーガイド運用技術
Search
andoshin11
February 10, 2021
Technology
0
270
Private Cloudを支える最高のユーザーガイド運用技術
社内サービスにおけるメンテナブルなドキュメント運用についてお話します。
andoshin11
February 10, 2021
Tweet
Share
More Decks by andoshin11
See All by andoshin11
Envoy External AuthZとgRPC Extensionを利用した「頑張らない」Microservices認証認可基盤
andoshin11
0
290
カーナベル株式会社2024年2月 エンジニアイベント資料
andoshin11
0
120
TS CompilerがVueを喋れても良いじゃないか
andoshin11
0
690
ain't giving up type-safe Express
andoshin11
2
400
Type Safe "Everything"
andoshin11
0
220
Hack your Nuxt router!
andoshin11
0
1.2k
GatewayパターンとSchema駆動開発
andoshin11
8
1.3k
Catch up Nuxt.js 2019.02
andoshin11
0
1.9k
The future of Nuxt.js with TypeScript
andoshin11
0
80
Other Decks in Technology
See All in Technology
プロダクトエンジニアが活躍する環境を作りたくて 事業責任者になった話 ~プロダクトエンジニアの行き着く先~
gimupop
1
480
GitHub Universe: Evaluating RAG apps in GitHub Actions
pamelafox
0
170
VPC間の接続方法を整理してみた #自治体クラウド勉強会
non97
1
840
話題のGraphRAG、その可能性と課題を理解する
hide212131
4
1.5k
Figma Dev Modeで進化するデザインとエンジニアリングの協働 / figma-with-engineering
cyberagentdevelopers
PRO
1
430
最速最小からはじめるデータプロダクト / Data Product MVP
amaotone
5
740
急成長中のWINTICKETにおける品質と開発スピードと向き合ったQA戦略と今後の展望 / winticket-autify
cyberagentdevelopers
PRO
1
160
LeSSに潜む「隠れWF病」とその処方箋
lycorptech_jp
PRO
2
120
ユーザーの購買行動モデリングとその分析 / dsc-purchase-analysis
cyberagentdevelopers
PRO
2
100
Shift-from-React-to-Vue
calm1205
3
1.3k
顧客が本当に必要だったもの - パフォーマンス改善編 / Make what is needed
soudai
24
6.8k
【若手エンジニア応援LT会】AWS Security Hubの活用に苦労した話
kazushi_ohata
0
170
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
48
48k
Adopting Sorbet at Scale
ufuk
73
9k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
664
120k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
10 Git Anti Patterns You Should be Aware of
lemiorhan
654
59k
Designing on Purpose - Digital PM Summit 2013
jponch
115
6.9k
Statistics for Hackers
jakevdp
796
220k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Thoughts on Productivity
jonyablonski
67
4.3k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
159
15k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
The Art of Programming - Codeland 2020
erikaheidi
51
13k
Transcript
Private Cloudを支える “最高”のユーザーガイド運用技術 Shin Ando / @andoshin11
Shin Ando • @andoshin11 • Ex-Frontend / Backend / DevOps
Engineer • BizDev at LINE Corporation • Verda Customer Relation Committee Lead
昨日ちょっとバズったやつ
None
LINE開発者が利用するPrivate Cloud基盤 2021.02現在
Verda CRC Customer Relation Committeeとは? • Verdaは社内サービスとはいえ、Potential Userは2,500+名 • Verdaの構成メンバーはインフラエンジニアがほとんど
• CRC = クラウド基盤の価値を最大化するための組織 ◦ User Guideの運用補助・コンテンツディレクション ◦ Release Notesのデリバリー設計 ◦ Service Roadmapの提供 ◦ RFC Processの設計 ◦ サポートオペレーション最適化・顧客の利用状況の分析 ◦ etc...
Verda CRC Customer Relation Committeeとは? • Verdaは社内サービスとはいえ、Potential Userは2,500+名 • Verdaの構成メンバーはインフラエンジニアがほとんど
• CRC = クラウド基盤の価値を最大化するための組織 ◦ User Guideの運用補助・コンテンツディレクション ◦ Release Notesのデリバリー設計 ◦ Service Roadmapの提供 ◦ RFC Processの設計 ◦ サポートオペレーション最適化・顧客の利用状況の分析 ◦ etc... 今日はここの話をします
最高のUser Guide運用 スケールする 開発支援技術 高品質なコンテンツ を維持するカラクリ アクセシビリティを 最大化するCDと基盤 DX Testing
Deployment
01DX - Developer Experience - スケールする開発支援技術
Developer Experience
Developer Experience SSG可能なNuxt ContentでMarkdown Fileを管理
Developer Experience
• 非Node.jsエンジニアが編集環境を立ち 上げやすいよう、Docker Imageを用意
• 非Node.jsエンジニアが編集環境を立ち 上げやすいよう、Docker Imageを用意 • タスクランナーにはMakeを利用
• 非Node.jsエンジニアが編集環境を立ち 上げやすいよう、Docker Imageを用意 • タスクランナーにはMakeを利用 • 効率的なコンテンツレビューを行うため のPR Template
• 非Node.jsエンジニアが編集環境を立ち 上げやすいよう、Docker Imageを用意 • タスクランナーにはMakeを利用 • 効率的なコンテンツレビューを行うため のPR Template
• Contributorを増やすための Development Guide
02Testing 高品質なコンテンツを維持する カラクリ
Linting
Linting typoの検知 + より良い記述の提案
Visual Regression Testing ✖
• contentsディレクトリのファイル構成から URLを生成し、対象ページのキャプチャ を撮影するクローラーを自前で用意
• contentsディレクトリのファイル構成から URLを生成し、対象ページのキャプチャ を撮影するクローラーを自前で用意 • CI上でreg-suitによるpixel by pixelの画 像回帰テストを実行
• contentsディレクトリのファイル構成から URLを生成し、対象ページのキャプチャ を撮影するクローラーを自前で用意 • CI上でreg-suitによるpixel by pixelの画 像回帰テストを実行 •
キャプチャ画像の保存にはVerda Object Storageを利用 (S3 API Compatible)
03Deployment アクセシビリティを 最大化するCDとインフラ基盤
Hosting Environment
Hosting Environment Manifest Repo 1. Webhook 2. Push Image Drone
CI harbor 3. Update Manifest 4. Webhook 5. Update Nginx Pod Argo CD User Guide Pod User Guide Repo Ingress Controller Verda User 6. Pull Image CRC Cluster
Indexing on Elasticsearch
• Markdownからコンテンツ情報とmeta情 報をパースしてElasticsearchにバルク インサート
• Markdownからコンテンツ情報とmeta情 報をパースしてElasticsearchにバルク インサート • ネイティブのSearch Box(client fuzzy search)をscoringベースのESバックエ ンドに差し替え
→ 検索精度向上
• Markdownからコンテンツ情報とmeta情 報をパースしてElasticsearchにバルク インサート • ネイティブのSearch Box(client fuzzy search)をscoringベースのESバックエ ンドに差し替え
→ 検索精度向上 • 全文検索APIをカスタマーサポートにも 利用予定(開発中)
おまけ
Other Works プレビュービルド Staging Env モニタリングツールを利用し たアクセス・行動分析 Analytics 英語/韓国語/日本語 i18n
積極的なNuxt Contentへの コントリビュート + patch運用 OSS 顧客満足度サーベイの実施 RFC Process Community 全員参加型の改善提案 アクティビティ Workshop
ユーザーと開発者の”楽しい”のために
Thank you!!