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

フロントエンドアーキテクチャ

 フロントエンドアーキテクチャ

Gotanda.mobile #1の発表資料です

mizuki_r

May 20, 2016
Tweet

More Decks by mizuki_r

Other Decks in Technology

Transcript

  1. ϑϩϯτΤϯυ
    ΞʔΩςΫνϟ
    (PUBOEBNPCJMF!NJ[VLJ@S

    View full-size slide

  2. !NJ[VLJ@S
    5XJUUFS!NJ[VLJ@S
    (JUIVCSZ@NJ[VLJ
    +4FSͰ͢ɻ
    "OHVMBS+4ͱ͔ɺ3JPU+4ͱ
    ͔ɺ7VF+4ͱ͔ɺ·͋ͦͷ
    ลͰ͢ɻ

    View full-size slide

  3. +BWB4DSJQUͷਓͰ͢ɻ
    +BWB͸΋͏ॻ͚·ͤΜɻ

    View full-size slide

  4. ΫϥΠΞϯτΞϓϦΛ
    ࡞Δ͍ͬͯ͏ҙຯͰ͸
    ࣅͨΑ͏ͳ͓࢓ࣄͩͱࢥ͏ʂ

    View full-size slide

  5. ࠓ೔ͷ͓࿩

    View full-size slide

  6. ΞʔΩςΫνϟ

    View full-size slide

  7. .7$ͷ࣌୅͸ʗ ?P?
    ʘ
    w .PEFM7JFX$POUSPMMFS
    w .PEFMͬͯԿʁ
    w 7JFX.PEFMͱ͔1SFTFOUBUJPOͱ͔ͳʹʁ
    w 0CTFSWFSʁ

    View full-size slide

  8. 'MVY
    IUUQTGBDFCPPLHJUIVCJPqVY

    View full-size slide

  9. 'MVY
    w 7JFXΛओମͱͨ͠ΞʔΩςΫνϟ
    w 'BDFCPPLఏএ
    w ΞϓϦέʔγϣϯͷෳࡶ͞Λͳͨ͘͢Ίɺσʔ
    λϑϩʔΛҰํ޲ʹͨ͠΋ͷ

    View full-size slide

  10. σʔλϑϩʔ
    IUUQTGBDFCPPLHJUIVCJPqVYEPDT
    PWFSWJFXIUNMDPOUFOU

    View full-size slide

  11. σʔλϑϩʔ
    IUUQTGBDFCPPLHJUIVCJPqVYEPDT
    PWFSWJFXIUNMDPOUFOU

    View full-size slide

  12. IUUQTGBDFCPPLHJUIVCJPqVYEPDT
    PWFSWJFXIUNMDPOUFOU

    View full-size slide

  13. 'MVYͷߟ͑ํ
    w σʔλΛҰํ޲ʹྲྀ͢
    w BDUJPOˠEJTQBUDIFSˠTUPSFˠWJFXˠBDUJPO
    w ॲཧΛ"DUJPO$SFBUPS 4UPSFʹ෼ࢄ
    w ݁Ռͱͯ͠7JFX͕ബ͘ͳΔ

    View full-size slide

  14. 'MVYͱ͍͏ߟ͑ํ
    w ࣮૷Ͱ͸ͳ͘ࢥ૝
    w +BWB4DSJQUͰ͸ͳ͘ɺΫϥΠΞϯτ։ൃ͢΂ͯ
    ʹదԠͰ͖Δ
    w ࣮૷͸جຊࣗલ

    View full-size slide

  15. ΧελϚΠζ

    View full-size slide

  16. 4JOHMF4UBUF
    w ঢ়ଶ 4UPSF
    ΛҰͭʹू໿
    w ֊૚ߏ଄ͷҰ൪্ͷ7JFX͕σʔλΛ؅ཧͯ͠ࢠ
    ʹྲྀ͢

    View full-size slide

  17. 3FEVDFS
    w "DUJPOͷσʔλΛמΓऔΔ
    w ಛఆͷΞΫγϣϯ͔ΒಛఆͷσʔλΛऔΓग़͠ɺ
    4UBUFΛߋ৽͢Δ
    w σʔλϞσϧɾυϝΠϯʹجͮ͘σʔλͷߋ৽
    ؅ཧ

    View full-size slide

  18. 'MVYͱ͍͏ߟ͑ํ
    w ͢Ͱʹ'MVYʹجͮ͘ઃܭ͸ͨ͘͞Μ͋Δ
    w 3FEVYͱ͔
    w ·ͩ.PCJMF"QQք۾Ͱ͸ϒϧʔΦʔγϟϯ
    w 7JFXͷΞʔΩςΫνϟʹࠔͬͯΔਓ͸ݟͯΈ
    ͯʂ

    View full-size slide

  19. ͝ਗ਼ௌ͋Γ͕ͱ͏͟͝
    ͍·ͨ͠

    View full-size slide