What is front end engineer?

フロントエンドエンジニアがやっていることを、「建物を建てる」ということに例えて、非エンジニアにもわかりやすいように説明しました

Transcript

1. ϑϩϯτΤϯυΤϯδχΞͬͯͲΜͳਓ
   ΤϯδχΞʹΑΔඇΤϯδχΞͷͨΊͷ-5େձ
   ˏ8F8PSL/BNCB4LZ0
   גࣜձࣾΏΊΈ্ݪߊਓ
   

   View Slide

2. ϑϩϯτΤϯυΤϯδχΞ
   8"$"ެೝ্ڃ΢Σϒղੳ࢜
   ্ݪߊਓ
   !BLUVFIS
   

   View Slide

3. גࣜձࣾΏΊΈ
   ࠃ಺τοϓϨϕϧͷ
   lΞϓϦઃܭz
   lେن໛αʔϏεӡ༻z
   ˔σδλϧϚʔέςΟϯάࢧԉ
   ˔ΞϓϦΦ΢ϯυϝσΟΞ
   ɹɾडୗ։ൃ
   ɹɾ੍࡞
   ɹɾίϯαϧςΟϯά
   ɹɾαʔϏεӡ༻୅ߦ
   

   View Slide

4. IUUQTXXXZVNFNJDPKQKBXPSLT
   

   View Slide

5. ͯ͞ɺ͔͜͜Βຊ୊Ͱ͢
   

   View Slide

6. ϑϩϯτΤϯυΤϯδχΞ
   ͬͯฉ͍ͨࣄ͋Γ·͔͢ʢڍखʣ
   

   View Slide

7. ࠷ۙɺ஌໊౓΋
   ͕͖͋ͬͯͨͷ͔ʜ
   

   View Slide

8. υϥϚʹ΋ొ৔͢ΔΑ͏ʹ
   IUUQTXXXUCTDPKQXBUBUFJDIBSU
   5#4υϥϚʮΘͨ͠ɺఆ࣌ͰؼΓ·͢ʯ
   

   View Slide

9. υϥϚʹ΋ొ৔͢ΔΑ͏ʹ
   IUUQTXXXUCTDPKQXBUBUFJDIBSU
   5#4υϥϚʮΘͨ͠ɺఆ࣌ͰؼΓ·͢ʯ
   

   View Slide

10. ϑϩϯτΤϯυΤϯδχΞ
    ͬͯͲΜͳਓʁ
    

    View Slide

11. ϗʔϜϖʔδ΍8FCΞϓϦͷ
    ݟ͑Δ෦෼ɺૢ࡞͢Δ෦෼
    Λ࡞Δਓ
    

    View Slide

12. ϗʔϜϖʔδΛ࡞Δ
    㲈
    ՈΛ࡞Δ
    ͱ͍͏ྫ͑Ͱઆ໌͠·͢
    

    View Slide

13. >·ͣՈͷ࿮૊ΈͷΑ͏ͳ΋ͷΛ࡞Γ·͢
    

    View Slide

14. )5.-
    

    View Slide

15. )5.-
    

    View Slide

16. >࣍ʹՈͷ֎น΍಺૷Λ࡞͍͖ͬͯ·͢
    

    View Slide

17. $44
    

    View Slide

18. $44
    

    View Slide

19. >ඞཁʹԠͯ͡Ո۩ՈిΛೖΕ·͢
    

    View Slide

20. +BWB4DSJQU
    

    View Slide

21. +BWB4DSJQU
    

    View Slide

22. +BWB4DSJQU
    

    View Slide

23. ͜ͷΑ͏ʹͯࣗ͠෼ͷՈΛ࡞Γ্͍͛ͯ͘
    

    View Slide

24. +BWB4DSJQU
    )5.- $44
    ϑϩϯτΤϯυΤϯδχΞ͸
    શ෦Ͱ͖Δ͚Ͳ
    

    View Slide

25. +BWB4DSJQU
    )5.- $44
    ϑϩϯτΤϯυΤϯδχΞ͸
    Λத৺ʹ୲౰͢Δࣄ͕ଟ͍
    

    View Slide

26. Ո۩Ոి͸ଟ༷Խ͍ͯ͠Δ
    

    View Slide

27. ϑϩϯτΤϯυΤϯδχΞ΋ଟ༷Խ͍ͯ͠Δ
    ݟͨ໨Λ࡞Δͷ͕ಘҙ ػೳΛ࡞Δͷ͕ಘҙ
    

    View Slide

28. ͨͩɺڞ௨͢Δͷ͸ɺ
    Ϣʔβʔ͕ૢ࡞͢Δ෦෼Λ
    ࡞͍ͬͯΔͱ͍͏ࣄ
    

    View Slide

29. ʻ·ͱΊʼ
    ϑϩϯτΤϯυΤϯδχΞ
    ͬͯͲΜͳਓʁ
    

    View Slide

30. ϗʔϜϖʔδ΍8FCΞϓϦͷ
    ݟ͑Δ෦෼ɺૢ࡞͢Δ෦෼
    Λ࡞Δਓ
    

    View Slide

31. ऴ
    

    View Slide