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
【虎の穴ラボ Tech Talk #1】虎の穴ラボの利用技術紹介
Search
虎の穴ラボ株式会社
September 18, 2024
Technology
0
500
【虎の穴ラボ Tech Talk #1】虎の穴ラボの利用技術紹介
虎の穴ラボ Tech Talk #1 〜社内技術LT〜での発表資料です
https://yumenosora.connpass.com/event/328090/
虎の穴ラボ株式会社
September 18, 2024
Tweet
Share
More Decks by 虎の穴ラボ株式会社
See All by 虎の穴ラボ株式会社
Tailwind CSSとAtomic Designで実現する効率的な Web 開発の事例
toranoana
1
540
Denoについて、同人誌記事を出しました+update
toranoana
0
170
【虎の穴ラボ Tech Talk #2】プロンプトエンジニアリング
toranoana
0
110
20241121_[TechTalk#2]虎の穴ラボでのLLMについて取り組み紹介
toranoana
0
100
社内チャットへRAG導入した話(Tech Talk #2)
toranoana
0
180
Deno Deploy で Web Cache API を 使えるようになったので試した知見
toranoana
1
560
【虎の穴ラボ Tech Talk】虎の穴ラボTech Talk説明資料
toranoana
0
410
虎の穴ラボ Tech Talk_CDKでFargate環境構築
toranoana
1
430
虎の穴ラボスキルアップ支援制度の利用例
toranoana
0
8.1k
Other Decks in Technology
See All in Technology
Okta Identity Governanceで実現する最小権限の原則 / Implementing the Principle of Least Privilege with Okta Identity Governance
tatsumin39
0
130
AI-Readyを目指した非構造化データのメダリオンアーキテクチャ
r_miura
1
260
SCONE - 動画配信の帯域を最適化する新プロトコル
kazuho
1
280
Claude Codeを駆使した初めてのiOSアプリ開発 ~ゼロから3週間でグローバルハッカソンで入賞するまで~
oikon48
10
5.2k
「魔法少女まどか☆マギカ Magia Exedra」のIPのキャラクターを描くための3Dルック開発
gree_tech
PRO
0
120
webpack依存からの脱却!快適フロントエンド開発をViteで実現する #vuefes
bengo4com
0
1.1k
物体検出モデルでシイタケの収穫時期を自動判定してみた。 #devio2025
lamaglama39
0
250
「魔法少女まどか☆マギカ Magia Exedra」の多様なバトルの開発を柔軟かつ効率的に実現するためのPure C#とUnityの分離について
gree_tech
PRO
0
190
GoでもGUIアプリを作りたい!
kworkdev
PRO
0
160
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
12
81k
FinOps について (ちょっと) 本気出して考えてみた
skmkzyk
0
180
Railsの話をしよう
yahonda
0
170
Featured
See All Featured
A Tale of Four Properties
chriscoyier
161
23k
Scaling GitHub
holman
463
140k
Context Engineering - Making Every Token Count
addyosmani
7
280
Unsuck your backbone
ammeep
671
58k
Building Better People: How to give real-time feedback that sticks.
wjessup
369
20k
Leading Effective Engineering Teams in the AI Era
addyosmani
7
540
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
It's Worth the Effort
3n
187
28k
Six Lessons from altMBA
skipperchong
29
4k
How to Ace a Technical Interview
jacobian
280
24k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Transcript
Copyright (C) 2024 Toranoana Lab Inc. All Rights Reserved. 虎の穴ラボの利用技術紹介
虎の穴ラボ株式会社 藤原佳顕 1
Copyright (C) 2024 Toranoana Lab Inc. All Rights Reserved. 目次
1. 自己紹介 2. 概要 3. 利用技術の紹介と用途の紹介 4. まとめ 2
Copyright (C) 2024 Toranoana Lab Inc. All Rights Reserved. 自己紹介ページ
(藤原) 藤原 佳顕(ふじわら よしあき) : yoshiaki fujiwara ‣ Webエンジニア ‣ 新規事業担当(Fantia、Creatia)、アーキテクトチーム (CSIRTも) ‣ 前職:独立系ソフトウェア会社、主に GISとWeb、ライブラリ開発 ‣ TypeScript、Ruby on Rails、C#、C++ ‣ React、Vue、Angular ‣ 入社理由 ‣ 自分がスキルアップできそうな場所に行きたい ‣ オタク系の話ができるところに行きたい 好きなモノ ‣ シューティングゲーム、格闘ゲーム ‣ SF小説 ‣ プログラミング 3
Copyright (C) 2024 Toranoana Lab Inc. All Rights Reserved. 概要
• 本LT会のサブタイトル「社内技術LT」ということで、社内で利用している 技術について発表します • 虎の穴ラボ社内でどのような技術が、どのような用途で使われているかに フォーカスして話します • 説明会等でも同じような内容が紹介されていますが、もう少し踏み込んだ 内容になります 4
Copyright (C) 2024 Toranoana Lab Inc. All Rights Reserved. フロントエンド
とらのあな通販等 開発環境(説明会資料) バックエンド 開発言語 Java / Kotlin フレームワーク Spring / Ktor データベース Oracle / PostgreSQL / MySQL Thymeleaf Next.js (サービスにより 利用技術が異なる) インフラ AWS / オンプレミス (全体的にAWSへの 移管予定あり)
Copyright (C) 2024 Toranoana Lab Inc. All Rights Reserved. フロントエンド
Fantia・とらコイン等 開発環境(説明会資料) バックエンド 開発言語 Ruby / Go フレームワーク Ruby on Rails データベース MySQL フロントフレームワーク React (一部画面でのみ使用) サーバーインフラ Google Cloud AWS コンテンツインフラ AWS S3 / CloudFront
Copyright (C) 2024 Toranoana Lab Inc. All Rights Reserved. 開発手法:アジャイル/スクラム(説明会資料)
※チームによっては2週間スプリントにてスクラム開発を実践 案件の発生 チケット化して担当を決定 チケットをタスク単位に 分割 + 見積もり 1日のはじまりに 「昨日やったタスク」 「今日やるタスク」 を宣言して開発
Copyright (C) 2024 Toranoana Lab Inc. All Rights Reserved. 利用技術の紹介と用途の紹介
8
Copyright (C) 2024 Toranoana Lab Inc. All Rights Reserved. 利用技術の紹介と用途の紹介
• JVM系 ◦ Java ▪ 虎の穴通販サイトのサーバーサイド言語 ◦ Kotlin ▪ 虎の穴通販サイトの周辺マイクロサービスのサーバーサイド ▪ サークルポータルのサーバーサイド ◦ 次のページにあるWebフレームワーク/ライブラリと合わせて利用 9
Copyright (C) 2024 Toranoana Lab Inc. All Rights Reserved. 利用技術の紹介と用途の紹介
• JVM系Webフレームワーク ◦ Spring関連 ▪ 主にJavaと一緒に利用 ◦ Ktor ▪ Kotlin純正の軽量Webフレームワーク • JVM系その他 ◦ Hibernate ▪ JavaのORM ◦ Exposed ▪ KotlinのORM ◦ Thymeleaf ▪ Javaのテンプレートエンジン • フロントエンド ◦ Next.js:サークルポータルのフロントエンド 10
Copyright (C) 2024 Toranoana Lab Inc. All Rights Reserved. 利用技術の紹介と用途の紹介
• Java+Spring 11
Copyright (C) 2024 Toranoana Lab Inc. All Rights Reserved. 利用技術の紹介と用途の紹介
• Kotlin+ktor+Exposed(+Next.js) 12
Copyright (C) 2024 Toranoana Lab Inc. All Rights Reserved. 利用技術の紹介と用途の紹介
• その他ライブラリなど ◦ (後で聞く。紹介したいものとかあれば) 13
Copyright (C) 2024 Toranoana Lab Inc. All Rights Reserved. 利用技術の紹介と用途の紹介
14
Copyright (C) 2024 Toranoana Lab Inc. All Rights Reserved. 利用技術の紹介と用途の紹介
• Ruby ◦ Ruby on Railsと合わせて利用 ◦ 社内外のアプリ合わせて13~14くらいがこちらでできている • Go ◦ 一部マイクロサービスで利用 ◦ 処理速度が必要かつサーバー間通信なAPIでgRPCと合わせて利用 ◦ 過去発表資料 https://www.slideshare.net/slideshow/tech-day-3gogrpc/251070776 • React ◦ 一部フロントエンドのパーツとして利用 15
Copyright (C) 2024 Toranoana Lab Inc. All Rights Reserved. 利用技術の紹介と用途の紹介
• Ruby on Rails + React (+ Go) 16
Copyright (C) 2024 Toranoana Lab Inc. All Rights Reserved. 利用技術の紹介と用途の紹介
• その他ライブラリなど ◦ imagemagick(Fantia、Creatia) ▪ 画像のリサイズ、変換など。Rubyから利用 ◦ GORM ▪ Go言語用のORM ◦ Hotwire ▪ 新規に作るサービスをRailsで構築する場合には利用 ▪ ただし、フロントエンド重視ではない場合のみ 17
Copyright (C) 2024 Toranoana Lab Inc. All Rights Reserved. 利用技術の紹介と用途の紹介
18
Copyright (C) 2024 Toranoana Lab Inc. All Rights Reserved. 利用技術の紹介と用途の紹介
• クラウド関連 ◦ AWS、Google Cloud(Fantia、EC、etc…) ▪ 全般的にベースのインフラ構築に利用 ▪ AWS:EC2、Fargate、S3、CloudFront、Aurora、etc… ▪ Google Cloud:VPC、Cloud Run、Bigquery、Cloud SQL、etc… ◦ Terraform ▪ 上記インフラ構築用に利用 ▪ 現状バックアップ等の利用が多いが今後は初期構築に使いたい ◦ Ansible ▪ インフラ構築後のサーバー内設定に利用 • 各種自動化でも利用 ◦ GitHub Actionsなどと組み合わせたりしつつ ◦ 他CodePipelineやCloud Buildでのデプロイ自動化も活用 19
Copyright (C) 2024 Toranoana Lab Inc. All Rights Reserved. まとめ
• 虎の穴ラボが使っている技術について紹介しました • このあとの発表でいくつかの内容について掘り下げがあると思いま す • 今回は概要のみだったので、今後のLT会でも個々の利活用について 掘り下げていければと思います • 使ってる技術に興味があればぜひカジュアル面談や採用説明会へ Go! 20