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

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

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

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

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

248c57c2dcbecb120baadd4c0c93bff5?s=128

Daisuke Yamashita

August 24, 2015
Tweet

Transcript

  1. ඇ Τ ϯ δχ Ξ Ͱ ΋ σ Ω Δ

    ɹ ɹ ɹ ɹ ϥ Ϋ ϥ Ϋ ࣗ ಈ Խ ੜ ׆
  2. ࣗ ݾ ঺ հ • גࣜձࣾϚφϘͷCTO • ̎ࣇͷύύ • bit.ly/dddaisuke

    • twitter.com/dddaisuke • facebook.com/dice.k.yamashita • blog.daisukeyamashita.com
  3. Έͳ͞ΜͪΌΜͱಇ͍ͯ·͔͢ʁ

  4. ࢲ͸ɺ

  5. None
  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/

  38. None
  39. Զʼ ͏ͪͷඇΤϯ δχΞͷ਺ͬͯগ ͳ͍Μ͚ͩͲɺά ϥϑͷ૿Ճ଎౓଎ ͘ͳ͍ʁ͆

  40. Zapier͕Φεεϝͳͷ͸ɺ ͱʹ͔͘ରԠAPIͷ਺͕ΊͪΌͪ͘Όଟ͍͜ͱʂ

  41. None
  42. None
  43. None
  44. None
  45. None
  46. None
  47. None
  48. ͦ ͷ ؾ ʹ ͳ Ε ͹ ɺ ࣗ ෼

    Ͱ A P I Λ ௥ Ճ Ͱ ͖ Δ
  49. Έ Μ ͳ ΋ ࣗ ಈ Խ Ͱ ɹɹɹɹɹՆ Λ

    ຬ ٤ ͠ Α ͏ ʂ
  50. λ ϯ Ϡ Φ ʂ ʂ ʂ

  51. ૉ ࡐ ࣸ ਅ ͸ ɺ ͺ͘ ͨ ͦ ༷

    ͷ ࣸ ਅ Λ ར ༻ ͞ ͤ ͯ ௖ ͖ · ͠ ͨ ɻ