emberjs.comのRoutingのデモを見よう

emberjs.comのRoutingのデモを見よう

Transcript

1. FNCFSKTDPNͷ3PVUJOH
   ͷσϞΛݟΑ͏
   
   ,BOB[BXBSCNFFUVQ-5
   

   View Slide

2. ࣗݾ঺հ
   • ໊લ: Hitoshi Nakada
   
   • github: https://github.com/hi104
   
   • twitter: @hi104n
   

   View Slide

3. &NCFSKTͱ͸
   ΫϥΠΞϯταΠυͷKBWBTDSJQU.7$'SBNFXPSL
   *EPCBUBJPɺWJOFDPɺ%JTDPVSTFʹ࢖ΘΕ͍ͯ·͢ɻ
   

   View Slide

4. FNCFSKTDPN
   ʹΞΫηεɻ
   

   View Slide

5. 3PVUJOHͷσϞ
   Լͷํʹߦ͘ͱ
   

   View Slide

6. ϑΝΠϧͷߏ੒
   w BQQKT
   w BQQMJDBUJPOICT౳ͷςϯϓϨʔτ͕ͭ
   w pYUVSFTKTσʔλ
   

   View Slide

7. σϞ෦෼Λ͞ΘͬͯΈ
   Α͏
   

   View Slide

8. ղઆ
   

   View Slide

9. ϧʔςΟϯάఆٛ
   

   View Slide

10. 63-ͱ3PVUF͕ؔ࿈͚ͮ͞ΕΔɻ
    BQQKTͷϧʔςΟϯάͷఆٛ෦෼
    ϧʔςΟϯάςʔϒϧ
    ˎ$ISPNF֦ுʮFNCFS*OTQFDUPSʯͰදࣔ
    

    View Slide

11. 3PVUF
    BQQKT
    

    View Slide

12. 3PVUF
    .PEFM
    $POUSPMMFS
    7JFX
    63-ʹΑͬͯ.PEFM
    7JFXɺ$POUSPMMFS
    ͭͳ͛Δɺ؅ཧ͢Δ
    ن໿ʹ͋ͬͨ$POUSPMMFSɺ7JFX
    ͕ఆٛ͞Ε͍ͯͳ͍৔߹͸
    ࣗಈੜ੒ɻ
    3PVUFͷ໾ׂ
    

    View Slide

13. 5FNQMBUF
    \\PVUMFU^^ʹαϒςϯϓϨʔτ͕ૠೖ͞ΕΔ
    BQQMJDBUJPOICT
    

    View Slide

14. "QQMJDBUJPOICT PVUMFU
    .BJMCPYICT
    .FTTBHFICT
    5FNQMBUF
    

    View Slide

15. 63-NBJMCPY@JENFTTBHF@JE
    ΞΫηεͨ࣌͠ͷಈ࡞
    ·ͱΊ
    

    View Slide

16. 63-NBJMCPY@JENFTTBHF@JE
    "QQMJDBUJPO3PVUF
    .BJM#PY3PVUF
    .BJM3PVUF
    .PEFM
    $POUSPMMFS
    7JFX
    .PEFM
    $POUSPMMFS
    7JFX
    .PEFM
    $POUSPMMFS
    7JFX
    ը໘
    BQQMJDBUJPOICT
    
    NBJMCPYICT
    
    NBJMICT
    
    PVUMFU
    PVUMFU
    

    View Slide

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

    View Slide