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 2018-08-22
Search
Jun Hashimoto
August 22, 2018
Technology
1
1.6k
モンストのお問い合わせフォームを支える技術 / 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
200
CSスタッフの能力を最大限に引き出すための3つの工夫 / 3 approaches for improving cs staff creativity
hashijun
2
490
一人ひとりに寄り添ったCRMツールによるカスタマーサポートの新しい形 / New kindly approach of customer support with CRM tool
hashijun
0
2k
Google PageRank勉強会#2 / Google PageRank 2011-07-06
hashijun
0
170
Google PageRank勉強会#1 / Google PageRank 2011-06-22
hashijun
0
160
Other Decks in Technology
See All in Technology
暗黙知を集積するプラットフォーム : 「健常者エミュレータ事例集」の取り組み
sora32127
1
160
バッチ処理のSLOをどう設計するか
rynsuke
7
550
Oracle Database で機械学習を始めよう! Oracle Machine Learning
oracle4engineer
PRO
1
140
LLMプロダクト事業の立ち上げにおける挑戦
layerx
PRO
7
1.4k
8週連続ウェビナー_イチから学ぶFivetran
cmsuzu
0
160
今さら聞けない!? AWSの生成AIサービス Amazon Bedrock入門!
minorun365
PRO
11
2.2k
検証からプロダクトへ: シームレスなLLM開発の ためのしくみ作り
nunukim
1
160
技術広報経験0のEMがエンジニアブランディングをはじめてみた
coconala_engineer
1
130
XRミーティング 2024-03-20
1ftseabass
PRO
0
100
Getting started with controlling LEGO using Swift
hcrane
0
130
Kubeflow Pipelines v2 で変わる機械学習パイプライン開発
asei
4
330
生成AIの不確実性と向き合うためのオブジェクト指向設計
tkikuchi1002
2
660
Featured
See All Featured
Six Lessons from altMBA
skipperchong
19
2.9k
The Power of CSS Pseudo Elements
geoffreycrofte
58
4.9k
Typedesign – Prime Four
hannesfritz
36
2k
Unsuck your backbone
ammeep
660
56k
Rebuilding a faster, lazier Slack
samanthasiow
72
8.2k
jQuery: Nuts, Bolts and Bling
dougneiner
57
7.1k
Design by the Numbers
sachag
274
18k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
57
14k
Side Projects
sachag
451
41k
Learning to Love Humans: Emotional Interface Design
aarron
266
39k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
240
1.2M
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!