HTMLファイ部という職能のはなし໘ന๏ਓΧϠοΫ HTMLϑΝΠ෦Ϧʔμʔ౻ᖒ৳ / @fnobi
View Slide
自己紹介• ౻ᖒ৳ / @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ͰͲΜͳମݧΛͭ͘Δ͜ͱ͕Ͱ͖Δͷ͔ɺͱ͍͏ʹ͍ͪΜৄ͍͠ͷΤϯδχΞࣗɻݚڀɾఏҊ͢Δମ੍Λͭ͘Δ͜ͱͰɺݟͨ͜ͱ͕ͳ͍ମݧΛͭ͘ΕΔՄೳੑ্͕͕Δ͠ɺΤϯδχΞָ͍ࣗ͠ɻ
ありがとうございました!!!