Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for mi mi
September 30, 2016
Technology
0
790

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

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

Avatar for mi

mi

September 30, 2016
Tweet

More Decks by mi

See All by mi
Switchbot で人生をチョット豊かに。
Avatar for mi mi
0
190
自己紹介
Avatar for mi mi
0
370
computed のすゝめ
Avatar for mi mi
2
660
あの素晴らしい猫の本
Avatar for mi mi
0
1.2k
作業効率がアップする
アプリ紹介
Avatar for mi mi
0
130
git
Avatar for mi mi
0
74

Other Decks in Technology

See All in Technology
[JAWSDAYS2026]Who is responsible for IAM
Avatar for Mizuki TSUJI mizukibbb
0
810
NewSQL_ ストレージ分離と分散合意を用いたスケーラブルアーキテクチャ
Avatar for hacomono Inc. hacomono
PRO
4
380
WebアクセシビリティをCI/CDで担保する ― axe DevTools × Playwright C#実践ガイド
Avatar for tomokusaba tomokusaba
2
100
S3はフラットである –AWS公式SDKにも存在した、 署名付きURLにおけるパストラバーサル脆弱性– / JAWS DAYS 2026
Avatar for GMO Flatt Security flatt_security
0
1.8k
フロントエンド刷新 4年間の軌跡
Avatar for nus3 yotahada3
0
480
Postman v12 で変わる API開発ワークフロー (Postman v12 アップデート) / New API development workflow with Postman v12
Avatar for Yoichi Kawasaki yokawasa
0
140
形式手法特論：SMT ソルバで解く認可ポリシの静的解析 #kernelvm / Kernel VM Study Tsukuba No3
Avatar for y_taka_23 ytaka23
1
220
AWSの資格って役に立つの？
Avatar for Hiroki Takatsuka tk3fftk
2
360
システム標準化PMOから ガバメントクラウドCoEへ
Avatar for 高橋広和 techniczna
1
120
Scrumは歪む — 組織設計の原理原則
Avatar for Daisuke Ashihara dashi
0
200
A Casual Introduction to RISC-V
Avatar for Masanori Ogino omasanori
0
160
ガバメントクラウドにおけるAWSの長期継続割引について
Avatar for takeda_h takeda_h
2
5.1k

Featured

See All Featured
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
72
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
290
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
HDC tutorial
Avatar for Michiel Stock michielstock
1
550
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.1k
Docker and Python
Avatar for Tania Allard trallard
47
3.8k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
110
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
85
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
220

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ͷίϯύΠϧ౳

  6. None
  7. None

  8. ͦΕ͔ΒͲ͏ͳͬͨʁ

  9. 2016/03 Ҏ߱

  10. webpack ׬શউརʂʁ ※ 2016/09/07࣌఺

  11. ࠓճ͸…

  12. gulp ( Ψϧϓ ) λεΫϥϯφʔ - Node.js্ʹߏங͞ΕͨϏϧυπʔϧ - ϏϧυखॱΛλεΫͱ͍͏ܗͰࣗΒఆٛ -

    ઃఆϑΝΠϧͷΑ͏ͳͷΛ୹͘γϯϓϧʹॻ͚Δ (※)
 (※ ൺֱର৅ɿGrunt)

  13. gulp ( Ψϧϓ ) λεΫϥϯφʔ - Node.js্ʹߏங͞ΕͨϏϧυπʔϧ - ϏϧυखॱΛλεΫͱ͍͏ܗͰࣗΒఆٛ -

    ઃఆϑΝΠϧͷΑ͏ͳͷΛ୹͘γϯϓϧʹॻ͚Δ (※)
 (※ ൺֱର৅ɿGrunt)
  14. None

  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

  33. None
  34. None

  35. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠