Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
HTMLファイ部という職能のはなし - bonfire frontend #1
Search
Shin Fujisawa
March 26, 2018
Technology
3
2.7k
HTMLファイ部という職能のはなし - bonfire frontend #1
Shin Fujisawa
March 26, 2018
Tweet
Share
Other Decks in Technology
See All in Technology
AWS Trainium3 をちょっと身近に感じたい
bigmuramura
1
130
20251209_WAKECareer_生成AIを活用した設計・開発プロセス
syobochim
5
1.4k
AWS Bedrock AgentCoreで作る 1on1支援AIエージェント 〜Memory × Evaluationsによる実践開発〜
yusukeshimizu
6
370
Playwright x GitHub Actionsで実現する「レビューしやすい」E2Eテストレポート
kinosuke01
0
460
世界最速級 memcached 互換サーバー作った
yasukata
0
330
Haskell を武器にして挑む競技プログラミング ─ 操作的思考から意味モデル思考へ
naoya
6
1.1k
Ruby で作る大規模イベントネットワーク構築・運用支援システム TTDB
taketo1113
1
220
Kiro Autonomous AgentとKiro Powers の紹介 / kiro-autonomous-agent-and-powers
tomoki10
0
340
グレートファイアウォールを自宅に建てよう
ctes091x
0
140
エンジニアリングをやめたくないので問い続ける
estie
0
270
因果AIへの招待
sshimizu2006
0
930
乗りこなせAI駆動開発の波
eltociear
1
1k
Featured
See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.5k
The Cost Of JavaScript in 2023
addyosmani
55
9.3k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
1k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
34k
The Invisible Side of Design
smashingmag
302
51k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.3k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Leading Effective Engineering Teams in the AI Era
addyosmani
8
1.3k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Facilitating Awesome Meetings
lara
57
6.7k
Why Our Code Smells
bkeepers
PRO
340
57k
Transcript
HTMLファイ部という 職能のはなし ໘ന๏ਓΧϠοΫ HTMLϑΝΠ෦Ϧʔμʔ ౻ᖒ৳ / @fnobi
自己紹介 • ౻ᖒ৳ / @fnobi • ໘ന๏ਓΧϠοΫ डୗࣄۀ෦ • HTMLϑΝΠ෦ʢWebϑϩϯτνʔϜʣ
Ϧʔμʔ
[1] 面白法人カヤック 受託事業部
「どれだけバズるか」 ܝ͍͛ͯΔςʔϚ
όζίϯςϯπΛಘҙͱ͍ͯ͠Δ
→「バズ」の変容
↓2016/4/1 ↓2017/4/1
→「バズ」の変容 •ͨͩόζΛૂ͏͚ͩͳΒɺSNSߘ༻ͷը૾ Λͭͬͨ͘Γɺهࣄॻ͍ͨ΄͏͕ૣ͍ͯ҆͘ •ೝΛͶΒ͏όζͰαΠτ੍࡞ͯ͠͠ΐ͏ ͕ͳ͍ •࣮ࡍΧϠοΫͰɺಈըSNSߘͷࣄ͕ ૿͑ͨ
→時代の変化 •HTMLϑΝΠ෦ɺഇ෦…ʁ
→「バズ」の変容 WebαΠτΛ௨ͯ͠ɺ ϢʔβʔͷײΛ༳͞ͿΔΑ͏ͳɺ ͞Δମݧɾ৽͍͠ମݧΛ ͭ͘Δͱ͍͏͜ͱʹಛԽɻ
ΦϦδφϧίϯςϯπͷ ϑΝϯ৺ཧΛ༳͞ͿΔ ͷͩͬͨΓ ؆୯Ͱɺ͔ͭதͰ͖ ΔήʔϜମݧͩͬͨΓ
[2] HTMLファイ部の アプローチ
•受託事業部 •ディレクター •プロデューサー •プランナー •プロジェクトマネージャー •デザイナー •エンジニア •サーバーサイド •HTMLファイ部 •オルタナティ部(その他)
HTMLファイ部 • डୗࣄۀ෦ͰWebϑϩϯτΛ୲͢ΔνʔϜ • σβΠφʔνʔϜ͕ίʔσΟϯάˠʮME՝ʯˠʮHTML ϑΝΠ෦ʯͱঃʑʹઐԽ͍ͯͬͨ͠ • ࠓߋHTML5Λਪͯ࣌͠Εײ͕͋ΔͷͰɺ࠷ۙ ʮWebϑϩϯτܳਓʯͬͯࣗশ͍ͯ͠Δ
HTMLファイ部 Webϑϩϯτܳਓ = Webフロントで新しい体験を つくるエキスパート
事例紹介
事例紹介 Webフロント x 3Dグラフィック(WebGL) https://www.kayac.com/service/client/1557
事例紹介 Webフロント x マイク入力(getUserMedia) https://www.kayac.com/service/client/1579
事例紹介 Webフロント x AfterEffect (lottie-web) https://www.kayac.com/service/client/1529
アプローチ • Web(HTML5)ͰͰ͖Δ͜ͱ͕ɺεϖοΫతɾAPIతʹ ͕͍ͬͯΔ࠷தͳͷͰɺผͷͰΘΕ͍ͯͨख๏Λ Ҿͬுͬͯ͘Δͱͦͷ··৽͍͠ମݧΛͭ͘Γ͍͢ɻ
その他やっていること
その他やっていること (1) 研究室のような部内ユニット
•HTMLファイ部 •プランナー・PM専攻 •演出(動画)専攻 •Web以外専攻(Unity・機械学習) 20ਓ΄Ͳ͍ΔνʔϜϝϯόʔΛײ৺ྖҬͰ3ͭʹԽɾ ͦΕͧΕͷΞϯςφΛਂΊ͍ͯΔ
その他やっていること (2) プランナーに 殴り込みに行く会
•受託事業部 •ディレクター •プロデューサー •プランナー •プロジェクトマネージャー •デザイナー •エンジニア •サーバーサイド •HTMLファイ部 •オルタナティ部(その他)
݄ʹҰɺ͍͍ٕͨज़Λ ϓϥϯφʔશһͷલͰ ϓϨθϯΛ͢Δ
࣮ࡍ٬ઌͰఏҊʹߦࣾ͘һͱWebϑϩϯτͷ࠷લઢΛ ڞ༗ɾࣄͱͯ͠׆༻Ͱ͖ΔՄೳੑΛߴΊΔɻ
まとめ • ୯ͳΔόζͷͨΊʹWebαΠτΛ࡞Δͷ͍·ίεύ ͕ѱ͍ɻೝͰͳ͘ମݧ·Ͱ͞ΔͷΛ࡞Βͳ͍ͱ ҙຯ͕ͳ͍ɻ • WebͰͲΜͳମݧΛͭ͘Δ͜ͱ͕Ͱ͖Δͷ͔ɺͱ͍͏ʹ ͍ͪΜৄ͍͠ͷΤϯδχΞࣗɻݚڀɾఏҊ͢Δମ੍ Λͭ͘Δ͜ͱͰɺݟͨ͜ͱ͕ͳ͍ମݧΛͭ͘ΕΔՄೳੑ͕ ্͕Δ͠ɺΤϯδχΞָ͍ࣗ͠ɻ
ありがとう ございました!!!