俺が好きなのはJavaだけどJavaじゃない　〜虎の穴でのJava活用について〜

Copyright (C) 2018 Toranoana Inc. All Rights Reserved.
俺が好きなのは
Javaだけど
Javaじゃない
〜虎の穴でのJava活用について〜
2018/12/15 JJUG CCC 2018 Fall
1
株式会社虎の穴
松尾陽祐／新崎修平

自己紹介
虎の穴という会社で
通販サイトの開発を
しています。
2
はじめまして、
虎の穴の松尾陽祐です。

【1】当社「虎の穴」について
【2】とらのあな通販サイトの紹介
【3】とらのあな通販サイトとJava
【4】社内ツールとKotlin
【5】とらのあなの
　オタクエンジニアについて
【6】私達オタクエンジニアが
　これからすべきこと
3
アジェンダ

・オタクエンジニアの方
・オタクがしゃべってるのを
見てやってもいいよという方
・とらのあなECサイトの仕組みに興味がある方
・頭を休めてお弁当を食べたい方
4
対象となる方

【1】
「虎の穴」の紹介
5

ってご存知ですか？
6
まずはじめに・・・
「同人誌」

7
とらのあなで扱っているのは
主にアニメやゲームを題材とした
二次創作の作品が多いです。
同人誌とは？
同人誌とは、
自費出版で制作された雑誌
のこと
漫画、小説、イラスト、コスプレ写真集など・・・

8
同人誌は「コミケ」や
専門ショップ、通販などで
購入できます。
同人誌とは？

って分かりますか？
9
コミケとは？
コミケ

10
コミケとは？
東京ビッグサイトで夏と冬に３日間ずつ毎年開催されている。
世界中から
オタクが集う！
世界最大規模の同人誌即売会
コミケとは「コミックマーケット」の略

11
コミケとは？
■コミックマーケット94
出展者数：約3万5千サークル
来場者数：3日間合計で53万人！

12
コミケのような同人誌即売会に
「サークル参加」をすることで
同人誌を頒布することができます
コミケとは？

13
サークルとは？
団体ではなく一人で同人活動をしている方も多いです。
個人サークルと言います
サークルとは
同人作品を制作するために
結成された組織、団体
のこと。
「サークルの名前＝お店の名前」
のようなイメージ。

14
即売会などイベント出展のほか、
専門ショップに「委託販売」
をする際にサークル登録が
必要となります。
サークルとは？

15
業者＝とらのあな
委託販売とは？
委託販売とは、
サークルが制作した作品を
専門業者がお預かりし、
販売を代行する仕組み
のこと。

16
委託販売とは？
とらのあなの主なサービスのひとつが
店舗での同人誌の委託販売

17
虎の穴とは
虎の穴とはつまり・・・

18
サークルさんたちがコミケ等で頒布する
同人作品やオタク向け商品を多く取り扱って
いるお店です
オタク界隈では有名な当社です！
虎の穴とは

19
「コミックとらのあな」は
オタクの聖地・秋葉原には5拠点
コミックとらのあな
とらのあな2nd Premium
（ラジオ会館 2F）

全国に30店舗＋3出張所！
20
2018年3月23日初の海外出店『とらのあな台北店』がオープン！
コミックとらのあな

21
「とらのあな通信販売」は
国内最大規模の同人ECサイト
とらのあな通信販売

22
この業界、国内で唯一自社倉庫をもち、
流通の仕組みがあります！
TLC（とらのあなロジスティックセンター）
1万㎡規模、約4万6000アイテム
日本最大級の同人保管量

23
そのほか、オタク向け新規サービスを
いくつか開発・運用しています

24
当社、オタク向けの事業を
全力でやっております！

25
【2】
とらのあな
通販サイトの紹介

26
世界最大規模
の同人ECサイト
とらのあな通販サイトの紹介

年間売上 100億円以上
(同人誌に換算して約1,500万冊！)
月間PV数約5,000万PV
取り扱い商品数
※在庫あり約10万アイテム
27
ECサイトについて
とらのあなECサイトの規模

オタク向けだからこその特徴が盛りだくさん
28
とらのあなECサイトの特徴〜その１〜
コミケ期間にアクセス数急増！
売上もアクセスも、通常期の３倍〜５倍
コダワリの検索機能
○ ジャンル検索
○ カップリング検索
クリエイターごとの要求に対応
販売する作品のクリエイター様にも
たくさんのこだわり

29
とらのあなECサイトの特徴〜その２〜
一般書籍サイトと保持する情報量が違う！
一般書籍値段・発行年月日・出版社・作者
同人誌値段・発行年月日・作者・サークル名・ジャ
ンル・カップリング・シチュエーション・卸値
・販売開始日・予約開始日・販売指定日・
発売日・告知解禁日・専売併売情報
etc….
クリエイターの要望に応える為、
取り扱う情報量が膨大

30
システム全体像

31
システム全体像
この範囲を
リニューアル
既存システム

32
虎の穴ラボの同人誌販売もやってます！
（無料！！）
ちなみに・・・
https://ec.toranoana.shop/tora_d/digi/item/042000012881/

33
【3】
とらのあな
通販サイトとJava

なぜリニューアル
することになったか
34

一念発起！
リニューアルプロジェクト
が始動！
35
ECサイトのリニューアル
・年商約100億円
・取り扱い400万アイテム以上
・日々求められるものが変わる業界
負荷の増大に耐えうるシステム
柔軟な機能追加ができるシステム
が求められていた

なぜ新しいECサイトで
Javaを選んだか
36

37
とらのあながJavaを選んだ3つの理由
安定性
JavaVM
エンジニアの多さ

安定性
会社視点
売上の規模から、失敗することが
許されないシステム
クリエイター視点
魂を注いで作り上げられた作品を、安
定性の低いシステムで扱うわけにはい
かない！
38

39
JavaVM
モニタリングのしやすさ・障害調査のし
やすさ
他のJVM言語の利用

40
エンジニアの多さ
ECサイトの完全内製化が目標
完全内製化を成し遂げるため
には人数が必要
Javaならば仲間集めをしやすい

どのようにECサイトをリ
ニューアルしたか
41

→ECパッケージを利用
　特に柔軟に対応可能なものを
　チョイス
42
どのようにECサイトをリニューアルしたか
開発スピードは速く
コストは安く

環境
言語 Java
Webコンテナ Apache
Tomcat
フレームワーク Spring
テンプレートエンジン Thymeleaf
ORマッパー Hibernate
ビルドツール Maven
CI Jenkins
43
IDE IntelliJ など
バージョン管理 git
開発マシン MacBook Pro
どのようにECサイトをリニューアルしたか

→端的に言えば、楽しい
44
リニューアル＆内製化をしてみて
●虎の穴としてやりたいことを
柔軟にできる
●ユーザの反応を
ダイレクトに受け取れる
リニューアルと同時に内製化へ

【４】
社内ツールとKotlin
45

その１
社内ツールを
開発した経緯
46

このままだと運用
ができない・・・
47
その１社内ツールを開発した経緯
運用上必要なデータを
抽出できる機能が不
足している！？

作るしかない！
48

Kotlinで開発してみよう！
49

50
その２
なぜKotlinを
選択したか

名前が可愛い！！
51
その２なぜKotlinを選択したか

52
JavaVM言語　EC資産の流用が可能
Javaライクなコード＆簡潔
IntelliJ IDEAで開発しやすい
新しいことにチャレンジ

53

54

55

〜社内ツールの開発環境〜
開発言語 Kotlin
フレームワーク Spark
ビューテンプレート Thymeleaf
Sparkは、webアプリケーション構築用のマイクロフレームワーク
56

57
その３
Sparkを
利用した
実装について

Kotlin
58
たったこれだけで、
Webサーバとして稼働す
る
getリクエスト時に
Hello Worldを表
示する実装
その３ Sparkを利用した実装について

59
社内ツール

Kotlinは最近注目を浴びている言語
● JavaVM言語としての有用性
● Androidでの正式採用
60
→若いエンジニアの注目もある
　今後の採用という面でアピール力に

61
JavaのECを触りつつ、
片手間でツールを作るという
シーンでは最高の選択
Kotlinは最近注目を浴びている言語
● JavaVM言語としての有用性
● Androidでの正式採用
→若いエンジニアの注目もある
　今後の採用という面でアピール力に

● JavaVM言語をキャッチアップ
● ECにおける最適な言語選択
　Javaに限らず、Kotlin、Scalaなど
今後の展望
Javaのシステムではあるが、Java
にとらわれないシステムへ
62

とらのあなでは、
新しいことを楽しみたい
Javaエンジニアを大募集
63

【５】
とらのあなの
オタクエンジニア
について
64

新崎修平（シンザキシュウヘイ）
● WEBエンジニア
● とらのあな通販サイト開発
好きなこと
● アニメ鑑賞
● 同人誌を読む
65
自己紹介

その１
オタクエンジニア
を集めるまで
66
とらのあなのオタクエンジニアについて

さて、いまでこそ、
こうしてエンジニアが皆様の前で、
それっぽい話をしているわけですが…
67
その１オタクエンジニアを集めるまで

実は最近まで当社には、
エンジニアが全然いませんでした…
68

オタクエンジニアを
集めるために…！
69

採用がんばりました！その１
各種Twitter広告
70

Developers Summit 2018 技術書典５
71
採用がんばりました！その２
各種イベント出展

同人誌
(採用パンフ)
各種配布グッズカジュアル面談
採用がんばりました！その３
他にも色々作りました
72

そして最新作。本日初公開の…
73

萌え萌え履歴書！！！
74

細部までこだわって、
可愛く仕上げました♪
75
※ご利用に際し被ったいかなる被害・損害につ
いて、一切の責任を負いかねます。

そんな試行錯誤を経て、ようやく、
オタクエンジニアが集まりました！
76

77
みんなで
「オタクコンテンツ x IT」
の自社サービスをつくってます！
クラウドファンディングオリジナルグッズ製作イベント取り置き
オタク向け結婚相談所

78
その２
オタクエンジニアがつくる
オタクサービス

79
・憧れの神絵師がユーザーとして使ってくれる
　という奇跡。
・楽しい。嬉しい。尊い。財布からっぽ。
・控えめに言って、神サービス。
ファンティア[Fantia]
その２オタクエンジニアがつくるオタクサービス

ツール
Go
言語・フレームワークインフラ
新しい技術やインフラ・ツールを
積極的に導入
80

81
好きなものを
仕事にするって
楽しい！

82
【６】
私達オタクエンジニアが
これからすべきこと

・オタク界隈は、まだまだレガシーで
不便な部分がある。
・もっと便利で、
楽しいオタクの未来があるはず。
オタク x IT
83
私達オタクエンジニアがこれからすべきこと

私たち、オタクエンジニアだからこそ、
84
・不便さがわかる。
・オタクの気持ちがわかる。
・誰よりも
オタクコンテンツが好き！

私たちで、
秋葉原のエンジニア界隈を
盛り上げます！
（渋谷にだって負けないんだから！）
85

秋葉原にエンジニアは無料で使える、
レンタルスペース「とらLab」つくりました。
というわけで、
86

レンタルスペース「とらLab」
● 収容人数：15〜20人
● スピーカー完備
● フリーwifi
● 電源ケーブル
● プロジェクターの貸出
87
設備
※くわしくは「お手元のチラシ」をご確認ください。
エンジニアイベントに
ぜひご利用ください！
https://news.toranoana.jp/64239

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」開催イベント

オタクエンジニアの皆様、
私たちと「オタク x IT」
一緒にやりませんか？
89
おまけ

次回は、12月20日(木) 開催予定！
90
おまけ
https://yumenosora.connpass.com/

他にも…
91
おまけ

聖地「秋葉原」で働けます
おまけ
92

社割で
同人誌やアニメグッズが買えます
93
おまけ

とら婚に
格安でご入会いただけます
94
（オタクの方向け結婚相談所）
おまけ

ぜひお手元の「萌え萌え履歴書」を
ご利用ください！
95

ご清聴ありがとうございました！
96
←12/20 採用説明会の申し込みはコチラ！

俺が好きなのはJavaだけどJavaじゃない　〜虎の穴でのJava活用について〜

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to 俺が好きなのはJavaだけどJavaじゃない　〜虎の穴でのJava活用について〜

Similar to 俺が好きなのはJavaだけどJavaじゃない　〜虎の穴でのJava活用について〜 (20)

More from 虎の穴開発室

More from 虎の穴開発室 (20)

Recently uploaded

Recently uploaded (9)