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
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
Figma Dev Mode MCP Serverを用いたUI開発
zoothezoo
0
230
[SRE NEXT] ARR150億円_エンジニア140名_27チーム_17プロダクトから始めるSLO.pdf
satos
5
3k
Autify Company Deck
autifyhq
2
44k
三視点LLMによる複数観点レビュー
mhlyc
0
230
LIXIL基幹システム刷新に立ち向かう技術的アプローチについて
tsukuha
1
380
組織内、組織間の資産保護に必要なアイデンティティ基盤と関連技術の最新動向
fujie
0
280
Maintainer Meetupで「生の声」を聞く ~講演だけじゃないKubeCon
logica0419
0
110
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
sansan33
PRO
0
2.7k
推し書籍📚 / Books and a QA Engineer
ak1210
0
140
Digitization部 紹介資料
sansan33
PRO
1
4.5k
“日本一のM&A企業”を支える、少人数SREの効率化戦略 / SRE NEXT 2025
genda
1
270
Talk to Someone At Delta Airlines™️ USA Contact Numbers
travelcarecenter
0
160
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Why Our Code Smells
bkeepers
PRO
337
57k
Six Lessons from altMBA
skipperchong
28
3.9k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
830
Balancing Empowerment & Direction
lara
1
460
For a Future-Friendly Web
brad_frost
179
9.8k
How to Ace a Technical Interview
jacobian
278
23k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
How GitHub (no longer) Works
holman
314
140k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
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ͰͲΜͳମݧΛͭ͘Δ͜ͱ͕Ͱ͖Δͷ͔ɺͱ͍͏ʹ ͍ͪΜৄ͍͠ͷΤϯδχΞࣗɻݚڀɾఏҊ͢Δମ੍ Λͭ͘Δ͜ͱͰɺݟͨ͜ͱ͕ͳ͍ମݧΛͭ͘ΕΔՄೳੑ͕ ্͕Δ͠ɺΤϯδχΞָ͍ࣗ͠ɻ
ありがとう ございました!!!