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
モンストのお問い合わせフォームを支える技術 / Dive into mixi night 20...
Search
Jun Hashimoto
August 22, 2018
Technology
1
1.7k
モンストのお問い合わせフォームを支える技術 / Dive into mixi night 2018-08-22
Dive into mixi night! #3 の登壇資料です。
https://mixi.connpass.com/event/90827/
Jun Hashimoto
August 22, 2018
Tweet
Share
More Decks by Jun Hashimoto
See All by Jun Hashimoto
月1万件のデータ移行を 自動化するための3つの秘訣 / 3 tips for automating customer data transfer
hashijun
0
300
CSスタッフの能力を最大限に引き出すための3つの工夫 / 3 approaches for improving cs staff creativity
hashijun
2
600
一人ひとりに寄り添ったCRMツールによるカスタマーサポートの新しい形 / New kindly approach of customer support with CRM tool
hashijun
0
2.5k
Google PageRank勉強会#2 / Google PageRank 2011-07-06
hashijun
0
280
Google PageRank勉強会#1 / Google PageRank 2011-06-22
hashijun
0
220
Other Decks in Technology
See All in Technology
Apache Iceberg Case Study in LY Corporation
lycorptech_jp
PRO
0
330
クラウド食堂とは?
hiyanger
0
120
いまからでも遅くない!コンテナでWebアプリを動かしてみよう!コンテナハンズオン編
nomu
0
150
LINEギフトにおけるバックエンド開発
lycorptech_jp
PRO
0
290
アジャイルな開発チームでテスト戦略の話は誰がする? / Who Talks About Test Strategy?
ak1210
1
600
遷移の高速化 ヤフートップの試行錯誤
narirou
6
1.2k
自分だけの仮想クラスタを高速かつ効率的に作る kubefork
donkomura
0
100
AWSを活用したIoTにおけるセキュリティ対策のご紹介
kwskyk
0
350
IAMのマニアックな話2025
nrinetcom
PRO
4
740
コンピュータビジョンの社会実装について考えていたらゲームを作っていた話
takmin
1
610
Snowflakeの開発・運用コストをApache Icebergで効率化しよう!~機能と活用例のご紹介~
sagara
1
460
サイト信頼性エンジニアリングとAmazon Web Services / SRE and AWS
ymotongpoo
7
1.6k
Featured
See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
Making Projects Easy
brettharned
116
6k
Agile that works and the tools we love
rasmusluckow
328
21k
How STYLIGHT went responsive
nonsquared
98
5.4k
Designing for humans not robots
tammielis
250
25k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
570
A Tale of Four Properties
chriscoyier
158
23k
Optimizing for Happiness
mojombo
376
70k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Transcript
モンストのお問い合わせ フォームを⽀える技術 2018.08.22 橋本 淳 株式会社ミクシィ 統括管理本部 CS部 CREグループ
1 ⾃⼰紹介 • 統括管理本部 CS部 CREグループ所属 • 2012年新卒⼊社 • 〜2015年3⽉:
SNS「mixi」の開発 • サービス開発・保守 (ブラウザ・ネイティブアプリ) • 2015年4⽉〜: 現部署
2 CREとは • Customer Reliability Engineering • 顧客信頼性エンジニアリング • Googleが提唱した役割
(2016年10月) • 弊社でのCRE設⽴は2017年12⽉ • CS部門の開発チームとしては2011年4月頃から
3 XFLAG スタジオにおけるCRE • 顧客信頼性の向上のために動く • CSスタッフ向けの管理画面の開発・運用 • バージョンアップに沿って開発 •
お問い合わせの技術調査 • 不具合の修正 • 不具合で不利益を被ったユーザーの抽出・補填 • 関わるスタッフの作業効率化・⾃動化のために動く • 業務効率化ツールの開発 • Zendeskまもるくん • CREから主体的に動くケースも多い
4 今⽇の話
お問い合わせフォームについて • 技術的な話あるの? • 静的HTMLじゃないの? 5
6 あります
モンストにおけるお問い合わせ • データ移⾏に関するお問い合わせが最多 • アプリ内イベントに連動して増加する傾向 7 2018年7月1日 ルシファー獣神化発表
データ移⾏のお問い合わせフォーム • 専⽤のフォームを⽤意して、お問い合わせトップページ からリンクしている • 復旧したいアカウントを特定するための内容を⼊⼒して もらうようになっている • 他社さんも似たような傾向 8
パズドラのフォーム 9
Fate Grand Orderのフォーム 10
モンストのフォーム 11
モンストのフォーム 12
モンストのフォーム 13
メリット • ⼊⼒候補をajaxで取得しユーザーの⼊⼒を補助 • モンスター名・わくわくの実 • 4個の入力項目で採用 • ⼊⼒内容のブレがほぼ発⽣しない •
入力内容の確認作業を一部システムで自動化している • CSスタッフの労力を軽減 • ⼊⼒候補はアプリ内データと同期している • フォームはいつでも最新の状態! 14
実は台湾版でも! 15
アプリ内データとの同期の仕組 16
まとめ 17 • モンストのデータ移⾏フォームでは、アプリ内データを ⼀部引⽤している • ユーザーの⼊⼒補助とシステムによる⼀部⾃動化の両⾯ でメリットがある • 今回紹介した事例のように、ちょっとした⼯夫で効率化
できるシーンがCSの現場では多い
Thank you!