Blogcardを表示するための スクレイピングサーバーを 作ってみる/edo-blogcard-backend-is-karakuri

Transcript

1. #MPHDBSEΛදࣔ͢ΔͨΊͷ
   εΫϨΠϐϯάαʔόʔΛ
   ࡞ͬͯΈΔ
   *54߹॓
   ,FOJDIJSP,JTIJEB
   !TJ[VIJLP
   

   View Slide

2. ,FOJDIJSP,JTIJEB
   5PLZP +"1"/
   TJ[VIJLP!HNBJMDPN !TJ[VIJLP
   IUUQTHJUIVCDPNTJ[VIJLP
   IUUQCMPHPQFOUPLZPKQ
   

   View Slide

3. #MPHDBSE
   

   View Slide

4. XmlHttpRequest ?
   

   View Slide

5. View Slide

6. w௥Ճͷ)551ϔομʔΛ࢖ͬͯɺ͋ΔΦϦ
   δϯ υϝΠϯ
   Ͱಈ͍͍ͯΔ΢ΣϒΞϓϦ
   έʔγϣϯ͕ɺҟͳΔΦϦδϯͷαʔόʔ
   ʹΞΫηεͰ͖ΔΑ͏ʹ͢Δ࢓૊Έ
   wࣗ෼ͷΦϦδϯͱ͸ҟͳΔΦϦδϯͷϦιʔ
   εΛϦΫΤετ͢Δͱ͖ɺΦϦδϯؒ
   )551ϦΫΤετΛ࣮ߦ͠·͢
   wηΩϡϦςΟ্ͷཧ༝͔Βɺϒϥ΢βʔ͸ɺ
   εΫϦϓτ͕։࢝ͨ͠ΦϦδϯؒ)551
   ϦΫΤετΛ੍ݶ͍ͯ͠·͢
   $034
   https://developer.mozilla.org/ja/docs/Web/HTTP/CORS
   

   View Slide

7. XmlHttpRequest
   with

   API KEY
   HttpRequest
   

   View Slide

8. ,"3",63*
   

   View Slide

9. %&.0
   

   View Slide

10. w0SJHJO͝ͱͷ"1*ΩʔͰ੍ݶ
    w1VQQFUFFS )FBEMFTT$ISPNF
    
    w/PEFKTWY
    wPHUJUMFccUJUMFccI<>

    PHJNBHFccJNH<>

    PHEFTDccNFUBEFTDccCPEZ
    UFYU
    
    'FBUVSF
    

    View Slide

11. XmlHttpRequest
    with

    API KEY
    HttpRequest
    4FSWJDF*NBHF
    Cache
    Firewall
    

    View Slide

12. 6TF5IF1MBUGPSN
    

    View Slide

13. WJTJUNZCMPHHJUIVC
    https://github.com/sizuhiko
    http://blog.open.tokyo.jp
    

    View Slide