レジャー施設の着券業務とそれを支える技術

https://asoview.connpass.com/event/331535/
「現場」を支えるシステム開発の難所と実践
レジャー施設の着券業務とそれを支える技術
アソビュー株式会社
ソフトウェアエンジニア
井上真史

Transcript

1. アソビュー株式会社 レジャー施設の着券業務とそれを支える技術
 「現場」を支えるシステム開発の難所と実践 
 ソフトウェアエンジニア 井上真史
2. © ASOVIEW Inc. 2 自己紹介
 井上真史
 ソフトウェアエンジニア（主にフロントエンド領域に生息）
 経歴
 - NTTコムウェア
 - リクルート（リクルートテクノロジーズ）
 - アソビュー
 やってること 
 - フロントのリードとしてレビュー、基盤整備 
 - asoview.comの機能開発を中心にその他のプロダクトや今回紹介する Fast-inの立ち上げなど
 - カジュアル面談でよく現れる人 
 趣味
 - 音楽鑑賞、楽器演奏（ジャズドラム）、車（ EV）、映画、ゲーム
 - ボルダリング（休止中）、 SUP（一回だけ）
 

3. © ASOVIEW Inc. 3 アソビューとは
 生きるに、
 遊びを。 
 モノ消費からコト消費の時代へと 
 変化した現在。
 物質的、金銭的な豊かさだけではなく 
 心の豊かさ「well-being」を実感できる社会を 
 “遊び”を通じて実現します。 

4. © ASOVIEW Inc. 4 アソビューとは
 今日は主に この辺のお話
5. © ASOVIEW Inc. 5 休日の便利でお得な遊び予約サイト：アソビュー
 休日の便利でお得な遊び予約サイ ト
 
 遊びが見つかる
 
 便利でオトクに予約できる

6. © ASOVIEW Inc. 6 観光・レジャー・文化施設向け
 業務DXリューション：ウラカタ

 観光・レジャー・文化施設向けにDX を推進するSaaS
 
 パートナーさんの業務を支える
 DXソリューション
 
 アソビュー！とウラカタによってゲス トとパートナーをマッチングしていま す

7. © ASOVIEW Inc. 7 アソビューの取り扱ってる遊び（商品）
 アウトドア インドア 趣味・カルチャー・フィットネス 観光（国内客需要） 観光（インバウンド客需要） 温泉・スパ・リラクゼーション 水族館・美術館・遊園地 城跡・国立公園・その他 ダイビング/カヌー/ラフティング/パラグライダー/ SUP/アドベンチャー/トレッキング/エコツアー 陶芸/ガラス工房/伝統工芸/手作り雑貨/ 手作りアクセサリー/手作りキャンドル 日本の伝統文化/料理教室/花・ガーデニング/ サブカルチャー/ポーセラーツ/木工教室/ヨガ 着物・浴衣レンタル/ガイドツアー/果物狩り/工場見学 アグリ・グリーンツーリズム/クルージング/モビリティ / / / / / / / / 動物カフェ/ストリートカート/VR体験/茶道/着物体験/忍者体験 今日の話は主に動物園、遊園地、水族館などのレジャー施設の話です
8. © ASOVIEW Inc. 8 着券とは
 遊びたいゲストとゲストを受け入れるパートナーを直接結びつける大事な接合点！ チケット事前予約 現地でスムーズに入場 楽しかったね！ 入場を確実に記録 集計・精算 着券 ゲスト パートナー
9. © ASOVIEW Inc. 9 アソビューの着券の仕組みが導入されている施設
 こんな有名施設に導入しています
 • スカイツリー展望台
 • よみうりランド
 • サンシャイン水族館
 • 福井県立恐竜博物館
 ..etc.
 

10. © ASOVIEW Inc. 10 Fast-Inとは
 マイページからQR表示 アプリで読み取り ゲスト パートナー
11. © ASOVIEW Inc. 11 Fast-Inとは
 
 レジャー施設で使うQRコード着券用のアプリです
 
 • QRコードを読み取るだけで着券できます
 • それ以前のマイページからチケット画面を見せて着券するケースだと、
 電波の悪い環境だとページが表示できなかったり
 • はたまたログインパスワード忘れて表示できませんなど
 • こういった悩みを解消したい→オフライン対応できるように
 • 施設の導入コスト運用コストは小さくしたい

12. © ASOVIEW Inc. 12 Fast-Inとは（技術観点）
 アーキテクチャ
 • React Native x expo
 ◦ 当時ネイティブアプリの開発経験者がいなかった
 ◦ iOS、Android双方に提供できる
 ◦ expoならOTAによるリリースでリリースサイクルをWebと同様にスピーディーに
 ◦ ネイティブの機能は最小限のためexpoでも問題なし
 • オフライン対応について
 ◦ 極力Webのデータを前提としないシンプルな設計
 ◦ アプリのローカルストレージで履歴管理
 ◦ ウラカタ（管理システム）側で着券後の履歴を永続化して管理

13. © ASOVIEW Inc. 13 （参考）Fast-Inの着券の流れ
 情報を確認して 選択して着券する 使用するチケットを 選択する 表示する 情報を確認して 一括で着券する 受付用端末で QRを読み込む ゲスト パートナー マイページか メールなどから QRコード表示
14. © ASOVIEW Inc. 14 着券の現場を支えるための工夫
 1. オフライン対応 2. 着券のスピード（入場の行列をさばく！） 3. 現場で使うアプリならではの問題 4. その他の施策など
15. © ASOVIEW Inc. 15 着券の現場を支えるための工夫
 1. オフライン対応 2. 着券のスピード（入場の行列をさばく！） 3. 現場で使うアプリならではの問題 4. その他の施策など
16. © ASOVIEW Inc. 16 レジャー施設の入場口にてモバイル通信の圏外、もしくは電波が弱い
 人が殺到すると電波が弱くなることも。。
 
 • ゲスト
 ◦ マイページが表示できず購入したことが証明できない
 • パートナー
 ◦ チケットの消し込みができない、正しく着券処理できない
 1. オフライン対応：現場の課題と対策

17. © ASOVIEW Inc. 17 1. オフライン対応：現場の課題と対策
 未着券チケットを 選択する チケットを選択し 着券する 内容を確認して 着券登録する インターネットの接続が ない場合の表示 オンライン オンライン オフライン オフライン QRのコードをローカル保存しオンライン時にまとめて処理する
18. © ASOVIEW Inc. 18 レジャー施設の入場口にてモバイル通信の圏外、もしくは電波が弱い
 • ゲスト
 ◦ QRコードをメールで事前に送ることでその場でネットがなくてもQRを提示できる
 • パートナー
 ◦ オフラインでもQRコードを保存できる用にアプリ対応
 →これらにより電波が不安定なケースでも対応可能に
 1. オフライン対応：現場の課題と対策

19. © ASOVIEW Inc. 19 着券の現場を支えるための工夫
 1. オフライン対応 2. 着券のスピード（入場の行列をさばく！） 3. 現場で使うアプリならではの問題 4. その他の施策など
20. © ASOVIEW Inc. 20 繁忙期のレジャー施設や、開場から開園までの時間が限られている公演など入場のスピー ドが求められる
 • 東京ゲームショーのような入場時に大きな混雑が生まれる大規模イベント
 • 大きな会場のコンサート公演で数千人規模を開場から開園までの（30分〜1時間）
 • ゴールデンウィークなど繁忙期のレジャー施設
 2. 着券スピード：現場の課題と対策

21. © ASOVIEW Inc. 21 一括着券機能
 • まとめて購入ができ、分配することも想定してQRコードは人数 分複数発行していたが
 • そのうちの一枚を読み取ると他のものもまとめて着券すること もできるように
 
 UI面の工夫
 • 連続で読み込むことを想定して着券後すぐにカメラ画面に
 • なるべくボタン操作を最小限に
 
 
 2. 着券スピード：現場の課題と対策

22. © ASOVIEW Inc. 22 着券の現場を支えるための工夫
 1. オフライン対応 2. 着券のスピード（入場の行列をさばく！） 3. 現場で使う実機ならではの問題 4. その他の施策など
23. © ASOVIEW Inc. 23 現地で長時間利用しているとFast-Inアプリがフリーズしたり電池の減りが早いなど現場な らではの問題に遭遇
 
 • メモリを使う処理の見直し
 • 2万回連続着券のテスト
 • 通信が不安定などの場合のメッセージを表示
 • なるべく転送量を減らす
 • Sentryでログ取得
 
 この辺は泥臭くトライアンドエラーで改善しています
 3. 現場で使う実機ならではの問題

24. © ASOVIEW Inc. 24 着券の現場を支えるための工夫
 1. オフライン対応 2. 着券のスピード（入場の行列をさばく！） 3. 現場で使うアプリならではの問題 4. その他の施策など
25. © ASOVIEW Inc. 25 4. 　その他の現場を支える施策
 現場のリアルお困りごとをヒヤリング、様々な他社サービスや機器などと連携して最適な環境を作って解決する提案 をしています
 
 アソビューのQRをゲートで読み込ませて 入場（福井県立恐竜博物館） • 他社と連携してAPI連携することでゲートでアソ ビュー発行のQRによって入場
 • 閑散期はゲートを使ってスタッフの数を減らす
 • 繁忙期はFast-Inの一括着券と組み合わせる
 • 1,000人もの行列が20分以内で入場仕切った 実績

26. © ASOVIEW Inc. 26 4. 　その他の現場を支える施策
 現場のリアルお困りごとをヒヤリング、様々な他社サービスや機器などと連携して最適な環境を作って解決する提案 をしています
 
 サイネージ表示（スカイツリー、福井県立恐竜博物館など） • 時間帯別の空き状況を表示する画 面をサイネージで表示
 • ゲストは現地で即座に確認でき、 パートナースタッフも対応が楽にな る

27. © ASOVIEW Inc. 27 まとめ
 アソビューのチケット販売の目的 
 ❏ ゲストに便利にストレス無くレジャー施設で楽しんでもらうこと 
 ❏ パートナーさんがゲストを確実に受け入れて売上につなげること 
 
 大事にしていること
 ❏ パートナー現地のオペレーションやその課題などもしっかり把握 
 ❏ ビジネスメンバー、開発で連携してその解決や改善につなげる 
 ❏ 現場のお困りごとを解決する最適解を見出して提供する 
 これからも現場のフィードバックを元にゲスト、パートナーに寄り添いながら、遊 びを通じて素敵な思い出をたくさんお届けできるようなプロダクト開発を進めて いきます！

28. © ASOVIEW Inc. 28 We are hiring!
 • バックエンドエンジニア 
 • SREエンジニア 
 • データ基盤エンジニア 
 • セキュリティエンジニア　etc. 
 その他、オープンポジションでの応募も大歓迎です！ 
 通年でエンジニア採用強化中です！ 
 「アソビュー 採用」で検索！

29. 生きるに、遊びを。