2016年3月開催Monacaビジネス活用セミナーでの講演資料

1. 創業明治33年年の⾐衣料料卸問屋が
アプリで挑むコミュニケーション変⾰革
〜～MonacaとmBaaSを活⽤用した
ビジネスチャットアプリの紹介〜～
(株)スタジオキャンビー
代表取締役 神⼾戸 貴弘
(株)プロルート丸光
営業本部⻑⾧長室 増⽥田 康⾏行行
Copyright (C) 2016 Studio Canbe Corp. All rights reserved.
Powered by
作成：2016年年 3⽉月 8⽇日

2. 増⽥田 康⾏行行（ますだやすゆき）
l 茨⽊木市出⾝身、1988年年3⽉月⽣生まれ、27歳
l 営業本部⻑⾧長室 営業企画 販促担当
l 趣味：読書、映画、海外旅⾏行行、ラジオ
「プロルート丸光アプリ」の企画だけでなく、同社の新事業である訪⽇日外国⼈人向け免税販売⼩小売事
業（インバウンド事業）「丸屋免税店 ® 」の営業・販促企画を歴任。
同社の経営戦略略会議メンバー。
趣味のラジオは、7年年以上休まずパーソナリティを続けている。（放送回数1,230回）
「⾯面⽩白き無き世を⾯面⽩白く」
www.proroute.co.jp

3. 株式会社プロルート丸光
• 明治33年年創業の⽼老老舗企業
• ⾐衣料料品を中⼼心とした総合⾐衣料料問屋
• セルフサービス⽅方式による直接販売
• 海外仕⼊入れ拡⼤大中
• 訪⽇日外国⼈人向け免税販売⼩小売事業
「丸屋免税店 ®」を昨年年オープン
• 紳⼠士服販売(⼩小売)事業
「Kent House ®」ブランドを展開
www.proroute.co.jp

4. 社⻑⾧長の安⽥田です。

5. • 訪⽇日外国⼈人向け免税販売⼩小売事業（インバウンド事業）
• 2015年年6⽉月、グランドオープン
• 2016年年春には、⼤大阪ワンダーループ「堺筋本町丸屋免税店前」とし
てバス停が誕⽣生
www.maruyajp.com

6. • スーツの正統であるブリティッシュ・トラディショナル
• 国内縫製・⽣生地・ディテールにこだわった、紳⼠士の為のトラッドスーツ
e-‐‑‒kenthouse.com
三⽥田店
新橋店

7. プロルート丸光アプリ
事例例紹介
１．プロルート丸光アプリとは？

8. 会員様限定でプロルート丸光のショッピングが楽しくなる！
新商品をタイムリーに紹介するプロルートモール。
売れ筋情報、お得な情報をいち早くお届け。
気になった商品をメッセージで気軽にお問い合わせできます。

9. プロルートモールでは、最新商
品の⼊入荷情報をご紹介。
気になる商品があったら、お客
様はすぐに電話もしくはメッ
セージを送り、販売員と直接コ
ミュニケーションをとる事がで
きます。

10. お客様と販売員は、チャットで
やり取りが可能。
プッシュ通知でメッセージの着
信をお知らせします。

11. 海外のお客様との商談も多いこ
とから、よく使うメッセージは
⾔言語テンプレートを使って、簡
単なやり取りも可能。

12. プロルート丸光 マスコットキャラクター
プロルートン ®
キャンペーンなどのお知らせも
掲載できます。お知らせ内容は
mBaaS のダッシュボードから
も⼀一⻫斉配信しています。

13. プロルート丸光アプリ
事例例紹介
２．アプリ開発の経緯

14. 「海外のお客様に、
今売れ筋の商品を発信したい」
それは、販売員の⼀一⾔言から
はじまりました。

15. ＬＩＮＥを使って交流流していま
したが無料料ツールでのお取引は
コンプライアンス上の問題も…

16. 1. 弊社独⾃自のアプリを作って
売れ筋商品を発信する
2. 国内客・海外客ともに
タイムリーに商談をする
⽬目指すゴール

17. ボトムアップで進める事で、よ
り良良いアプリが出来ただけでな
く、リリース後の運⽤用も活発！

18. ⾃自社アプリを使い出してから遅
れをとっていたIT化も急速前進
社員全体の⼠士気も⼤大きく変化。
これは思わぬ波及効果でした。

19. プロルート丸光アプリ
事例例紹介
３．苦労したこと

20. 1. ＬＩＮＥからの移⾏行行
2. ⾼高齢者層への対応
3. 社員へのアプリ波及、意識識統
⼀一、モチベーション維持

21. プロルート丸光アプリ
事例例紹介
４．お客様（⼩小売店さま）の反響

22. 特に遠⽅方のお客様からは、いつ
でも好きな時に⾒見見れるとご好評
販売員と気楽に交流流でき
親密度度もアップ

23. プロルート丸光アプリ
事例例紹介
５．アプリ導⼊入実績

24. アプリ登録・利利⽤用客数の実績
アプリは昨年年8⽉月
よりリリース開始

25. アプリ利利⽤用により売上実績
昨年年数ヶ⽉月だけで
2,200万円超
の売上を突破

26. プロルート丸光アプリ
事例例紹介
６．今後の展望

27. 国内・海外・販売員ともに、
簡単かつ密にコミュニケーショ
ン出来るツールに進化させる

28. プロルート丸光アプリは
今春バージョンアップ予定
タグ付け機能や⾃自動翻訳機能の
追加など、更更なる利利便便性を向上

29. マスコット「プロルートン」の
スタンプ化計画！？
⾃自分、豚なんで。
スタンプやなんて、
めっちゃ恥ずいやん。

30. 他にも、VoIP（無料料通話）機能
の搭載なども考案中です。

31. 次に開発を依頼したスタジオ
キャンビー神⼾戸⽒氏に変わります

32. 神⼾戸 貴弘（かんべたかひろ）
ITベンチャーに⼊入社後、B to Bポータルサイトのシステム設計・開発を担う。同社は当システム販
売で急成⻑⾧長。当時、最速の⼆二年年半で上場を果たした。
その後、PG＆SEとしての経験を⽣生かし独⽴立立。幅広い業種・分野に渡って専⽤用のスクラッチシステム
及びスマートフォン向けハイブリッドアプリを開発している。
2013年年からは北北おおさか信⽤用⾦金金庫のシンクタンクである⼤大阪彩都総合研究所のITアドバイザーに就
任。システム導⼊入から運営まで多岐に渡ったITコンサルティングも⾏行行っている。
www.studio-‐‑‒canbe.com
l 神⼾戸市出⾝身、1980年年2⽉月⽣生まれ、36歳
l 株式会社スタジオキャンビー代表取締役
l ⼤大阪彩都総合研究所（北北おおさか信⽤用⾦金金庫）
ITアドバイザー

33. l 2002年年創業
l 事業内容
• ウェブシステム開発
• ウェブデザイン
• ウェブサイト制作
• スマホアプリ開発
• ITコンサルティング
株式会社スタジオキャンビー
www.studio-‐‑‒canbe.com

34. 当社は2002年年の創業以来、ウェ
ブサイト制作
ウェブアプリ開発が主な事業。

35. そう Monaca と出会うまで…

36. スマートフォンが⽇日常的な物になりだ
した頃あるお客さまから
「スマホアプリの開発できない
の〜～？」
と真顔でご相談を受けた私…。
ネイティブコード書けない私が
たまたま⽬目にしたのが…

38. ウェブアプリ制作技術の延⻑⾧長で
スマホアプリが開発できると
知り、⽬目から鱗鱗でした。

39. 実際に Monaca を触った感想
初めて

40. こいつ・・・ 動くぞ・・・
©創通・サンライズ

41. そんな経緯のあった私ですが、
プロルート丸光アプリご紹介の前に
Monaca でこれまで作ったものを
⼀一部ご紹介します。

42. 三菱菱⽇日⽴立立ツール株式会社さま
「切切削⼯工具商品カタログ」アプリ
• その⼿手の業界専⽤用アプリ
• 分厚いカタログから開放
• 印刷コストを⼤大幅カット
Monaca 事例例紹介
https://ja.monaca.io/showcase/hitachitool.html

43. 株式会社プロルート丸光
営業⽀支援システム「商談アプリ」
• 対⾯面商談で提案＆受注
• 商品写真でサンプル不不要
• 営業スピードを加速

44. B to B を超えた
B to One アプリ
同社の営業⽀支援システムは

45. 営業⽀支援システムを使い、得意
先毎に商品企画書を簡単に作成

46. 商談アプリにより対⾯面での
提案から受注の流流れが
スムーズになりました

47. プロルート丸光アプリ
事例例紹介
７．しごとの進め⽅方

48. 先に増⽥田⽒氏が述べたように、
同社は⻑⾧長い歴史もあり、変⾰革を
なかなか受け⼊入れられない重い
空気感がありました…。

49. ＩＴアレルギーな⽅方達も多いと
聞いたので、とにかく
シンプルな機能に限定して設計

50. 引⽤用：https://popapp.in/jp/sketchpad/
アプリ構想は
紙に書いて分かりやすく

51. 特に⽤用事がなくても
よく会社に遊びに？いきました
（業務をより良良く知る為です）
まいど！

52. 若若い社員から出たアイデアを何
とか形にて意識識改⾰革も進めたい
増⽥田⽒氏とよく計画を練りました

53. そして、構想から5ヶ⽉月で
リリースできました

54. 「うちの会社がスマホアプリ使
う事になるとは夢にも思ってな
かった。」by 増⽥田⽒氏

55. アプリも受け⼊入れられてきた事
もあり、更更なる機能拡張で
今春バージョンアップを進⾏行行中

56. プロルート丸光アプリ
事例例紹介
８．Monaca 導⼊入効果

57. • WEB構築知識識の延⻑⾧長で開発が
できる
• Android, iOS アプリが同時
開発できる
• これにより開発コストを⼤大幅
にカットできる

58. プロルート丸光アプリ
事例例紹介
９．Nifty Cloud mBaaS 導⼊入効果

59. • 難しいプッシュ通知機能を簡
単にアプリへ実装できる
（特にiOSは仕組みが複雑すぎる）
• GCM・APNs の仕様変更更につ
いていかなくていい
（サーバサイドの開発が不不要）

60. プロルート丸光アプリ
事例例紹介
１０．アプリ実装環境

61. フロント部分は、

62. これから Onsen UI を使おうと
考えておられるなら、
AngularJS は何かとお勧めです

63. を使った感想
引⽤用：http://www.bennadel.com/blog/2439-‐‑‒my-‐‑‒experience-‐‑‒with-‐‑‒angularjs-‐‑‒-‐‑‒-‐‑‒the-‐‑‒super-‐‑‒heroic-‐‑‒javascript-‐‑‒mvw-‐‑‒framework.htm
Most Awesome Framework Ever!
学習コスト
最短１ヶ⽉月

64. わたしはこれで、
jQuery をやめました

65. バックエンド部分は、

66. バックエンドはJSONファイル
⽣生成が主な役⽬目です
JSON JSON
JSON
JSON

67. 専⽤用のマスタ管理理システムで
データ管理理も楽々

68. 外部サービスは、

69. 難しいプッシュ通知の実装は、
ニフティクラウドに任せっきり
了了解しました。
その商品お取り置きし
ておきします。
♫

70. まとめ

71. 1. クライアントの業務を理理解する
2. あえてシンプルな設計からはじめる
事で、理理解者を増やす
3. 若若い社員のアイデアを活かす
雰囲気をつくる
4. Monacaのメリットを最⼤大限活⽤用し
開発コストを削減できる提案をする

72. ありがとうございました。
(株)スタジオキャンビー
代表取締役 神⼾戸 貴弘
(株)プロルート丸光
営業本部⻑⾧長室 増⽥田 康⾏行行
Copyright (C) 2016 Studio Canbe Corp. All rights reserved.
Powered by