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
800
0

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

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

Avatar for mi

mi

September 30, 2016

More Decks by mi

See All by mi
Switchbot で人生をチョット豊かに。
Avatar for mi mi
0
200
自己紹介
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
76

Other Decks in Technology

See All in Technology
Bluesky Meetup in Tokyo vol.4 - 2023to2026
Avatar for Takuma Shinohara shinoharata
0
140
暗黙知について一歩踏み込んで考える - 暗黙知の４タイプと暗黙考・暗黙動へ
Avatar for Masaya Mori (森正弥) / CAIO (Chief AI Officer) masayamoriofficial
0
1.2k
"まず試す"ためのDatabricks Apps活用法 / Databricks Apps for Early Experiments and Validation
Avatar for NTT docomo Business nttcom
1
230
New CBs New Challenges
Avatar for Yosuke Suzuki ysuzuki
1
170
Hooks, Filters & Now Context: Why MCPs Are the “Hooks” of the AI Era
Avatar for Miriam Schwab miriamschwab
0
130
解剖"React Native"
Avatar for hacusk hacusk
0
120
Kubernetes基盤における開発者体験 とセキュリティの両⽴ / Balancing developer experience and security in a Kubernetes-based environment
Avatar for mekka chmikata
0
230
Proxmox超入門
Avatar for とことんDevOps devops_vtj
0
160
バックオフィスPJのPjMをコーポレートITが担うとうまくいく3つの理由
Avatar for chama yueda256
1
300
AIがコードを書く時代の ジェネレーティブプログラミング
Avatar for polidog polidog
PRO
3
670
ASTのGitHub CopilotとCopilot CLIの現在地をお話しします/How AST Operates GitHub Copilot and Copilot CLI
Avatar for AEON aeonpeople
1
210
制約を設計する - 非決定性との境界線 / Designing constraints
Avatar for soudai sone soudai
PRO
6
2.4k

Featured

See All Featured
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
570
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.6k
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.6k
New Earth Scene 8
Avatar for Sydney Stone popppiees
3
2k
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5.1k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
290
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
2
1.4k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.2k
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.2k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k

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. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠