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
610
一人ひとりに寄り添った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
Ruby on Railsで持続可能な開発を行うために取り組んでいること
am1157154
3
160
Autonomous Database Serverless 技術詳細 / adb-s_technical_detail_jp
oracle4engineer
PRO
17
46k
データモデルYANGの処理系を再発明した話
tjmtrhs
0
220
Amazon Q Developerの無料利用枠を使い倒してHello worldを表示させよう!
nrinetcom
PRO
2
120
OCI Success Journey OCIの何が評価されてる?疑問に答える事例セミナー(2025年2月実施)
oracle4engineer
PRO
2
220
Amazon Aurora のバージョンアップ手法について
smt7174
2
180
いまからでも遅くない!コンテナでWebアプリを動かしてみよう!コンテナハンズオン編
nomu
0
170
OPENLOGI Company Profile
hr01
0
60k
実は強い 非ViTな画像認識モデル
tattaka
3
1.4k
Cracking the Coding Interview 6th Edition
gdplabs
14
28k
AWS Well-Architected Frameworkで学ぶAmazon ECSのセキュリティ対策
umekou
2
150
"TEAM"を導入したら最高のエンジニア"Team"を実現できた / Deploying "TEAM" and Building the Best Engineering "Team"
yuj1osm
1
230
Featured
See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
The Cult of Friendly URLs
andyhume
78
6.2k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.3k
A better future with KSS
kneath
238
17k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7.1k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Git: the NoSQL Database
bkeepers
PRO
428
65k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Writing Fast Ruby
sferik
628
61k
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!