AngularJSを通してDockerと触れ合った

Angular meetup #3の資料です

Transcript

1. AngularJSΛ௨ͯ͠
   Dockerͱ৮Ε͋ͬͨ
   at Angular meetup #3
   

   View Slide

2. • pastelInc
   • ͓࢓ࣄ͸PHP, JavaScript
   • ࠓ೔͸Χϝϥ୲౰
   

   View Slide

3. DockerΛ஌Βͳ͍ͷʂʁ
   

   View Slide

4. Docker͸ԿΛղܾ͢Δͷ͔
   

   View Slide

5. σϓϩΠͷ໰୊
   • σϓϩΠͨ͠Βಈ͔ͳ͔ͬͨ
   • σϓϩΠ؀ڥΛ͙͢༻ҙͰ͖ͳ͔ͬͨ
   • αʔό͝ͱʹҧ͏ϥΠϒϥϦɺόʔδϣϯ
   • ϓϩϏδϣχϯάͨ͘͠ͳ͍
   • σϓϩΠ؀ڥ࠶ߏஙͰྦ
   

   View Slide

6. ٻΊͨͷ͸
   ΋ͬͱखܰͳσϓϩΠ؀ڥ
   

   View Slide

7. Docker
   • ࠶ݱੑͷ͋ΔΠϯϑϥج൫Λਝ଎ʹߏங
   • “ίϯςφ”ಉ࢜͸ޓ͍ʹִ཭
   • Φʔϓϯιʔε
   • DockerfileͰΠϯϑϥΛίʔυͱͯ͠هड़
   • ΞϓϦͷݴޠʹدΒͣɺಉ͡΍ΓํͰσϓϩΠ
   

   View Slide

8. VMͱίϯςφͷҧ͍
   

   View Slide

9. Docker͸”ίϯςφ”Λѻ͏
   ϓϥοτϑΥʔϜ
   

   View Slide

10. AngularJSΞϓϦΛ࡞ͬͯ
    Docker্Ͱಈ͔ͯ͠ΈΑ͏ʂ
    

    View Slide

11. • https://github.com/angular/material-start
    

    View Slide

12. ΞϓϦέʔγϣϯಈ࡞؀ڥ
    • Node.js
    • 8080൪ϙʔτΛ࢖༻
    $ node -v
    v0.12.5
    $ npm -v
    2.11.3
    

    View Slide

13. ίϯςφͷىಈ
    • docker run <Φϓγϣϯ> <Πϝʔδ໊:λά> <ίϚϯυ> <Ҿ਺>
    • -i ͸ίϯςφͰͷඪ४ೖྗΛՄೳʹ͢Δ
    • -t ͸ٖࣅλʔϛφϧΛల։͢Δ
    $ docker run -i -t node bash
    root@d7d20a8e7bb7:/# node -v
    v5.0.0
    root@d7d20a8e7bb7:/# npm -v
    3.3.6
    

    View Slide

14. ίϯςφͷىಈ
    • docker run <Φϓγϣϯ> <Πϝʔδ໊:λά> <ίϚϯυ> <Ҿ਺>
    • -v ͸ϗετͷσΟϨΫτϦΛίϯςφʹϚ΢ϯτ͢Δ
    • -p ͸ϙʔτϑΥΞϦϯά͢Δ
    $ docker run -v `pwd`:/tmp -p 8080:8080 node ls -l
    total 60
    drwxr-xr-x 2 root root 4096 Nov 10 00:43 bin
    drwxr-xr-x 2 root root 4096 Aug 26 16:31 boot
    drwxr-xr-x 5 root root 360 Nov 22 02:58 dev
    drwxr-xr-x 61 root root 4096 Nov 22 02:58 etc
    drwxr-xr-x 2 root root 4096 Aug 26 16:31 home
    drwxr-xr-x 12 root root 4096 Nov 10 00:43 lib
    

    View Slide

15. ίϯςφͷఀࢭ
    • Ctrl + P + QͰίϯςφΛఀࢭͤͣʹ

    ݩͷλʔϛφϧʹ໭Δʢσλονʣ
    • ࠶౓Ξλον
    root@d7d20a8e7bb7:/# exit
    $
    $ docker attach d7d20a8e7bb7
    root@d7d20a8e7bb7:/#
    

    View Slide

16. • ίϯςφΛىಈͯ͠ΞϓϦΛ࣮ߦ
    $ cd material-start
    $ docker run -it -v `pwd`:/tmp -p 8080:8080 node:0.12.5 bash
    root@d7d20a8e7bb7:/# node -v
    v0.12.5
    root@d7d20a8e7bb7:/# npm -v
    2.11.3
    root@d7d20a8e7bb7:/# cd /tmp
    root@d7d20a8e7bb7:/tmp# npm start
    

    View Slide

17. Dockerfile
    • Dockerίϯςφͷߏ੒Λ·ͱΊͯهड़
    • docker buildͰΠϝʔδͷ࡞੒
    

    View Slide

18. DockerΠϝʔδ
    • Πϝʔδ͸ϨΠϠͷॏ
    ͳΓ
    • ϨΠϠͱ͸docker run
    ͔ͯ͠ΒͷϑΝΠϧࠩ
    ෼ͷ͜ͱ
    

    View Slide

19. • ΞϓϦ࣮ߦͷͨΊͷDockerfileΛ࡞੒
    $ touch Dockerfile
    $ echo “FROM node:0.12.5-onbuild” > Dockerfile
    $ cat Dockerfile
    FROM node:0.12.5-onbuild
    

    View Slide

20. Language Stack
    • Docker Hubʹ͸֤ݴޠͷެࣜϦϙδτϦ͕ଘ
    ࡏ͢Δ
    • λάʹΑΔόʔδϣϯͷࢦఆ͕Մೳ
    • ONBUILDσΟϨΫςΟϒΛؚΜͩΠϝʔδ͕
    ͋Δ
    

    View Slide

21. FROM node:0.12.7
    RUN mkdir -p /usr/src/app
    WORKDIR /usr/src/app
    ONBUILD COPY package.json /usr/src/app/
    ONBUILD RUN npm install
    ONBUILD COPY . /usr/src/app
    CMD [ "npm", "start" ]
    

    View Slide

22. Πϝʔδ࡞੒
    • docker build <Φϓγϣϯ>
    • -t ͸Πϝʔδͷ<໊લ:λά>ΛܾΊΔ
    $ docker build -t pastelinc/material-start .
    

    View Slide

23. Πϝʔδදࣔ
    • docker images <Φϓγϣϯ>
    $ docker images
    REPOSITORY TAG IMAGE ID CREATED VIRTUAL SIZE
    pastelinc/material-start latest 820019b78a27 15 minutes ago 1.042 GB
    

    View Slide

24. • DockerfileΛ࢖ͬͯΠϝʔδΛ࡞੒
    • Πϝʔδ͔ΒίϯςφΛىಈ
    $ docker build -t pastelinc/material-start .
    $ docker images
    REPOSITORY TAG IMAGE ID CREATED VIRTUAL SIZE
    pastelinc/material-start latest 820019b78a27 15 minutes ago 1.042 GB
    $ docker run -d -p 3000:8080 pastelinc/material-start
    

    View Slide

25. ·ͱΊ
    • Docker͸σϓϩΠͷ՝୊Λղܾͯ͘͠ΕΔ
    • DockerfileΛ༻ҙ͢Δͱ࣮ߦ؀ڥΛ͙͢ʹ࡞ΕΔ
    • ೰·ͣखܰʹΠϯϑϥ؀ڥΛͲ͜Ͱ΋ߏஙͰ͖
    ָ͍ͯ͠ʂ
    • ݱࡏϓϩμΫγϣϯͰͷ࠾༻͸·ͩগͳ͍
    

    View Slide