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
Lisp(Clojure)で サーバーからアプリま で全てをつくるはなし
Search
BOXP
May 09, 2019
Programming
2
290
Lisp(Clojure)で サーバーからアプリま で全てをつくるはなし
VRC-LT #1用です
https://vrc-lt.github.io/
BOXP
May 09, 2019
Tweet
Share
More Decks by BOXP
See All by BOXP
Cluster Creator Kitに入門してみた
boxp
0
66
LookingGlassPortraitあそんでみた
boxp
0
38
肉体を捨てた話
boxp
0
64
A story about releasing a online pairing service for avatars living in virtual worlds
boxp
1
290
VketのブースにVRoid製うちのこを召喚してみた
boxp
0
180
Hito Hub 2.0
boxp
0
1.1k
バーチャルマーケット3に ポスターを貼ってみた件
boxp
0
1.4k
趣味でGOOGLE KUBERNETES ENGINEを試したら 財布が薄くなったはなし
boxp
0
1.3k
趣味でつくる アバター×アバター マッチングアプリをリリースした話
boxp
0
110
Other Decks in Programming
See All in Programming
rails stats で紐解く ANDPAD のイマを支える技術たち
andpad
1
290
ブラウザ単体でmp4書き出すまで - muddy-web - 2024-12
yue4u
3
470
MCP with Cloudflare Workers
yusukebe
2
220
DevFest Tokyo 2025 - Flutter のアプリアーキテクチャ現在地点
wasabeef
5
910
Fibonacci Function Gallery - Part 1
philipschwarz
PRO
0
220
Refactor your code - refactor yourself
xosofox
1
260
「とりあえず動く」コードはよい、「読みやすい」コードはもっとよい / Code that 'just works' is good, but code that is 'readable' is even better.
mkmk884
3
330
テストコード文化を0から作り、変化し続けた組織
kazatohiei
2
1.5k
htmxって知っていますか?次世代のHTML
hiro_ghap1
0
330
42 best practices for Symfony, a decade later
tucksaun
1
180
競技プログラミングへのお誘い@阪大BOOSTセミナー
kotamanegi
0
360
menu基盤チームによるGoogle Cloudの活用事例~Application Integration, Cloud Tasks編~
yoshifumi_ishikura
0
110
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
510
110k
How to Ace a Technical Interview
jacobian
276
23k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Adopting Sorbet at Scale
ufuk
73
9.1k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
48
2.2k
Designing Experiences People Love
moore
138
23k
Fireside Chat
paigeccino
34
3.1k
Measuring & Analyzing Core Web Vitals
bluesmoon
4
170
How To Stay Up To Date on Web Technology
chriscoyier
789
250k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.3k
For a Future-Friendly Web
brad_frost
175
9.4k
Designing for Performance
lara
604
68k
Transcript
Lisp(Clojure)で サーバーからアプリま で全てをつくるはなし BOXP
自己紹介 •(一箱さんのからだを借りた)BOXP •VRoid Studioすきすき •Clojureすきすき
本題の前に
どっちを話そうか迷っていま したが… or
None
None
ここから本題
None
Hito Hubの 技術面について しゃべります
Hito Hubとは アバター×アバターのマッチングサービス 自動で相性のよいアバターをおすすめ してくれる スマートフォン向けWebアプリ(not VR )
Hito Hubを支える システムたち vr-match-front-end アバターについて表示 するアプリ vr-match-bff アプリの高速化や 静的ページを提供する 特殊なバックエンド
vr-match-api おすすめの アバターを探したり するバックエンド
図にするとこんな感じ vr-match-bff vr-match-api vr-match-front-end Cloud CDN Cloud SQL(MySQL)
図にするとこんな感じ vr-match-bff vr-match-api vr-match-front-end Cloud CDN Cloud SQL(MySQL)
今回の主役 Clojure
Clojure? ◦ 関数型言語と呼ばれるうちの一人 ◦ マルチプラットフォーム言語 ◦ サーバーサイド・フロントエンドどちらでも使える(JVM, JavaScript, .NET) ◦
実はUnityでも使える ◦ 簡潔にコードを書けて気持ちいい(※個人の見解です) ◦ Webフロントエンドアプリの比較では最もコード量の少ない言語として選ばれた (A RealWorld Comparison of Front-End Frameworks with Benchmarks - freeCodeCamp.org調べ) ◦ 個人プロジェクトでモチベーションを保つためには重要 ◦ コンセプトは "Simple made easy." 引用: エラトステネスの篩を使ってClojureで素数を求める https://gist.github.com/fumokmm/2729276
Hito Hubを 支えるClojure
Clojureのデータ構造による 画面作成 \Hello/ Render
Clojureによる アプリとバックエンドの連携 vr-match-api Share Share Fetch
ほかにも色々Clojure •アプリケーションに新しいコードを差し込んですぐに動作確認できる •動画でお見せできないのが残念 REPLを使ったインタラクティブな開発 •サーバーサイドレンダリングとか •CodeSplit & LazyLoadとか •prefetchとか •いわゆるPWAと呼ばれるような条件は問題なくクリアできる
フロントエンド/サーバーサイドでできないことはほとんどない
Thank you!
GitHubで ソースコード 公開中です HTTPS://GITHUB.COM/BOXP/VR-MATCH