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
5年目から始める Vue3 サイト改善 #frontendo
tacck
PRO
3
210
Webアプリケーションにオブザーバビリティを実装するRust入門ガイド
nwiizo
5
710
roppongirb_20250911
igaiga
0
190
Codeful Serverless / 一人運用でもやり抜く力
_kensh
7
360
Snowflakeの生成AI機能を活用したデータ分析アプリの作成 〜Cortex AnalystとCortex Searchの活用とStreamlitアプリでの利用〜
nayuts
1
460
LLMを搭載したプロダクトの品質保証の模索と学び
qa
0
1k
Agile PBL at New Grads Trainings
kawaguti
PRO
1
390
OCI Oracle Database Services新機能アップデート(2025/06-2025/08)
oracle4engineer
PRO
0
110
Terraformで構築する セルフサービス型データプラットフォーム / terraform-self-service-data-platform
pei0804
1
120
研究開発と製品開発、両利きのロボティクス
youtalk
1
510
これでもう迷わない!Jetpack Composeの書き方実践ガイド
zozotech
PRO
0
290
Platform開発が先行する Platform Engineeringの違和感
kintotechdev
4
540
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
83
9.2k
Context Engineering - Making Every Token Count
addyosmani
1
23
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Embracing the Ebb and Flow
colly
87
4.8k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
The Language of Interfaces
destraynor
161
25k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
A Tale of Four Properties
chriscoyier
160
23k
The Power of CSS Pseudo Elements
geoffreycrofte
77
6k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
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ͰͲΜͳମݧΛͭ͘Δ͜ͱ͕Ͱ͖Δͷ͔ɺͱ͍͏ʹ ͍ͪΜৄ͍͠ͷΤϯδχΞࣗɻݚڀɾఏҊ͢Δମ੍ Λͭ͘Δ͜ͱͰɺݟͨ͜ͱ͕ͳ͍ମݧΛͭ͘ΕΔՄೳੑ͕ ্͕Δ͠ɺΤϯδχΞָ͍ࣗ͠ɻ
ありがとう ございました!!!