Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
俺が好きなのは
Javaだけど
Javaじゃない
〜虎の穴でのJava活用について〜
2018/12/15 JJUG CCC 2018 Fall
1
株式会社虎の穴
松尾陽祐/新崎修平
Slide 2
Slide 2 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
自己紹介
虎の穴という会社で
通販サイトの開発を
しています。
2
はじめまして、
虎の穴の松尾陽祐です。
Slide 3
Slide 3 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
【1】当社「虎の穴」について
【2】とらのあな通販サイトの紹介
【3】とらのあな通販サイトとJava
【4】社内ツールとKotlin
【5】とらのあなの
オタクエンジニアについて
【6】私達オタクエンジニアが
これからすべきこと
3
アジェンダ
Slide 4
Slide 4 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
・オタクエンジニアの方
・オタクがしゃべってるのを
見てやってもいいよという方
・とらのあなECサイトの仕組みに興味がある方
・頭を休めてお弁当を食べたい方
4
対象となる方
Slide 5
Slide 5 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
【1】
「虎の穴」の紹介
5
Slide 6
Slide 6 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
ってご存知ですか?
6
まずはじめに・・・
「同人誌」
Slide 7
Slide 7 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
7
とらのあなで扱っているのは
主にアニメやゲームを題材とした
二次創作の作品が多いです。
同人誌とは?
同人誌とは、
自費出版で制作された雑誌
のこと
漫画、小説、イラスト、コスプレ写真集など・・・
Slide 8
Slide 8 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
8
同人誌は「コミケ」や
専門ショップ、通販などで
購入できます。
同人誌とは?
Slide 9
Slide 9 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
って分かりますか?
9
コミケとは?
コミケ
Slide 10
Slide 10 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
10
コミケとは?
東京ビッグサイトで夏と冬に3日間ずつ毎年開催されている。
世界中から
オタクが集う!
世界最大規模の同人誌即売会
コミケとは「コミックマーケット」の略
Slide 11
Slide 11 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
11
コミケとは?
■コミックマーケット94
出展者数:約3万5千サークル
来場者数:3日間合計で53万人!
Slide 12
Slide 12 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
12
コミケのような同人誌即売会に
「サークル参加」をすることで
同人誌を頒布することができます
コミケとは?
Slide 13
Slide 13 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
13
サークルとは?
団体ではなく一人で同人活動をしている方も多いです。
個人サークルと言います
サークルとは
同人作品を制作するために
結成された組織、団体
のこと。
「サークルの名前=お店の名前」
のようなイメージ。
Slide 14
Slide 14 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
14
即売会などイベント出展のほか、
専門ショップに「委託販売」
をする際にサークル登録が
必要となります。
サークルとは?
Slide 15
Slide 15 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
15
業者=とらのあな
委託販売とは?
委託販売とは、
サークルが制作した作品を
専門業者がお預かりし、
販売を代行する仕組み
のこと。
Slide 16
Slide 16 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
16
委託販売とは?
とらのあなの主なサービスのひとつが
店舗での同人誌の委託販売
Slide 17
Slide 17 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
17
虎の穴とは
虎の穴とはつまり・・・
Slide 18
Slide 18 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
18
サークルさんたちがコミケ等で頒布する
同人作品やオタク向け商品を多く取り扱って
いるお店です
オタク界隈では有名な当社です!
虎の穴とは
Slide 19
Slide 19 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
19
「コミックとらのあな」は
オタクの聖地・秋葉原には5拠点
コミックとらのあな
とらのあな2nd Premium
(ラジオ会館 2F)
Slide 20
Slide 20 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
全国に30店舗+3出張所!
20
2018年3月23日 初の海外出店 『とらのあな台北店』がオープン!
コミックとらのあな
Slide 21
Slide 21 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
21
「とらのあな通信販売」は
国内最大規模の同人ECサイト
とらのあな通信販売
Slide 22
Slide 22 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
22
この業界、国内で唯一自社倉庫をもち、
流通の仕組みがあります!
TLC(とらのあなロジスティックセンター)
1万㎡規模、約4万6000アイテム
日本最大級の同人保管量
Slide 23
Slide 23 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
23
そのほか、オタク向け新規サービスを
いくつか開発・運用しています
Slide 24
Slide 24 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
24
当社、オタク向けの事業を
全力でやっております!
Slide 25
Slide 25 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
25
【2】
とらのあな
通販サイトの紹介
Slide 26
Slide 26 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
26
世界最大規模
の同人ECサイト
とらのあな通販サイトの紹介
Slide 27
Slide 27 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
年間売上
100億円以上
(同人誌に換算して約1,500万冊!)
月間PV数 約5,000万PV
取り扱い商品数
※在庫あり
約10万アイテム
27
ECサイトについて
とらのあなECサイトの規模
Slide 28
Slide 28 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
オタク向けだからこその特徴が盛りだくさん
28
とらのあなECサイトの特徴 〜その1〜
コミケ期間にアクセス数急増!
売上もアクセスも、通常期の3倍〜5倍
コダワリの検索機能
○ ジャンル検索
○ カップリング検索
クリエイターごとの要求に対応
販売する作品のクリエイター様にも
たくさんのこだわり
Slide 29
Slide 29 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
29
とらのあなECサイトの特徴 〜その2〜
一般書籍サイトと保持する情報量が違う!
一般書籍 値段・発行年月日・出版社・作者
同人誌 値段・発行年月日・作者・サークル名・ジャ
ンル・カップリング・シチュエーション・卸値
・販売開始日・予約開始日・販売指定日・
発売日・告知解禁日・専売併売情報
etc….
クリエイターの要望に応える為、
取り扱う情報量が膨大
Slide 30
Slide 30 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
30
システム全体像
Slide 31
Slide 31 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
31
システム全体像
この範囲を
リニューアル
既存システム
Slide 32
Slide 32 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
32
虎の穴ラボの同人誌販売もやってます!
(無料!!)
ちなみに・・・
https://ec.toranoana.shop/tora_d/digi/item/042000012881/
Slide 33
Slide 33 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
33
【3】
とらのあな
通販サイトとJava
Slide 34
Slide 34 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
なぜリニューアル
することになったか
34
Slide 35
Slide 35 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
一念発起!
リニューアルプロジェクト
が始動!
35
ECサイトのリニューアル
・年商約100億円
・取り扱い400万アイテム以上
・日々求められるものが変わる業界
負荷の増大に耐えうるシステム
柔軟な機能追加ができるシステム
が求められていた
Slide 36
Slide 36 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
なぜ新しいECサイトで
Javaを選んだか
36
Slide 37
Slide 37 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
37
とらのあながJavaを選んだ3つの理由
安定性
JavaVM
エンジニアの多さ
Slide 38
Slide 38 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
安定性
会社視点
売上の規模から、失敗することが
許されないシステム
クリエイター視点
魂を注いで作り上げられた作品を、安
定性の低いシステムで扱うわけにはい
かない!
38
とらのあながJavaを選んだ3つの理由
Slide 39
Slide 39 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
39
とらのあながJavaを選んだ3つの理由
JavaVM
モニタリングのしやすさ・障害調査のし
やすさ
他のJVM言語の利用
Slide 40
Slide 40 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
40
とらのあながJavaを選んだ3つの理由
エンジニアの多さ
ECサイトの完全内製化が目標
完全内製化を成し遂げるため
には人数が必要
Javaならば仲間集めをしやすい
Slide 41
Slide 41 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
どのようにECサイトをリ
ニューアルしたか
41
Slide 42
Slide 42 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
→ECパッケージを利用
特に柔軟に対応可能なものを
チョイス
42
どのようにECサイトをリニューアルしたか
開発スピードは速く
コストは安く
Slide 43
Slide 43 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
環境
言語 Java
Webコンテナ Apache
Tomcat
フレームワーク Spring
テンプレートエンジン Thymeleaf
ORマッパー Hibernate
ビルドツール Maven
CI Jenkins
43
IDE IntelliJ など
バージョン管理 git
開発マシン MacBook Pro
どのようにECサイトをリニューアルしたか
Slide 44
Slide 44 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
→端的に言えば、楽しい
44
リニューアル&内製化をしてみて
●虎の穴としてやりたいことを
柔軟にできる
●ユーザの反応を
ダイレクトに受け取れる
リニューアルと同時に内製化へ
Slide 45
Slide 45 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
【4】
社内ツールとKotlin
45
Slide 46
Slide 46 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
その1
社内ツールを
開発した経緯
46
社内ツールとKotlin
Slide 47
Slide 47 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
このままだと運用
ができない・・・
47
その1 社内ツールを開発した経緯
運用上必要なデータを
抽出できる機能が不
足している!?
Slide 48
Slide 48 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
作るしかない!
48
その1 社内ツールを開発した経緯
Slide 49
Slide 49 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
Kotlinで開発してみよう!
49
その1 社内ツールを開発した経緯
Slide 50
Slide 50 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
50
その2
なぜKotlinを
選択したか
社内ツールとKotlin
Slide 51
Slide 51 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
名前が可愛い!!
51
その2 なぜKotlinを選択したか
Slide 52
Slide 52 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
52
その2 なぜKotlinを選択したか
名前が可愛い!!
JavaVM言語 EC資産の流用が可能
Javaライクなコード&簡潔
IntelliJ IDEAで開発しやすい
新しいことにチャレンジ
Slide 53
Slide 53 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
53
その2 なぜKotlinを選択したか
名前が可愛い!!
JavaVM言語 EC資産の流用が可能
Javaライクなコード&簡潔
IntelliJ IDEAで開発しやすい
新しいことにチャレンジ
Slide 54
Slide 54 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
54
その2 なぜKotlinを選択したか
名前が可愛い!!
JavaVM言語 EC資産の流用が可能
Javaライクなコード&簡潔
IntelliJ IDEAで開発しやすい
新しいことにチャレンジ
Slide 55
Slide 55 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
名前が可愛い!!
JavaVM言語 EC資産の流用が可能
Javaライクなコード&簡潔
IntelliJ IDEAで開発しやすい
新しいことにチャレンジ
55
その2 なぜKotlinを選択したか
Slide 56
Slide 56 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
〜 社内ツールの開発環境 〜
開発言語 Kotlin
フレームワーク Spark
ビューテンプレート Thymeleaf
Sparkは、webアプリケーション構築用のマイクロフレームワーク
56
その2 なぜKotlinを選択したか
Slide 57
Slide 57 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
57
その3
Sparkを
利用した
実装について
社内ツールとKotlin
Slide 58
Slide 58 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
Kotlin
58
たったこれだけで、
Webサーバとして稼働す
る
getリクエスト時に
Hello Worldを表
示する実装
その3 Sparkを利用した実装について
Slide 59
Slide 59 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
59
社内ツール
Slide 60
Slide 60 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
Kotlinは最近注目を浴びている言語
● JavaVM言語としての有用性
● Androidでの正式採用
60
社内ツールとKotlin
→若いエンジニアの注目もある
今後の採用という面でアピール力に
Slide 61
Slide 61 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
61
社内ツールとKotlin
JavaのECを触りつつ、
片手間でツールを作るという
シーンでは最高の選択
Kotlinは最近注目を浴びている言語
● JavaVM言語としての有用性
● Androidでの正式採用
→若いエンジニアの注目もある
今後の採用という面でアピール力に
Slide 62
Slide 62 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
● JavaVM言語をキャッチアップ
● ECにおける最適な言語選択
Javaに限らず、Kotlin、Scalaなど
今後の展望
Javaのシステムではあるが、Java
にとらわれないシステムへ
62
Slide 63
Slide 63 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
とらのあなでは、
新しいことを楽しみたい
Javaエンジニアを大募集
63
Slide 64
Slide 64 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
【5】
とらのあなの
オタクエンジニア
について
64
Slide 65
Slide 65 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
新崎 修平(シンザキ シュウヘイ)
● WEBエンジニア
● とらのあな通販サイト 開発
好きなこと
● アニメ鑑賞
● 同人誌を読む
65
自己紹介
Slide 66
Slide 66 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
その1
オタクエンジニア
を集めるまで
66
とらのあなのオタクエンジニアについて
Slide 67
Slide 67 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
さて、いまでこそ、
こうしてエンジニアが皆様の前で、
それっぽい話をしているわけですが…
67
その1 オタクエンジニアを集めるまで
Slide 68
Slide 68 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
実は最近まで当社には、
エンジニアが全然いませんでした…
68
その1 オタクエンジニアを集めるまで
Slide 69
Slide 69 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
オタクエンジニアを
集めるために…!
69
その1 オタクエンジニアを集めるまで
Slide 70
Slide 70 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
採用がんばりました!その1
各種Twitter広告
70
その1 オタクエンジニアを集めるまで
Slide 71
Slide 71 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
Developers Summit 2018 技術書典5
71
採用がんばりました!その2
各種イベント出展
その1 オタクエンジニアを集めるまで
Slide 72
Slide 72 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
同人誌
(採用パンフ)
各種配布グッズ カジュアル面談
その1 オタクエンジニアを集めるまで
採用がんばりました!その3
他にも色々作りました
72
Slide 73
Slide 73 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
そして最新作。本日初公開の…
その1 オタクエンジニアを集めるまで
73
Slide 74
Slide 74 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
萌え萌え履歴書!!!
その1 オタクエンジニアを集めるまで
74
Slide 75
Slide 75 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
細部までこだわって、
可愛く仕上げました♪
その1 オタクエンジニアを集めるまで
75
※ご利用に際し被ったいかなる被害・損害につ
いて、一切の責任を負いかねます。
Slide 76
Slide 76 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
そんな試行錯誤を経て、ようやく、
オタクエンジニアが集まりました!
その1 オタクエンジニアを集めるまで
76
Slide 77
Slide 77 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
77
みんなで
「オタクコンテンツ x IT」
の自社サービスをつくってます!
クラウドファンディング オリジナルグッズ製作 イベント取り置き
オタク向け結婚相談所
その1 オタクエンジニアを集めるまで
Slide 78
Slide 78 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
78
その2
オタクエンジニアがつくる
オタクサービス
Slide 79
Slide 79 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
79
・憧れの神絵師がユーザーとして使ってくれる
という奇跡。
・楽しい。嬉しい。尊い。財布からっぽ。
・控えめに言って、神サービス。
ファンティア[Fantia]
その2 オタクエンジニアがつくるオタクサービス
Slide 80
Slide 80 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
ツール
Go
言語・フレームワーク インフラ
新しい技術やインフラ・ツールを
積極的に導入
80
その2 オタクエンジニアがつくるオタクサービス
Slide 81
Slide 81 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
81
その2 オタクエンジニアがつくるオタクサービス
好きなものを
仕事にするって
楽しい!
Slide 82
Slide 82 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
82
【6】
私達オタクエンジニアが
これからすべきこと
Slide 83
Slide 83 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
・オタク界隈は、まだまだレガシーで
不便な部分がある。
・もっと便利で、
楽しいオタクの未来があるはず。
オタク x IT
83
私達オタクエンジニアがこれからすべきこと
Slide 84
Slide 84 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
私たち、オタクエンジニアだからこそ、
84
・不便さがわかる。
・オタクの気持ちがわかる。
・誰よりも
オタクコンテンツが好き!
私達オタクエンジニアがこれからすべきこと
Slide 85
Slide 85 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
私たちで、
秋葉原のエンジニア界隈を
盛り上げます!
(渋谷にだって負けないんだから!)
85
私達オタクエンジニアがこれからすべきこと
Slide 86
Slide 86 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
秋葉原にエンジニアは無料で使える、
レンタルスペース「とらLab」つくりました。
というわけで、
86
私達オタクエンジニアがこれからすべきこと
Slide 87
Slide 87 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
レンタルスペース「とらLab」
● 収容人数:15〜20人
● スピーカー完備
● フリーwifi
● 電源ケーブル
● プロジェクターの貸出
87
設 備
※くわしくは「お手元のチラシ」をご確認ください。
エンジニアイベントに
ぜひご利用ください!
https://news.toranoana.jp/64239
私達オタクエンジニアがこれからすべきこと
Slide 88
Slide 88 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
88
12/10 メイドさんのいる定時後のIT自習室
12/13 PythonとKerasによるディープラーニング」輪読会
12/15 spring frameworkで始めるJava勉強会その1
12/16 日本Androidの会秋葉原支部ロボット部の勉強会
12/17 GCPUG Beginners Tokyo
12/19 おうちハックなM5Stackもくもく会
私達オタクエンジニアがこれからすべきこと
「とらLab」開催イベント
Slide 89
Slide 89 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
オタクエンジニアの皆様、
私たちと「オタク x IT」
一緒にやりませんか?
89
おまけ
Slide 90
Slide 90 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
次回は、12月20日(木) 開催予定!
90
おまけ
https://yumenosora.connpass.com/
Slide 91
Slide 91 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
他にも…
91
おまけ
Slide 92
Slide 92 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
聖地「秋葉原」で働けます
おまけ
92
Slide 93
Slide 93 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
社割で
同人誌やアニメグッズが買えます
93
おまけ
Slide 94
Slide 94 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
とら婚 に
格安でご入会いただけます
94
(オタクの方向け結婚相談所)
おまけ
Slide 95
Slide 95 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
ぜひお手元の「萌え萌え履歴書」を
ご利用ください!
95
Slide 96
Slide 96 text
Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
ご清聴ありがとうございました!
96
←12/20 採用説明会の申し込みはコチラ!