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.8k
モンストのお問い合わせフォームを支える技術 / 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
340
CSスタッフの能力を最大限に引き出すための3つの工夫 / 3 approaches for improving cs staff creativity
hashijun
2
650
一人ひとりに寄り添ったCRMツールによるカスタマーサポートの新しい形 / New kindly approach of customer support with CRM tool
hashijun
0
2.7k
Google PageRank勉強会#2 / Google PageRank 2011-07-06
hashijun
0
320
Google PageRank勉強会#1 / Google PageRank 2011-06-22
hashijun
0
250
Other Decks in Technology
See All in Technology
「AI駆動PO」を考えてみる - 作る速さから価値のスループットへ:検査・適応で未来を開発 / AI-driven product owner. scrummat2025
yosuke_nagai
3
800
How to achieve interoperable digital identity across Asian countries
fujie
0
140
許しとアジャイル
jnuank
1
140
『バイトル』CTOが語る! AIネイティブ世代と切り拓くモノづくり組織
dip_tech
PRO
1
110
これがLambdaレス時代のChatOpsだ!実例で学ぶAmazon Q Developerカスタムアクション活用法
iwamot
PRO
5
480
社内お問い合わせBotの仕組みと学び
nish01
1
530
社内報はAIにやらせよう / Let AI handle the company newsletter
saka2jp
8
1.3k
大規模サーバーレスAPIの堅牢性・信頼性設計 〜AWSのベストプラクティスから始まる現実的制約との向き合い方〜
maimyyym
5
3.8k
KMP の Swift export
kokihirokawa
0
350
Adminaで実現するISMS/SOC2運用の効率化 〜 アカウント管理編 〜
shonansurvivors
4
420
PLaMo2シリーズのvLLM実装 / PFN LLM セミナー
pfn
PRO
2
1.1k
多様な事業ドメインのクリエイターへ 価値を届けるための営みについて
massyuu
1
490
Featured
See All Featured
Fireside Chat
paigeccino
40
3.7k
The Language of Interfaces
destraynor
162
25k
How STYLIGHT went responsive
nonsquared
100
5.8k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Site-Speed That Sticks
csswizardry
11
890
A designer walks into a library…
pauljervisheath
209
24k
Building Applications with DynamoDB
mza
96
6.7k
Building Adaptive Systems
keathley
43
2.8k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
GraphQLとの向き合い方2022年版
quramy
49
14k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Code Review Best Practice
trishagee
72
19k
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!