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
スタジオから始める WF改革 AR編 / StudioAR
Search
CyberAgent
PRO
February 22, 2019
Technology
1
150
スタジオから始める WF改革 AR編 / StudioAR
サイバーエージェントの技術者(エンジニア・クリエイター)向けカンファレンス『CA BASE CAMP 2019』
スタジオから始める WF改革 AR編
枝 光亮 小野寺 学 近藤信輝
CyberAgent
PRO
February 22, 2019
Tweet
Share
More Decks by CyberAgent
See All by CyberAgent
新規開発と並走したリファクタリング戦略
cyberagentdevelopers
PRO
0
16
大規模Reactアプリのリアーキテクチャ_8万行のTanStack Query移行の奇跡
cyberagentdevelopers
PRO
1
17
CA.swift19_恋するAIアプリ開発の裏側
cyberagentdevelopers
PRO
1
37
CLのウィジェット開発について
cyberagentdevelopers
PRO
1
20
少数チームで挑む: SwiftUI, TCA, KMPを用いた 新規動画配信アプリ
cyberagentdevelopers
PRO
2
30
ABEMAの課金機能の刷新について:- StoreKit2によるiOSのアプリ内課金のリニューアル
cyberagentdevelopers
PRO
0
21
同時に複数購読可能なサブスクリプションを提供する
cyberagentdevelopers
PRO
0
20
Flutter × Rive 魅力的なアニメーション
cyberagentdevelopers
PRO
0
100
Serverpodを活用したDartのフルスタックアプリケーション開発
cyberagentdevelopers
PRO
0
130
Other Decks in Technology
See All in Technology
MapLibreとAmazon Location Service
dayjournal
1
150
Google Cloud の AI を支える裏側のインフラを垣間見る!
maroon1st
0
340
VS CodeでAWSを操作しよう
smt7174
7
1.6k
KubeCon EU 2024 Recap “Kubernetes Policy Time Machine: Where to Next?”
ryysud
0
210
Postman v10リリース後を振り返る / Looking back at Postman v10 after release
yokawasa
1
160
元インフラエンジニアに成る / Human Resources to Human Relations
bobtani
4
910
「スニダン」開発組織の構造に込めた意図 ~組織作りはパッションや政治ではない!~
rinchsan
3
550
アクセシビリティを考慮したUI/CSSフレームワーク・ライブラリ選定
yajihum
2
1k
20240416_devopsdaystokyo
kzkmaeda
1
220
エンジニアのキャリアをちょっと楽しくする3本の軸/Three Pillars to Make an Engineer's Career More Enjoyable
kwappa
0
2.7k
TechFeed Experts Night#27 〜 フロントエンドフレームワーク最前線 (Svelte)
baseballyama
1
430
生産性向上チームの紹介
cybozuinsideout
PRO
1
870
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
Building Effective Engineering Teams - LeadDev
addyosmani
28
1.8k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
60
14k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3k
GraphQLの誤解/rethinking-graphql
sonatard
50
9.2k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
241
1.2M
Being A Developer After 40
akosma
57
580k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
19
1.7k
The Illustrated Children's Guide to Kubernetes
chrisshort
31
46k
RailsConf 2023
tenderlove
4
540
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.6k
4 Signs Your Business is Dying
shpigford
175
21k
Transcript
ελδΦ͔Β࢝ΊΔ ϫʔΫϑϩʔվֵɹARฤ αΠόʔΤʔδΣϯτɹελδΦӡӦηϯλʔɹۙ౻ ৴ً CyberBullɹϓϥϯχϯάάϧʔϓɹখࣉ ֶ CyberZɹOPENRECɹࢬ ޫ྄
1. CA ελδΦӡӦηϯλʔͱɺελδΦͷׂ 2. CyberBullͷAR 3. OPENRECSTUDIOͷAR 4. AbemaTVͷAR 5.
࣭ٙԠ
ࣗݾհɿۙ౻৴ً • ॴଐ ελδΦӡӦηϯλʔɹ ݉ɹAbemaTVɹٕज़ہ ݉ɹCA ࣍ੈੜ৴ٕज़ࣨ …etc աڈɿLINE LIVE,
ɹɹɹɹɹɹɹɹJ-Stream, ɹɹɹɹɹɹɹɹɹɹɹɹɹKENEK Japan • ө૾ͱIPͷڱؒʹ͍ΔςΫχΧϧσΟϨΫλʔ
ελδΦӡӦηϯλʔ γϟτʔΞϝʔόʹ͋ΔϥΠϒ৴͚ελδΦ ʢେখ෦ʣͷཧΛߦ͍ɺ ฒߦͯ͠৽نελδΦߏஙΛ୲͢Δɻ ଞʹɺMϦʔάελδΦɺAbemaTowersελδΦɹͳͲ
ٕज़ཧνʔϜͷࣄ • ਖ਼ৗͳঢ়ଶͷཧ Ͳͷ൪ͰɺεϜʔζʹ੍࡞͕Ͱ͖Δڥඋ ө૾͚ͩͰͳ͘Իɾ৴NWɾর໌ etc • ະདྷΛݟਾٕ͑ͨज़ͷಋೖ TVͷ฿͚ͩͰͳ͍ɺ৽͍͠ՁΛ୳͢ ൪༰ͷັྗΞοϓʹͭͳ͕Δٕज़ఏҊ
൪੍࡞ٕज़ͷ࡞ۀ͠·ͤΜ
࣍ੈੜ৴ٕज़ࣨͷര • άϧʔϓͰӡӦ͢Δ༷ʑͳಈըαʔϏεʹ͓͚ Δੜ৴ωοτϫʔΫͷ࣭ΛҰ্ͤ͞Δ ➡ΫΦϦςΟίϯτϩʔϧ͕ඞཁ ʢ์͓ͬͯ͘ͱऀෆ໌ͳϩʔΧϧNW͕Ͱ͖͍ͯͨΓ͢Δةݥੑʣ
ϓϨεϦϦʔε https://www.cyberagent.co.jp/careers/news/detail/id=21467 ґཔ͕ଟͯ͘ɺλεΫ͕૿େɾɾɾʂ
CAάϧʔϓɺελδΦ͕ଟ͍ɾɾɾʁ • AbemaTVܥ γϟτʔΞϝʔόɺMϦʔάελδΦɺAbemaTowersελδΦ • Cyber-Zܥ OPENREC STUDIOɺCyber-V • ࠂܥ
Cyber-BullɺMovie MonsterɺAvatta • ήʔϜܥ Cygames, ͦΕͧΕͷࣄۀͰɺࢿΛ࣮ߦ͍ͯ͠Δɻ ө૾ɾΩϟϓνϟʔؔ࿈͚ͩͰ͜Ε͚ͩ͋Δɻ
Ͱɺ΄ͱΜͲԣͷͭͳ͕Γ͕ແ͍
ۀք׳शͱҧ͏ ੍࡞ํ๏ɾಇ͖ํΛ࣮ફ͠ɺ ͓ޓ͍ͷϊϋΛڞ༗͠ άϧʔϓશମͰͷ૬ޮՌ͔Βɺ ࣄۀߩݙΛࢦ͖͢Ͱ͋Δɻ
ٕज़͚ͩͰͳ͘ ϫʔΫϑϩʔͰɺۀքΛม͍͑ͯ͘ɻ
AR͔ΒϫʔΫϑϩʔΛม͑Δ OPENREC ࢬ CyberBull খࣉ AbemaTV ۙ౻ ͳͥɺͦͷٕज़͕ඞཁͳͷ͔ʁɹɹϫʔΫϑϩʔΛม͑ɺۀքΛม͍͑ͯ͘
ελδΦ͔Β࢝ΊΔWFվֵ ARฤ CyberBullฤ
• 20161݄ த్ೖࣾʢCyberBullॴଐʣ ৬ɿCreativeDirector ※ओʹϒϥϯυྖҬͷࠂͷاըʢϓϥϯχϯάʣ ٴͼɺҊ݅ΛʮऔΓΔʯΛߦͳ͍ͬͯΔ ຊBullࣾͷπʔϧͷϓϩδΣΫτϚωʔδϟʔ ɾʦVIDEOSUITEʧ ɾϰΝʔνϟϧελδΦγεςϜ ʦCUBEʢԾʣʧ
ͳͲ ※ຊ৬اը͞Μ খࣉ ֶʢσϥʔχɺσϥχΟʣ @dub8bit
1. CyberBullͬͯͳʹʁ 2. ಈը੍࡞ͷ՝ 3. VirtualStudio 4. ඳ͖͍ͨະདྷͷ͓
ͦͦ ʦCyberBull]ͬͯͳʹʁ ̍
CyberBullͱʁ • ಈըࠂʹಛԽͨ͠ࠂཧࣄۀΛ͓͜ͳ͍ͬͯΔɻ • ্ཱ͔ͪ͛Β5 ※͓ͳྖҬɿμΠϨΫτྖҬ/ϒϥϯσΟϯάྖҬ/ൢଅྖҬ •؆୯ʹݴ͏ͱɹಈը੍࡞ػೳΛ࣋ͬͨࠂཧళ ΫϦΤΠʔλʔɹ20໊΄Ͳ͓Γɺ TVCMΛද͢Δࠂ੍࡞ͷܦݧऀ͕ଟ͓͘Γ·͢
ɻ ※اը͔Β੍࡞ʢฤूɺ2DCGɺ3DCGɺαϯυʣͯ͢ͷػೳΛ͍ͬͯΔɻ
DEMOREEL
DEMOREEL
ಈը੍࡞ͷ՝ λΠτϧεϥΠυ1-10·Ͱ͋Γ·͢ ը໘ӈͷʮεϥΠυϨΠΞτʯ͔Βબ 2
ίετʢ͓ۚɾ࣌ؒʣΛ͑ͨࠂ੍࡞ͷఏڙ ※దਖ਼ͳՁ֨ͰɺΫΦϦςΟʲߴ͍ʳՌΛఏڙ͢Δ Bullͱ࣮ͯ͠ݱ͍ͤͨ͜͞ͱ ίετ ͓ۚ ࣌ؒ() = +
ؔΘΔਓ͕ଟ͍ʢۀ੍Ͱׂ֤ͷਓ݅අ͕͔͔Δ※ϩέͷ߹ʣ ͳΜͰίετ͕͔͔Δͷ͔ʁ
• ࡱӨʹ࠷ऴ֬ೝ • σΟϨΫλʔ • ΧϝϥϚϯ • ϥΠτϚϯ • େಓ۩
• খಓ۩ ɹ※֤Ξγελϯτ ɹɾϔΞɾϝΠΫ ɹɾελΠϦετ ɹɾɾɾetc • ΤσΟλʔ • ָۂ੍࡞/࡞ࢺ • ΧϥʔάϨʔσΟ ϯά • CG࡞ • φϨʔγϣϯ • MA ɹ…etc • σʔλग़ྗ • ϓϦϯτ ɹ…etc • ελοϑΟϯά • ԋग़ίϯς • ϩέબఆ • ϩέϋϯ • ࢿྉ࡞ ੍࡞४උ PPM ΦϑϥΠϯ ΦϯϥΠϯ ೲ ࡱӨɾ੍࡞ ϓϩμΫγϣϯ ϓϦϓϩμΫγϣϯ ϙετϓϩμΫγϣϯ ө૾੍࡞ʮΔ͜ͱࣄʯ͕ۀ͞Ε͍ͯΔ ΄ͱΜͲ͕ਓ݅අͰ͢
՝Ͱͨ͠ϙΠϯτ ਓ݅අΛΕίετ͑ΒΕΔ ※ཁγεςϜͰ՝ղܾͰ͖ͳ͍͔ʁ
੍࡞४උ PPM ΦϑϥΠϯ ΦϯϥΠϯ ೲ ࡱӨɾ੍࡞ ϓϩμΫγϣϯ ϓϦϓϩμΫγϣϯ ϙετϓϩμΫγϣϯ ϋʔυͱιϑτͰΞϓϩʔνࡁ
γεςϜΛ։ൃࡁ ࠓճ͜ͷ͋ͨΓʹ Ξϓϩʔν • ४උ࣌ؒͷݮ • ࡱӨҎ߱ͷίετμϯ ߦͬͨ͜ͱγεςϜͰ՝ʹΞϓϩʔν
VirtualStudio λΠτϧεϥΠυ1-10·Ͱ͋Γ·͢ ը໘ӈͷʮεϥΠυϨΠΞτʯ͔Βબ 3
DEMO
VirtualStudioDEMO
͜ΕਓؒҎ֎ͯ͢߹Ͱ͢
• γεςϜߏͱͯ͠ ZerodencityࣾͷʮRealityʯͱ͍͏ιϑτͰKeyingʢਓ͚ͩऔΓग़ٕ͢ज़ʣͱ ΧϝϥτϥοΩϯάʢΧϝϥΛήʔϜͷίϯτϩʔϥʔͷ༻ʹͯ͠Ծ্ۭؒͷΧ ϝϥͱಉ͡ಈ͖ʹ͢Δʣ https://www.zerodensity.tv/ EpicGamesࣾͷʮUnreal Engineʯͱ͍͏ήʔϜΤϯδϯΛ͍ɺ ʮϦΞϧλΠϜϨϯμϦϯάʯͰͷ3DCGۭؒΛߏங https://www.epicgames.com/site/ja/home
VirtualStudioDEMO ࡱӨͨ͠ͷ͕ɺ ͦͷ··ʮԾۭؒͷελδΦʯͱ ϦΞϧλΠϜͰ߹͞Ε·͢ ※Πϝʔδ χϡʔε൪ͷϰΝʔνϟϧελδΦ
• ϩέϋϯͷίετɺϩέʔγϣϯ֬อ • ఱؾʹࠨӈ͞Εͳ͍ࡱӨʢఱؾ༧උɺ࠶ࡱӨͳͲͷίετΧοτʣ • Ҡಈ͕࣌ؒͳ͍ͨΊɺ߆ଋ࣌ؒͷॖ • ʢελοϑɺλϨϯτͷෛ୲ܰݮˠίετΧοτʣ • େಓ۩ɺখಓ۩අ༻ΛCGͰදݱͨ͢Ίେ෯ίετݮ
• ४උ͢ΔͨΊͷݐࠐΈෆཁʢࡱӨͷΈͰରԠͰ͖Δʣ • 3DCGͱͷ߹࡞ۀ͕ॖʢΦϯϥΠϯฤूͷෛ୲ܰݮʣ ಋೖ͢Δ͜ͱͰظͰ͖ΔϙΠϯτ
None
ඳ͖͍ͨະདྷͷ λΠτϧεϥΠυ1-10·Ͱ͋Γ·͢ ը໘ӈͷʮεϥΠυϨΠΞτʯ͔Βબ 4
ϋϦουөըͰ߹ओྲྀɺຊͷө૾ۀքͰ߹ߦΘΕ͍ͯΔ͕ CG ੍࡞ͷίετ͕ඇৗʹߴ͔ͬͨɻ →▪ήʔϜΤϯδϯͷൃୡʢUnreal EngineʣʹΑΓɺ ɹɹίετͰʲϦΞϧλΠϜඳࣸʳͷCG੍࡞͕Մೳʹͳͬ ͖͍ͯͯΔɻ ※Unreal Engineͷ͓͔͛Ͱɺஔ͑Λߦ͏͜ͱͰ ɹ؆୯ʹผͷۭؒΛ࡞͢Δ͜ͱ͕ग़དྷΔ͖ͳγνϡΤʔγϣϯͰࡱӨՄೳ
Ͱ͢
ʲ͜ΕΛ࣮ͬͯݱ͍ͨ͠ੈքɾɾɾʳ ϑΥτϦΞϧͳ߹ελδΦ ※ɹɹɹ ΛԼ͛ɺʲਓؒߟ͑Δ͜ͱʳʹಛԽͤ͞ ʮදݱͷखࡳʯΛ૿͍ͯ͘͠ɻ ίετ
Thank you!!
• ήʔϜಈը৴ϓϥοτϑΥʔϜʮOPENREC.tvʯ • CyberZͰeεϙʔπΠϕϯτ/eεϙʔπϦʔά ʮRAGEʢϨΠδʣʯΛຊࠃͰӡӦOPENREC.tv Ͱ৴͍ͯ͠Δ • 2018ʹϦχϡʔΞϧͨ͠ࠃ࠷େڃͷeεϙʔπε λδΦʮOPENREC STUDIOʯΛΦʔϓϯ
• ϦΞϧλΠϜάϥϑΟοΫεγεςϜʮVizrtʯΛಋೖ ͠ɺAR/CGԋग़ʹΑΔө૾ͷେ෯ͳΫΦϦςΟΞοϓ Λ࣮ݱ
ࢬ ޫ྄(Eda Kosuke) • 20154݄ CyberZೖࣾ • OPENREC.tv্ཱͪ͛ظ͔ΒςΫχΧϧۀʹ ैࣄɺٕज़Ͱͷ൪ੜ์ૹϑϩʔΛߏங •
20184݄ ςΫχΧϧࣄۀ෦ Ϛωδϟʔʹ
ͳͥARΛಋೖͨ͠ͷ͔ʁ
ͳͥARΛಋೖͨ͠ͷ͔ʁ •eεϙʔπͷͨΊͷઐ༻ελδΦ •
ͳͥARΛಋೖͨ͠ͷ͔ʁ •eεϙʔπͷͨΊͷઐ༻ελδΦ •৴ө૾Ͱࢹௌऀʹ͑Δ
ARΛಋೖͯ͠Կ͕มΘͬͨʁ
•ΫϥΠΞϯτͷԠ •a •ଞͷeεϙʔπΠϕϯτେձͱҰ ઢΛը͢ೝࣝʹ ARΛಋೖͯ͠Կ͕มΘͬͨʁ
•ΫϥΠΞϯτͷԠ •ࢹௌऀʹຊؾ(Ψνײ)͕ΘΔ •ଞͷeεϙʔπΠϕϯτେձͱҰ ઢΛը͢ೝࣝʹ ARΛಋೖͯ͠Կ͕มΘͬͨʁ
•ΫϥΠΞϯτͷԠ •ࢹௌऀʹຊؾ(Ψνײ)͕ΘΔ •ଞͷeεϙʔπΠϕϯτେձͱҰ ઢΛը͢ೝࣝʹ ARΛಋೖͯ͠Կ͕มΘͬͨʁ
RAGE Shadowverse Pro League ηΧϯυγʔζϯ
ΧϓίϯʮετϦʔτϑΝΠλʔϦʔά powered by RAGEʯ
ࠓޙ͍͖͍ͬͯͨ͜ͱ
•ΦϑϥΠϯͷΠϕϯτͰͷ༻ •άϦʔϯόοΫΛͬͨϑϧόʔνϟϧԋग़ •Իޫʹө૾͕࿈ಈ͢Δτʔλϧͳۭؒԋ ग़ ࠓޙ͍͖͍ͬͯͨ͜ͱ
AbemaTVͷAR ελδΦ͔Β࢝ΊΔWFվֵ ARฤ
ɾ͞ɿ͞ΛΑΓੜ͔͢ɺۭؒతͳԋग़͕ඞཁ ɹ͔͠͠େܕϏδϣϯͳͲબखͷ؟ʹअຐ .ϦʔάελδΦ
MϦʔάελδΦAR νʔϜϥϯΩϯά ରઓΧʔυ ৄ͘͠ʮ.ϦʔάελδΦͷ"3όʔνϟϧٕज़"CFNB57%FW$PO5SBDL#4FTTJPO#ʯ IUUQTEFWFMPQFSBCFNBJPTFTTJPO@@C
ARʹඞཁͳͷ ΧϝϥɾϨϯζɾΫϨʔϯ ΧϝϥτϥοΩϯάγεςϜ ϦΞϧλΠϜ άϥϑΟοΫε ιϑτΣΞ ίϯτϩʔϧιϑτΣΞ ɹγεςϜʹଐ͍ͯ͠ΔιϑτͰɺ ɹຑͷΦϖϨʔγϣϯʹ͍͍ͭͯ͘͜ͱ͕Ͱ͖ͳ͍ɻ ɹARͱಘܭࢉCGͷ੍ޚ൪༰ʹ߹Θͤͯ࡞Δɻ
ɹ→݁ߏͳֹ͕ۚͩͬͨൺྫͨ͠ΫΦϦςΟ
͜Ε͜ΕͰɺ࠷ߴɻ ͰɺͬͱɺͳΜ͔ɺ ҧ͏Γํ͋ΔΜ͡Όͳ͍͔ʁ
ARͰ͜Μͳ෩ʹΓ͍ͨ ΧϝϥɾϨϯζɾΫϨʔϯ ΧϝϥτϥοΩϯάγεςϜ ϦΞϧλΠϜάϥϑΟοΫειϑτΣΞ ίϯτϩʔϧιϑτΣΞ iPhone Unity AR SDK ˠैདྷͷ์ૹہͷํࣜʹଊΘΕͳ͍ʂ
͜ΕΛ αΠόʔΤʔδΣϯτάϧʔϓ Ͱ੍࡞͍ͨ͠ɻ
ϓϩδΣΫτARʢνϟϨϯδPJʣ ΧϝϥɾϨϯζ ΞϓϦέʔγϣϯ੍࡞ ̏%$(ϞσϦϯά σβΠϯɾϚʔΧʔ iPhone CAɹXRΪϧυ ΄΅શһ͕ɺओʴΞϧϑΝͷνϟϨϯδͱͯ͠ࢀՃɻ Abema VX
Studio Abema AD Studio BOEɹ $($"7"55"
None
None
ϓϩδΣΫτARʢ͍ͨͩ·νϟϨϯδதʣ J1IPOFͷ)%.*ग़ྗΛ൪੍࡞ʹ͏ ࠷େಉ࣌ʹͭ̕ͷϚʔΧΛೝࣝ ̏%$(ϞσϦϯάɺ࠷খͷ༰ྔͰཱͤ͞Δ ϚʔΧͷσβΠϯͱೝࣝੑͷཱ྆ΛͲ͏ݟͤΔ͔ ग़ԋऀ͕ૢ࡞͍͢͠Έ य़͔Β࢝·Δ൪Ͱར༻Ͱ͖ΔΑ͏ʹӶҙ੍࡞த
άϧʔϓͷϊϋΛ݁ूͯ͠ AbemaTVΛ ์ૹٕज़ʹଊΘΕͳ͍ ͬͱڧ͍ΠϯλʔωοτTVہʹɻ
άϧʔϓͷϊϋΛڞ༗ͯ͠ αΠόʔΤʔδΣϯτ͔Β ͬͱڧ͍ΠϯλʔωοτಈըΛɻ
͋Γ͕ͱ͏͍͟͝·ͨ͠