簡単に激安感を表現するライブラリを作りました

potatotips #42
で発表した内容です
簡単に激安感を表現するライブラリを作りました

https://potatotips.connpass.com/event/60015/

Transcript

1. 1PUBUPUJQT
   ؆୯ʹ
   ܹ҆ײΛදݱ͢ΔϥΠϒϥϦΛ࡞Γ·ͨ͠
   

   View Slide

2. ࣗݾ঺հ
   ໊લኍ੉༤େ
   ৬छJ04&OHJOFFS

   ໊͋ͩ4UBSޤ৯
   CBOO[BJ
   ZIJSPTF
   

   View Slide

3. J04%$ʹτʔΫԠื͠·ͨ͠
   "UPNJD%FTJHO͸͍͍ͧ

   IUUQTJPTEDKQOPEF
   ৄղ0CKFDUJWF$

   IUUQTJPTEDKQOPEF
   2VBSU[$PEFͰ؆୯ʹߴ౓ͳΞχϝʔγϣϯΛ࡞Δ

   IUUQTJPTEDKQOPEF
   Ϛονϣʹ6OJUZͪΌΜͷΞχϝʔγϣϯΛ͚ͭͨ࿩
   IUUQTJPTEDKQOPEF
   YDPEFQSPKQCYQSPKΛૢ࡞͢Δ

   IUUQTJPTEDKQOPEF
   ίʔυΛ࡞ΔϓϩάϥϜΛ࡞Δ͓࿩
   IUUQTJPTEDKQOPEF
   

   View Slide

4. ؆୯ʹ
   ܹ҆ײΛදݱ͢ΔϥΠϒϥϦΛ࡞Γ·ͨ͠
   

   View Slide

5. ؆୯ʹ
   ܹ҆ײΛදݱ͢ΔϥΠϒϥϦΛ࡞Γ·ͨ͠
   

   View Slide

6. ܹ҆ײͱ͸
   ͜ΕͰ͢
   ͜͜Ͱ͍͏ࢀߟܹ҆
   ܹ҆/4"UUSJCVUFE4USJOH
   IUUQRJJUBDPNFENJUFNTDDEDBD
   

   View Slide

7. ܹ҆ײͷग़͠ํ
   2JJUBͰ঺հ͞Ε͍ͯΔ΍Γํ
   

   View Slide

8. /4"UUSJCVUFE4USJOHͷ໰୊఺
   Ҿ਺͕<4USJOH"OZ>LFZͱWBMVFͷϖΞ͕Α͘
   ෼͔Βͳ͍ɻ๨ΕΔɻௐ΂ͮΒ͍
   ܕΛؒҧ͑ΔͱΫϥογϡ
   MJOFTQBDFͳͲશମదԠͰ͍͍࣌΋ଟ͍ͷʹ
   /43BOHFΛຖճࢦఆ͢Δ൥Θ͠͞
   /43BOHFͰ਺஋Ͱࢦఆ͢Δ৔߹ݩͷจࣈྻ͔Β
   ҐஔΛߟ͑Δඞཁ͕͋Δ
   
   

   View Slide

9. ܹ҆ײͷग़͠ํ
   2JJUBͰ঺հ͞Ε͍ͯΔ΍Γํ
   ˡ͜͜ΊͬͪΌةݥ
   ˣ͜ΕΊͬͪΌΊΜͲ͍
   

   View Slide

10. Α͠ϥΠϒϥϦΛ࡞Ζ͏
    

    View Slide

11. ͦͯ͠ɺελʔΛ΋Β͓͏
    

    View Slide

12. ࡞ͬͨ
    ͜Μͳײ͡ʹϥοϓͰ͖ͨ
    ܹ҆ײ
    

    View Slide

13. ࡞ͬͨ
    ͜Μͳײ͡ʹϥοϓͰ͖ͨ
    ܹ҆ײ
    4USJOHˠ/4"UUSJCVUFE4USJOH
    

    View Slide

14. ࡞ͬͨ
    ͜Μͳײ͡ʹϥοϓͰ͖ͨ
    ܹ҆ײ
    .FUIPE$IBJOͰςΩετΛ૷০Ͱ͖Δ
    

    View Slide

15. ࡞ͬͨ
    ͜Μͳײ͡ʹϥοϓͰ͖ͨ
    ܹ҆ײ
    ஋෇͖&OVNΛ౉͢Α͏ʹͨ͠ͷͰ҆શ

    ิ׬͕ޮ͘ɾҾ਺͕໌֬ͳͷͰΘ͔Γ΍͍͢
    

    View Slide

16. ࡞ͬͨ
    ͜Μͳײ͡ʹϥοϓͰ͖ͨ
    ܹ҆ײ
    ద༻͍ͤͨ͞จࣈྻΛ౉ͤ͹͍͍

    શମద༻ͷ৔߹͸ࢦఆ͠ͳ͘ྑ͍
    

    View Slide

17. ࡞ͬͨ
    ͜Μͳײ͡ʹϥοϓͰ͖ͨ
    ܹ҆ײ
    ޙΖͷ͚ͩΧʔχϯάద༻͍ͨ͠ͳ

    UPͷҾ਺ʹ1PTJUJPO͕ηοτͰ͖Δ&OVN͕͋ΔͷͰ͜ΕͰղܾ
    

    View Slide

18. 4USJOH"UUSJCVUF
    4USJOH"UUSJCVUF
    IUUQTHJUIVCDPNCBOO[BJ4USJOH"UUSJCVUF
    

    View Slide

19. ·ͱΊ
    ͋ͷԿ͔͠Α͏ͱࢥͬͨ࣌ʹԿ͔ͱ໘౗ष͍
    /4"UUSJCVUFE4USJOHΛ؆୯ʹ࢖͑ΔϥΠϒϥϦͷ͝঺հͰ͠
    ͨ
    Α͔ͬͨΒத਎Λ೷͍ͯJTTVF 13 ҙݟͱ͔΋Β͑ͨΒخ͍͠
    Ͱ͢
    Ͱ΋๻͕Ұ൪خ͍͠ͷ͸ελʔͰ͢
    ܁Γฦ͠·͢
    ελʔ͍ͩ͘͞
    

    View Slide

20. ͓͠·͍
    

    View Slide