非エンジニアでもデキる ラクラク自動化生活

えびスタ！#3 特別編「NewsPicksウェブ版リニューアルの裏側」のLT

http://ebista.connpass.com/event/18581/

Transcript

1. ඇ Τ ϯ δχ Ξ Ͱ ΋ σ Ω Δ ɹ ɹ ɹ ɹ ϥ Ϋ ϥ Ϋ ࣗ ಈ Խ ੜ ׆
2. ࣗ ݾ ঺ հ • גࣜձࣾϚφϘͷCTO • ̎ࣇͷύύ • bit.ly/dddaisuke • twitter.com/dddaisuke • facebook.com/dice.k.yamashita • blog.daisukeyamashita.com
3. Έͳ͞ΜͪΌΜͱಇ͍ͯ·͔͢ʁ
4. ࢲ͸ɺ
6. ͱ͍͏ͷ͸৑ஊͰɺ
7. ͱʹ͔͘ɺॳظϑΣʔζͷελʔτΞοϓͷCTOͱ͍͏ ৬छ͸ɺׂΓࠐΈ͕ൃੜ͠΍͍͢ɻ
8. ελʔτΞοϓͷCTOͱ͍͏৬छ͸ɺׂΓࠐΈ͕ൃੜ͠ ΍͍͢ • ྺ࢙తܦҢΛ஌͍ͬͯΔ • ஍ཕͷॴࡏΛ஌͍ͬͯΔ • ෛͷҨ࢈ͷଘࡏΛ஌͍ͬͯΔ • Ϧιʔεͷաෆ଍Λ஌͍ͬͯΔ
9. ελʔτΞοϓͷCTOͱ͍͏৬छ͸ɺׂΓࠐΈ͕ൃੜ͠ ΍͍͢ • ݱ৔͔Β͸ɺ࣮૷΍ΦϖϨʔγϣϯͷ૬ஊ • ܦӦਞ͔Β͸ɺ
 Πϯϑϥʗਓһͷ༧ࢉʗ഑ஔΛؚΉࣄۀܭըͷ૬ஊ
10. ԿͰ΋͔ΜͰ΋ରԠ͍ͯ͠Δͱɺ ຊ౰ʹඞཁͳ࡞ۀʹ͕͚࣌ؒ͞ͳ͘ͳͬͯ͠·͏ɻ
11. ͦͯ͠ɺ࠷ॳͷϑΣʔζͰ͸ɺ ΋ͬͱ΋ίʔυΛॻ͚Δͷ͕ࣗ෼ͱ͍͏ݱ࣮
12. C T O ͷ ੜ ଘ ઓ ུ Ͱ͖Δ͚ͩࣗ෼ͷखΛಈ͔͞ͳ͍
13. C T O ͷ ੜ ଘ ઓ ུ ظݶ෇͖ͷλεΫʹ100%ίϛοτ͢Δͱɺ ձࣾͱͯ͠ͷ҆શϚʔδϯ͕ແ͘ͳΔɻ
14. C T O ͷ ੜ ଘ ઓ ུ ͦΜͳঢ়گͰɺࣗ෼ʹ͔͠ରॲͰ͖ͳ͍
 τϥϒϧ͕ൃੜ ʹɹࢮ๢
15. C T O ͷ ੜ ଘ ઓ ུ ͳͷͰɺඇΤϯδχΞͰ͋ͬͯ΋ɺ ͲΜͲΜΤϯδχΞدΓͷ࡞ۀΛ΍ͬͯ΋Β͏
16. C T O ͷ ੜ ଘ ઓ ུ Ͱ͖Ε͹ɺͦͷޙʹਓ͕΍Βͳͯ͘΋ ࡁΉΑ͏ʹ͍ͨ͠ʂ
17. C T O ͷ ੜ ଘ ઓ ུ ͦɹ͜ɹͰɹɺɹࣗɹಈɹԽɹʂ
18. ඇΤϯδχΞʼ Ϣʔβʔ͔ΒΞϯέʔτूΊ͍ͨͷͰɺΞ ϯέʔτػೳ࡞͍ͬͯͩ͘͞ɻ Զʼ ʢ͑ɺͦΕϝϯυΠʣͲ͏ͤɺGoogle Spreadsheet Ͱूܭ͢ΔΜͰ͠ΐʁGoogle FormsΛ࢖͑͹؆୯ʹ࡞Ε ΔΑʂ https://www.google.com/intl/ja_jp/forms/about/
19. Զʼ ಠࣗͷσβΠϯΛॆͯͨΓA/BςετͷͨΊʹɺΤ ϯδχΞΛ̍೔߆ଋͯ͢͠Δ͙Β͍ͳΒɺ SurveyMonkey͕҆͘ಋೖͰ͖ΔΑʂ ඇΤϯδχΞʼ λμͷϠπͰྑ͍ͬ͢ʂ https://jp.surveymonkey.com/
20. ඇΤϯδχΞʼ ͍΍ʔɺGoogle FormsͬͯศརͰ͢Ͷʂ͜Εͬͯ GoogleͷΞΧ΢ϯτແ͍ͱɺϢʔβʔIDͱ͔ूΊΒΕͳ͍ΜͰ͢ ΑͶʁ Զʼ ͍΍ɺΫΤϦʔύϥϝʔλͰॳظ஋ೖΕΒΕΔ͔Βɺ͏ͪͷ αʔϏεͷϩάΠϯޙͷϖʔδʹϦϯΫ࢓ࠐΊ͹ϢʔβID͚ͩ͡Ό ͳ͘ɺଞͷγεςϜ্ͷ৘ใΛऔΓࠐΊΔΑʂ ඇΤϯδχΞʼ Ϛδ͔ͬ͢ʂ http://creazy.net/2013/06/google_form_default_set.html
21. ඇΤϯδχΞʼ Google FormsͰձһͷ੠ʢΫϨʔϜʣ ΛूΊΒΕΔΑ͏ʹͨ͠ΜͰ͚͢ͲɺΤϯδχΞ͕ݟͯ ͘Ε·ͤΜʂ Զʼ ZapierΛ࢖ͬͯɺHipChatͷΤϯδχΞάϧʔϓʹ ࣗಈ౤ߘͯ͠͠·͑ʂ https://zapier.com/
22. Զʼ ͏ͬɻ݁ߏɺτϥϒͬͯΔͳɻɻɻ
23. ηʔϧεʼ ΤϯδχΞ͸ຖ೔GitHub࢖ͬͯΔ͔Βྑ͍͔΋͠Εͳ͍Ͱ ͚͢Ͳɺόάमਖ਼ґཔͨ͠࢓༷ͷ΍ΓऔΓͷͨΊʹϒϥ΢βͰIssues։ ͘ͷμϧ͍ɻ Զʼ GitHub Issuesͷϝʔϧड৴ઃఆͯ͠ΔΑͶʁ͋Εʹ௚઀ฦ৴ͨ͠ Βࣗಈతʹॻ͖ࠐΈͯ͘͠ΕΔΑɻ ηʔϧεʼ Ϛδʂʁ https://github.com/blog/811-reply-to-comments-from-email
24. Զʼ ͪΌΜͱϑΟϧλʔઃఆͨ͠ํ͕͍͍Αɻ ηʔϧεʼ ԶͷϝʔϧϑΟϧλʔςΫχοΫΛݟͤͯ΍Γ·͢Αʂ Զʼ ɾɾɾʢͳΜͰηʔϧεͬͯɺϝʔϧϑΟϧλʔ͚ͩҟৗʹৄ ͍͠ͷ͔ʁʣ https://github.com/blog/811-reply-to-comments-from-email
25. σΟϨΫλʔʼ ͖ΌʔʂεςʔδϯάͰͷ֬ೝෆ଍Ͱɺ मਖ਼ՕॴҎ֎ͷϓϩμΫγϣϯͷUI่͕ΕͯΔʂʂʂ Զʼ Ghost InspectorͰɺৗʹΩϟϓνϟʔΛऔͬͯࠩ෼ ͕ൃੜͨ͠Βϝʔϧඈ͹ͤΔΑʢࠩ෼͸%ͰࢦఆՄೳʣ https://ghostinspector.com/
26. • ࠨ͕ݱࡏͷϏϡʔʢCSS͕ޮ͍͍ͯͳ͍ʣ • ӈ͕લճͷΩϟϓνϟʔͱͷDiff͕ൃੜ͍ͯ͠ΔՕॴ
27. Զʼ Ghost Inspector͔ΒWebhook΋ݺͼग़ͤΔ͔Βɺ Zapierܦ༝ͰHipChatʹඈ͹͓͔ͯ͘͠ɻ https://zapier.com/help/webhooks/
28. ࣾ಺ʼ յͨ͠ͷ୭΍ʂʂʂ https://ghostinspector.com/
29. σΟϨΫλʔʼ ͜ͷϖʔδͷΤϥʔ͚ͩɺHipChatʹ౤ߘͰ͖ ͳ͍Ͱ͔͢ʁ Զʼ ZapierͷEmail hookΛ࢖͑͹ɺϑΟϧλʔΛॻ͚Δ͔Βඞ ཁͳ৚݅ͷϝʔϧ͚ͩHipChatʹྲྀͤΔΑɻ https://zapier.com/help/email/
30. ϑΟϧλʔಘҙͳηʔϧεʼ ϑΟϧλʔͳΒ೚ͤΖʂ Զʼ ɾɾɾʢݺΜͰͶʔΑʣ https://zapier.com/help/email/
31. ඇΤϯδχΞʼ ͪΐͬͱ৽͍͠΢ΣϒϖʔδΛ৽ઃ͠Α ͏ͱࢥ͏ΜͰ͚͢Ͳɻ Զʼ ͦΕͬͯԿ͔ಈతίϯςϯπ͋Δͷʁ
32. ඇΤϯδχΞʼ ͍͑ɺਃ͠ࠐΈϑΥʔϜ͙Β͍Ͱɺޙ͸ ੩తίϯςϯπͰ͢ɻ Զʼ ͡Ό͋ɺʢαʔόʔ؅ཧͨ͘͠ͳ͍͠ʣS3Ͱӡ༻͠ Α͏ʂߋ৽͸ࣗ෼ͰΑΖ͘͠Ͷʂ http://aws.typepad.com/aws_japan/2012/08/hosting- website-on-s3.html
33. S3ʹϑΝΠϧΛΞοϓϩʔυ͢ΔͨΊͷπʔϧ͸ɺ
 ແྉͳΒCyberduckɺ༗ྉͳΒTransmitͳͲ͕
 ͋Γ·͢ɻ
34. ඇΤϯδχΞʼ ؆୯ʹߋ৽Ͱ͖Δͷ͸ྑ͍ΜͰ͚͢ͲɺΈΜͳ͕޷͖ উखʹߋ৽͢Δ͔ΒɺS3ͷߋ৽Λ؅ཧ͢Δͷμϧ͍ͬ͢ʂ Զʼ ιʔε͸GitHubͰ؅ཧͯ͠ΔΜͩΑͶʁDeployBotΛ࢖͑͹ɺϫ ϯΫϦοΫͰσϓϩΠͰ͖Δ͠ɺ୭͕ɺ͍ͭɺԿͷͨΊʹɺͲͷϦϏ δϣϯߋ৽͔͕ͨ͠؅ཧͰ͖ΔΑɻ ඇΤϯδχΞʼ ͜Ε͸ศརʂ http://deploybot.com/
35. ඇΤϯδχΞʼ ΠϯϑϥʹCloudFrontೖΕΖͬͯݴΘΕͨΜͰ͢ ͚ͲɺΩϟογϡඈ͹͢ͷ໘౗Ͱ͢ʂ Զʼ DeployBotͰΩϟογϡඈ͹ͤΔΑɻ ඇΤϯδχΞʼ ωਃʂ http://deploybot.com/
36. Զʼ αʔόʔ΋૿͑ͳ͍͠ɺָͪΜ΍ʂ
37. ඇΤϯδχΞʼ ࠓճͷΩϟϯϖʔϯͷΫʔϙϯద༻਺Λຖ ೔άϥϑͰग़͍ͨ͠ΜͰ͚͢Ͳɺ؅ཧίϯιʔϧʹػೳ௥ Ճͯ͠΋Β͑·ͤΜ͔ʁ Զʼ ͔֬SQLॻ͚ͨΑͶʁre:dashΛ࢖͏ͱɺ͜ͷϖʔδ ʹSQLΛ௥Ճ͢ΔͱάϥϑʹͳΔΑʂ http://redash.io/
39. Զʼ ͏ͪͷඇΤϯ δχΞͷ਺ͬͯগ ͳ͍Μ͚ͩͲɺά ϥϑͷ૿Ճ଎౓଎ ͘ͳ͍ʁ͆
40. Zapier͕Φεεϝͳͷ͸ɺ ͱʹ͔͘ରԠAPIͷ਺͕ΊͪΌͪ͘Όଟ͍͜ͱʂ
48. ͦ ͷ ؾ ʹ ͳ Ε ͹ ɺ ࣗ ෼ Ͱ A P I Λ ௥ Ճ Ͱ ͖ Δ
49. Έ Μ ͳ ΋ ࣗ ಈ Խ Ͱ ɹɹɹɹɹՆ Λ ຬ ٤ ͠ Α ͏ ʂ
50. λ ϯ Ϡ Φ ʂ ʂ ʂ
51. ૉ ࡐ ࣸ ਅ ͸ ɺ ͺ͘ ͨ ͦ ༷ ͷ ࣸ ਅ Λ ར ༻ ͞ ͤ ͯ ௖ ͖ · ͠ ͨ ɻ