UI Galleryというサービスをつくってみた。

Transcript

1. 
   .J[VLJ5BLFOPCV
   ͱ͍͏αʔϏεΛͭͬͯ͘Έͨɻ
   

   View Slide

2. ࣗݾ঺հ
   .J[VLJ5BLFOPCV
   ɾϚʔέͱΞχϝɺं͕޷͖
   ɾଉࢠ͕ͱͯ΋͔Θ͍͍
   

   View Slide

3. ໨࣍
   ࡞ͬͨ΋ͷʹ͍ͭͯ
   ͳ͔ͥͭͬͨ͘
   ੡࡞εέδϡʔϧ
   ൓লͱ՝୊
   

   View Slide

4. ࡞ͬͨ΋ͷʹ͍ͭͯ
   

   View Slide

5. 6*(BMMFSZ
   ຕͷεϚϗΩϟϓνϟΛεϫΠϓͰൺֱ͠ɺ
   ֤ΩϟϓνϟʹίϝϯτΛ͚ͭΒΕΔ"QQɻ
   41 1$
   -PHP
   

   View Slide

6. %FNP
   IUUQTVJHBMMFSZIFSPLVBQQDPN
   

   View Slide

7. %FTJHO
   ίϯςϯπεϥΠμʔʹ
   4XJQQFSΛ࠾༻ɻ
   Masonry
   .BTPOSZ ͬΆ͍ʣ
   Χʔυܕ-JTUͰ
   ϨεϙϯγϒରԠɻ
   നࠇϕʔεͰ
   ΞΫηϯτΧϥʔʹ
   ϐϯΫΛ͍Εͨɻ
   

   View Slide

8. ͳ͔ͥͭͬͨ͘
   

   View Slide

9. ݸਓతͳΞϨ
   ؾʹೖͬͨ6*ˠ1JOUFSFTU
   ಛఆ෦෼ͷ6*ൺֱˠʁ
   ෳ਺·ͱΊͯͬ͞ͱͭ͘Γ͍ͨɻ
   69ϑϩʔભҠεϫΠϓͰɻ
   ͬ͘͞ͱεϚϗͰ੔ཧ͍ͨ͠ɻ
   

   View Slide

10. ੡࡞εέδϡʔϧ
    

    View Slide

11. ͓͓·͔ͳεέδϡʔϧ
    ɾ࣮૷։࢝ɿʙ
    ɾखॱɹɹɿ࠷௿ݶಈ͘΋ͷˠ7JFX$44ௐ੔ˠػೳ௥Ճ
    

    View Slide

12. ʢ͍ΖΜͳҙຯͰʣίετ͕͔͔ͬͨ͜ͱ
    IFSPLVͱͷ͔͍ͨͨ
    heroku[router]:
    Error H10 (App crashed)
    ʊਓਓਓਓਓਓਓਓਓਓਓਓʊ
    ʼɹΦʔϓϯϦϙδτϦʹɹʻ
    ʼɹɹ͏͔ͬΓΩʔެ։ɹɹʻ
    ʉ:?:?:?:?:?:?:?:?:?ʉ
    

    View Slide

13. ൓লͱ՝୊
    

    View Slide

14. ൓ল఺ʢ੡඼ฤʣ
    ػೳෆ଍ײ
    λάͳͲͷݕࡧੑɺ
    ͓ؾʹೖΓػೳͳͲ
    ػೳෆ଍͕ࡍཱͬͨɻ
    ϑΥʔϜͷվળ
    ৽ن౤ߘͷը૾ϓϨϏϡʔ΍
    ฤूը໘ͷ7JFXͳͲ
    ·ͱ·Γͷͳ͕͞ࡍཱͬͨɻ
    

    View Slide

15. ൓ল఺ʢٕज़ฤʣ
    +4K2VFSZͷཧղෆ଍
    αϯϓϧίʔυΛࢀߟʹॻ͍ͯ
    ಈ͔ͳ͔ͬͨ࣌ͷରॲ͕ʮճආʯɻ
    վΊͯجૅ͔ΒཧղΛਂΊ͍ͨɻ
    εϚʔτϑΥϯΛҙࣝͨ͠ઃܭʹ
    ࠓճ͸ɺը૾ͷΞοϓϩʔυ͕؊ɻ
    ѹॖ΍"KBYॲཧͳͲεϐʔυ޲্΍
    ෛՙ࡟ݮΛߟ͑ͨઃܭʹɻ
    

    View Slide

16. ͋Γ͕ͱ͏
    ͍͟͝·ͨ͠%
    

    View Slide

17. ࣭ٙԠ౴
    ͳʹ͔͋Ε͹ฉ͍͍ͯͩ͘͞ɻ
    

    View Slide