Upgrade to Pro — share decks privately, control downloads, hide ads and more …

What is front end engineer?

What is front end engineer?

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

Akito UEHARA

May 15, 2019
Tweet

More Decks by Akito UEHARA

Other Decks in Programming

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