脱ＦＴＰ！一瞬でS3にファイル転送

AWSのS3ストレージにFTPを使用せず、コマンドだけでアップする方法をご紹介します。

Transcript

1. ୤̛̩̥ʂ
 ҰॠͰS3ʹϑΝΠϧసૹ 2016/09/07 (ɾωɾ) @mi
2. ࣗݾ঺հ ૿ຊɹඒཬ (@_upto_me_) ग़਎ɿ௕࡚ݝେଜࢢ ࢓ࣄɿՈ۩԰ (LOWYA / vega.inc) ڵຯ͋Δ͜ͱɿJavaScript, ຑ੃, ΘΜ͜
3. ࠓ೔࿩͢͜ͱ ϑϩϯτΤϯυͷλεΫϥϯφʔgulpͷ
 ʮgulp-s3ʯΛ༻͍ͯɺAWSͷS3ʹ
 1ίϚϯυͰɺϑΝΠϧΛసૹ͢Δํ๏ɻ
 
 㲈 s3؀ڥʹҰॠͰσϓϩΠɻ
4. λεΫϥϯφʔͱ͸ʁ
5. λεΫϥϯφʔ ϑϩϯτΤϯυͷ։ൃʹ͸ɺίϯύΠϧ࡞ۀɺϑΝΠϧͷѹ ॖ࡞ۀͳͲɺଟ͘ͷλεΫ͕͋Γ·͢ɻ͜ΕΒΛҰׅͰ؅ཧɾ ࣗಈԽͯ͘͠ΕΔͷ͕ʮλεΫϥϯφʔʯͰ͢ɻ
 
 - CSS΍JavaScriptͷѹॖɺ݁߹ - SassͷίϯύΠϧ౳
8. ͦΕ͔ΒͲ͏ͳͬͨʁ
9. 2016/03 Ҏ߱
10. webpack ׬શউརʂʁ ※ 2016/09/07࣌఺
11. ࠓճ͸…
12. gulp ( Ψϧϓ ) λεΫϥϯφʔ - Node.js্ʹߏங͞ΕͨϏϧυπʔϧ - ϏϧυखॱΛλεΫͱ͍͏ܗͰࣗΒఆٛ - ઃఆϑΝΠϧͷΑ͏ͳͷΛ୹͘γϯϓϧʹॻ͚Δ (※)
 (※ ൺֱର৅ɿGrunt)
13. gulp ( Ψϧϓ ) λεΫϥϯφʔ - Node.js্ʹߏங͞ΕͨϏϧυπʔϧ - ϏϧυखॱΛλεΫͱ͍͏ܗͰࣗΒఆٛ - ઃఆϑΝΠϧͷΑ͏ͳͷΛ୹͘γϯϓϧʹॻ͚Δ (※)
 (※ ൺֱର৅ɿGrunt)
15. Node.js ( ϊʔυδΣʔΤε ) JavaScript࣮ߦ؀ڥ - αʔόʔαΠυͰJavaScriptΛ࣮ߦͰ͖ΔΑ͏ʹͯ͘͠ΕΔ΋ͷ
 ≒ Server Side JavaScriptɺNode؀ڥ
 
 - େྔͷσʔλΛߴ଎ʹαό͘ɻͭΑ͍ʢ֬৴ʣ
16. ࣮ࡍʹs3΁̏ඵͰ Ξοϓ͠·͢
17. Ͳʔ΍ͬͯ͢Δͷʁ
18. ஫ҙࣄ߲ ͜ͷαϯϓϧͰ͸ϓϩδΣΫτϑΥϧμʹ ʮviewsʯͱ͍͏ެ։༻ϑΥϧμ͕ଘࡏ͠·͢ɻ
 ͍·͔Βߦ͏࡞ۀ͸ɺʮviewsʯϑΥϧμͷதΛ·Δͬͱ s3ʹసૹ͢Δํ๏Λ͝આ໌͠·͢ɻ ಉ͡Α͏ʹ࡞ۀ͍ͨ͠ํ͸ɺϓϩδΣΫτϑΥϧμʹ ৽͘͠ެ։༻ϑΥϧμʮviewsʯΛ࡞੒ͯ͠ɺ ͦ͜ʹhtmlϑΝΠϧ౳Λͭͬ͜ΜͰ͓͍͍ͯͩ͘͞ɻ
19. खॱ 1. Node.jsΛΠϯετʔϧ
 2. GulpΛΠϯετʔϧ 3. ύοέʔδͷΠϯετʔϧ
 4. Gulpfile.jsͱaws.json(ઃఆϑΝΠϧΈ͍ͨͳ΋ͷ) ࡞੒
 5. ίϚϯυ͏ͭʂ → S3ʹసૹ׬ྃ 1ɺ2ɺ3ɺ4͸࠷ॳͷΈඞཁɻS3ʹϑΝΠϧΛ͋͛Δૢ࡞͸5
20. Node.jsΛΠϯετʔϧ
21. https://nodejs.org/en/download/
22. Node.jsͷΠϯετʔϧ֬ೝ Πϯετʔϧ͕ऴΘͬͨΒλʔϛφϧ΍ίϚϯυϓϩϯϓτͰ ʰ node -v ʱͱଧͬͯΈ͍ͯͩ͘͞ɻόʔδϣϯ৘ใ͕֬ೝͰ͖Ε͹OKʂ
23. GulpͷΠϯετʔϧ ※ άϩʔόϧΠϯετʔϧ͸ͦͷϚγϯ্ͷͲ͔͜ΒͰ΋ ར༻Ͱ͖ΔΑ͏Πϯετʔϧ͢Δ͜ͱɻ 
 
 ※ ϩʔΧϧΠϯετʔϧ͸ͦͷϓϩδΣΫτͷ ϑΥϧμ಺ͰͷΈར༻Ͱ͖ΔΑ͏Πϯετʔϧ͢Δ͜ͱɻ
24. GulpͷάϩʔόϧΠϯετʔϧ λʔϛφϧ΍ίϚϯυϓϩϯϓτͰԼهίϚϯυ࣮ߦ npm install -g gulp
25. GulpͷΠϯετʔϧ֬ೝ λʔϛφϧ΍ίϚϯυϓϩϯϓτͰԼهίϚϯυ࣮ߦ gulp -v CLI όʔδϣϯ͕දࣔ͞ΕΕ͹OK
26. ϓϩδΣΫτϑΥϧμʹ
 ύοέʔδΛΠϯετʔϧ͢Δ λʔϛφϧ΍ίϚϯυϓϩϯϓτͰԼهίϚϯυ࣮ߦ cd ϓϩδΣΫτϑΥϧμͷύε npm init nam install —save-dev gulp gulp-s3 ➔ ͍Ζ͍ΖӳޠͰ࣭໰͞Ε·͕͢ɺશͯΤϯλʔͰOK
27. ϓϩδΣΫτϑΥϧμΛ֬ೝ͢Δͱɺ
 - node_modules [ϑΥϧμ] - package.json [ϑΝΠϧ] ্هͷ2͕ͭग़དྷ͍ͯΔͱࢥ͍·͢ɻ
 
 ಉ֊૚ʹҎԼ2ͭϑΝΠϧΛ࡞੒͍ͯͩ͘͠͞ɻ - gulpfile.js - aws.json
 ඞཁϑΝΠϧͷ௥Ճ
28. aws.json keyɿΞΫηεΩʔ ID secretɿγʔΫϨοτΞΫηεΩʔ bucketɿαΠτͷURI regionɿap-northeast-1
29. aws.json *".
    
    Ϣʔβʔ
    
    ʢࣗ෼͕࡞੒ͨ͠ΞΧ΢ϯτ໊ʣ
30. gulpfile.js
31. ίϚϯυଧͬͯΈΑ͏ʙʂ”
32. λʔϛφϧ΍ίϚϯυϓϩϯϓτͰԼهίϚϯυ࣮ߦ gulp deploy
35. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠