Introduce Rails Breadcrumbs Gems - Breadcrumble

RubyHiroba 2013 LT 2013/06/02

Transcript

1. *OUSPEVDF3BJMT
   #SFBEDSVNCT(FN
   . *OD
   BTBLVTBSC
   5XJUUFS!NBHF
   (JU)VCNBHFEFW
   #SFBEDSVNCMF
   

   View Slide

2. #SFBEDSVNCMF
   

   View Slide

3. View Slide

4. 8F`SFIJSJOH
   

   View Slide

5. 8F`SFIJSJOH
   ͓ؾܰʹ!NBHF·Ͱ
   

   View Slide

6. ύϯͣ͘Ϧετ
   IUUQXXXqJDLSDPNQIPUPTXIFBUpFMET
   

   View Slide

7. View Slide

8. View Slide

9. View Slide

10. HFNT
    IUUQXXXqJDLSDPNQIPUPTLJULBQIPUPHJSM
    

    View Slide

11. $SVNNZ
    IUUQTHJUIVCDPN[BDIJOHMJTDSVNNZ
    

    View Slide

12. #SFBEDSVNCT0O3BJMT
    IUUQTHJUIVCDPNXFQQPT
    CSFBEDSVNCT@PO@SBJMT
    

    View Slide

13. #SFBEDSVNCMF
    IUUQTHJUIVCDPNNBHFEFWCSFBEDSVNCMF
    *`NUIFBVUIPS
    

    View Slide

14. ൺֱ
    

    View Slide

15. (JU)VCͷ˒͸ʁ
    ˞࣌఺
    

    View Slide

16. ˒
    $SVNNZ
    IUUQXXXqJDLSDPNQIPUPTDPNQVUFSIPUMJOF
    

    View Slide

17. ˒
    #SFBEDSVNCT0O3BJMT
    IUUQXXXqJDLSDPNQIPUPTDPNQVUFSIPUMJOF
    

    View Slide

18. ˒
    #SFBEDSVNCMF
    ˒
    ˒
    ˒
    

    View Slide

19. ઓಆྗʜͨͬͨͷ͔̏ʜΰϛΊʜ
    

    View Slide

20. Ϟϯϋϯͷଜ˒Ͱྫ͑Δͱ
    ϩΞϧυϩεͰͯ͘Δ͜Ζ
    

    View Slide

21. ˒˒˒ˑˑ
    

    View Slide

22. ऐ͍͠ͷͰ͓ئ͍͠·͢
    IUUQTHJUIVCDPNNBHFEFWCSFBEDSVNCMF
    Go To
    And Push
    

    View Slide

23. ػೳ
    IUUQXXXqJDLSDPNQIPUPTKPSHFDPSSFB
    

    View Slide

24. ίϯτϩʔϥఆٛܕ
    IUUQXXXqJDLSDPNQIPUPTXJDLFSGVSOJUVSF
    

    View Slide

25. #SFBEDSVNCMFͷྫ
    class PankoController
    add_breadcrumb 'Panko', '/panko'
    def show
    add_breadcrumb 'show panko', panko_path
    end
    end
    

    View Slide

26. #SFBEDSVNCMFͷྫ
    <%= render_breadcrumbs %>
    

    View Slide

27. ࡉ͔͍ࠩ͸͋Δ΋ͷͷ
    

    View Slide

28. ΄΅Ұॹ
    

    View Slide

29. #SFBEDSVNCMF
    

    View Slide

30. ಛ௃
    

    View Slide

31. ,BNJOBSJ8BZ
    LBNJOBSJHFNͷ΍ΓํΛ࠾༻
    IUUQXXXqJDLSDPNQIPUPTNIBMMFS
    

    View Slide

32. σϑΥϧτͰ΋े෼
    

    View Slide

33. 7JFXΛΧελϚΠζՄೳ
    

    View Slide

34. SBJMTHLBNJOBSJWJFXT
    FSCςϯϓϨʔτΛੜ੒
    

    View Slide

35. ΠϯεύΠΞ͞Εͨ
    

    View Slide

36. SBJMTHCSFBEDSVNCMFWJFXT
    

    View Slide

37. ϚχΞοΫ
    IUUQXXXqJDLSDPNQIPUPTIBQBTpOF
    

    View Slide

38. ෳ਺ύϯͣ͘Ϧετ
    XJUISJDITOJQQFUT
    

    View Slide

39. 
    
    Books
    ›
    
    
    Authors
    ›
    
    
    Stephen King
    
    
    
    
    IUUQTVQQPSUHPPHMFDPNXFCNBTUFSTCJO
    BOTXFSQZ IMFOBOTXFS
    ແବʹෳࡶ
    

    View Slide

40. ϚχΞοΫ͗ͯ͢୭΋ରԠ͠ͳ͍
    

    View Slide

41. ઌʑिରԠ͠ͱ͖·ͨ͠
    

    View Slide

42. ͍͍Ҋͳ͍͔ͳɻɻɻ
    3FpOFNFOUTͱ͔͔ͳʔ
    add_breadcrumb_to "level 2-1", "url", 2
    add_breadcrumb_to "level 2-2", "url", 2
    add_breadcrumb_to "level 2-3", "url", 2
    

    View Slide

43. ϩΰ
    

    View Slide

44. DSFBUFECZ@524shoutz_nika
    

    View Slide

45. ϩΰͷ͋Δ#SFBEDSVNCTϥΠϒϥϦͬͯ
    ͦΜͳʹͳ͍ͱࢥ͏ͷ
    

    View Slide

46. ·ͱΊ
    

    View Slide

47. ΧελϚΠζՄೳ
    ϚχΞοΫ
    ϩΰ
    

    View Slide

48. #SFBEDSVNCMF
    

    View Slide

49. ࢀߟ
    3BJMTͷύϯͣ͘ϦετͷΦεεϝΛڭ͍͑ͯͩ͘͞
    Կ͔ͷه࿥
    

    View Slide

50. FOOOOOE
    

    View Slide