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
Snowflake Summit 2025 データエンジニアリング関連新機能紹介 / Snowflake Summit 2025 What's New about Data Engineering
tiltmax3
0
310
生成AIで小説を書くためにプロンプトの制約や原則について学ぶ / prompt-engineering-for-ai-fiction
nwiizo
3
1k
Agentic Workflowという選択肢を考える
tkikuchi1002
1
490
Amazon ECS & AWS Fargate 運用アーキテクチャ2025 / Amazon ECS and AWS Fargate Ops Architecture 2025
iselegant
16
5.4k
GitHub Copilot の概要
tomokusaba
1
130
How Community Opened Global Doors
hiroramos4
PRO
1
110
Uniadex__公開版_20250617-AIxIoTビジネス共創ラボ_ツナガルチカラ_.pdf
iotcomjpadmin
0
160
CSS、JSをHTMLテンプレートにまとめるフロントエンド戦略
d120145
0
290
IIWレポートからみるID業界で話題のMCP
fujie
0
790
Azure AI Foundryでマルチエージェントワークフロー
seosoft
0
180
MySQL5.6から8.4へ 戦いの記録
kyoshidaxx
1
200
Fabric + Databricks 2025.6 の最新情報ピックアップ
ryomaru0825
1
130
Featured
See All Featured
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Git: the NoSQL Database
bkeepers
PRO
430
65k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Adopting Sorbet at Scale
ufuk
77
9.4k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
670
Facilitating Awesome Meetings
lara
54
6.4k
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ͰͲΜͳମݧΛͭ͘Δ͜ͱ͕Ͱ͖Δͷ͔ɺͱ͍͏ʹ ͍ͪΜৄ͍͠ͷΤϯδχΞࣗɻݚڀɾఏҊ͢Δମ੍ Λͭ͘Δ͜ͱͰɺݟͨ͜ͱ͕ͳ͍ମݧΛͭ͘ΕΔՄೳੑ͕ ্͕Δ͠ɺΤϯδχΞָ͍ࣗ͠ɻ
ありがとう ございました!!!