東京アメッシュを半年分アーカイブした

#w8lt 第三回 (2015-06-24) の発表資料です
http://w8lt.connpass.com/event/15753/

Transcript

1. ౦ژΞϝογϡΛ
   ൒೥෼ΞʔΧΠϒͨ͠
   2015-06-24
   
   W8LT#3
   
   @dtan4
   

   View Slide

2. ಙాݚ.
   

   View Slide

3. ౦ژΞϝογϡ
   http://tokyo-ame.jwa.or.jp
   

   View Slide

4. View Slide

5. ౦ژΞϝογϡ
   by ౦ژ౎Լਫಓہ
   ट౎ݍͷ߱ਫঢ়گΛՄࢹԽ
   5෼୯Ґɺաڈ2࣌ؒ·Ͱ
   
   ήϦϥ߽Ӎରࡦʹศར
   
   JavaScript ϑϩϯτΤϯυ
   

   View Slide

6. ը૾ͷߏ੒
   3ຕͷը૾Ͱߏ੒͞Ε͍ͯΔ
   

   View Slide

7. ը૾ͷߏ੒: എܠ
   http://tokyo-ame.jwa.or.jp/map/map000.jpg
   

   View Slide

8. ը૾ͷߏ੒: ߱ਫྔϝογϡ
   http://tokyo-ame.jwa.or.jp/mesh/000/201506221335.gif
   ʢഎܠಁաʣ
   ZZZZ..EE))NN
   

   View Slide

9. ը૾ͷߏ੒: ஍ਤ
   http://tokyo-ame.jwa.or.jp/map/msk000.png
   ʢഎܠಁաʣ
   

   View Slide

10. ը૾ͷߏ੒
    എܠɾ஍ਤ͸ಉҰը૾
    
    ߱ਫྔϝογϡ෦෼ͷΈೖΕସ͑
    

    View Slide

11. ϝογϡͷΠϯσοΫε
    http://tokyo-ame.jwa.or.jp/scripts/mesh_index.js
    Amesh.setIndexList(["201506221550","201506221545","201506221
    540","201506221535","201506221530","201506221525","201506221
    520","201506221515","201506221510","201506221505","201506221
    500","201506221455","201506221450","201506221445","201506221
    440","201506221435","201506221430","201506221425","201506221
    420","201506221415","201506221410","201506221405","201506221
    400","201506221355","201506221350"]);
    

    View Slide

12. dtan4/ramesh
    

    View Slide

13. dtan4/ramesh
    ౦ژΞϝογϡͷ CLI
    Ξϝογϡը૾ΛϩʔΧϧʹμ΢ϯϩʔυ
    
    ࣌ؒࢦఆػೳ
    
    Ruby + ImageMagick
    $ gem install ramesh
    

    View Slide

14. dtan4/

    ramesh-dashboard
    

    View Slide

15. dtan4/

    ramesh-dashboard
    ౦ژΞϝογϡͷεΫϨΠϐϯά + Ұཡදࣔ
    Ұ೔୯ҐӾཡ
    S3 Ξοϓϩʔυ
    Web (Rails) + Worker (ramesh)
    Worker ͸15෼ຖʹΞϝογϡը૾औಘɾupload
    
    

    View Slide

16. View Slide

17. View Slide

18. Ramesh Dashboard ӡ༻ྫ
    ap-northeast1 (Tokyo)
    nginx-proxy
    Dashboard
    Web
    Dashboard
    Worker
    postgres
    web
    db
    sgp1 (Singapole)
    

    View Slide

19. ༨ஊ: Web App on Docker
    Twelve-factor App ͱ Heroku Dev Center ͸ඞಡ
    ίϯςφͱͯ͠ Web ΞϓϦΛಈ͔ͨ͢Ίͷ

    ن໿ɾϊ΢ϋ΢
    
    Heroku Dynos Ͱಈ͔͢ϊ΢ϋ΢͕ͦͷ··

    Docker Container Ͱಈ͔͢ࡍʹ໾ཱͭ
    
    ex. Docker Container ্Ͱ cron ͬΆ͍͜ͱ͍ͨ͠
    

    View Slide

20. Ramesh Dashboard ӡ༻ྫ
    d
    σʔλྔ(#͘Β͍
    irb(main):002:0> RameshImage.count
    =>
    44407
    

    View Slide

21. ͜Ε͔Β
    1೔͝ͱʹਂ໷όονͰ Animation GIF ࡞੒
    ࢦఆͨ͠஍఺ͷ߱ਫྔ౷ܭ
    ߱ਫ༧ଌ
    σʔλ͸े෼ʹू·͍ͬͯΔͷͰԿ͔ʹ׆༻͍ͨ͠
    

    View Slide

22. ·ͱΊ
    ౦ژΞϝογϡͷ಺෦తͳ࢓૊Έͱ
    ΞϝογϡΛऔಘ͢ΔͨΊͷπʔϧͷ։ൃɺ
    ൒೥ؒूΊଓ͚͍ͯΔ͜ͱʹ͍ͭͯ࿩͠·ͨ͠
    

    View Slide