IT勉強会用の名刺ジェネレーターを作った話 / it-benkyoukai-meishi

IT勉強会用の名刺ジェネレーターを作った話 / it-benkyoukai-meishi

Roppongi.rb #12 "夜のLT会" でLTをした時のスライドを一部修正したものです。
参考のURLにアクセスする場合は、スライドをPDFでダウンロードできるので、PDFからURLにアクセスできます。

7e62d3d04b8053778b6d03f3b19cd289?s=128

Shinichi Matsumoto

September 27, 2019
Tweet

Transcript

  1. ITษڧձ༻ͷ ໊ࢗδΣωϨʔλʔΛ ࡞ͬͨ࿩ 2019-09-27 Roppongi.rb #12 “໷ͷLTձ” দຊ ਅҰ (@matt59649858)

  2. ࣗݾ঺հ • দຊ ਅҰ (@matt59649858) • ϑΟϤϧυϒʔτΩϟϯϓͰֶͿ • 10݄͔ΒΠϯλʔϯ

  3. ϑΟϤϧυϒʔτΩϟϯϓͷ ࠷ऴ՝୊Ͱࣗ࡞ΞϓϦΛ ࡞੒͢Δ͜ͱʹ…ɻ

  4. ԿΛ࡞Ζ͏͔… ITษڧձ༻ͷ໊ࢗδΣωϨʔλʔΛ࡞੒ ͠Α͏ͱߟ͑Δɻ ↓

  5. σϞ https://it-benkyoukai-meishi.herokuapp.com/

  6. σβΠϯͷࢀߟ

  7. ࠓ೔͓࿩͢͠Δ͜ͱ 1. ΤϨϕʔλʔϐονΛ࡞੒ 2. ΞϓϦΛ࡞੒ 3. ΞϓϦΛࠂ஌ͯ͠൓ڹΛಘΔ

  8. 1. ΤϨϕʔλʔϐον

  9. ʮΤϨϕʔλʔϐονʯͱ͍͏ ༻ޠΛฉ͍ͨ͜ͱͷ͋Δํ

  10. ΤϨϕʔλʔϐονΛ ࡞੒ͨ͜͠ͱͷ͋Δํ

  11. ΤϨϕʔλʔϐονͱ͸ ࢀߟ: https://shop.ohmsha.co.jp/shopdetail/000000001901/

  12. ࢀߟ: https://everyday.mof-mof.co.jp/entry/ 2018/02/22/122833

  13. ΤϨϕʔλʔϐονΛ࡞੒ • [ITษڧձ༻ ໊ࢗδΣωϨʔλʔ] ͱ͍͏αʔϏε͸ɺ • [ITษڧձͷ࠙਌ձͰ໊ࢗަ׵Λ͢Δ࣌ʹɺձࣾͷ໊ࢗͰ͸ Twitter ΍ GitHub

    ͷ ΞΧ΢ϯτ͕ࡌ͓ͬͯΒͣɺSNSͰͭͳ͕Δ͜ͱ͕Ͱ͖ͳ͍໰୊] Λղܾ͍ͨ͠ • [ϓϩάϥϚʔ] ޲͚ͷɺ • [໊ࢗͷݪߘΛ࡞੒͢ΔαʔϏε]Ͱ͢ɻ Ϣʔβʔ͸ [ΞΠίϯ෇͖ͷ໊ࢗݪߘΛ ࡞੒Ͱ͖ͯɺͦͷ··ϥΫεϧʹೖߘ͢Δ͜ͱ] ͕Ͱ͖ɺ • [ࣗ෼Ͱ໊ࢗ࡞੒ιϑτΛ࢖໊ͬͯࢗΛ࡞Δͷ] ͱ͸ҧͬͯɺ • [ϓϩάϥϚʔʹಛԽ໊ͨࢗ͠ݪߘΛ࡞੒Ͱ͖ͯɺϥΫεϧͷܗࣜʹ߹Θͤͯݪ ߘΛௐ੔͢Δख͕ؒෆཁ] ʹͳΔࣄ͕ಛ௃Ͱ͢ɻ
  14. ࡞Βͳ͔ͬͨΞϓϦ • ࢠͲ΋৯ಊ޲͚ͷϘϥϯςΟΞืूΞϓϦɹɹɹ ˠ ݱ৔Ͱฉ͍ͨΒʮ଍Γ͍ͯ·͢ɻʯ • ٕज़ಉਓࢽ༻ͷਐḿ؅ཧΞϓϦɹɹɹɹɹɹɹɹ ˠ ʮGitHubͷpublicϦϙδτϦͰ؅ཧ͠ɹɹɹɹɹ ͍ͯ·͢ɻʯ

  15. ԿΛ࡞Ζ͏͔…ʢ࠶ܝʣ ITษڧձ༻ͷ໊ࢗδΣωϨʔλʔΛ࡞੒ ͠Α͏ͱߟ͑Δɻ ↓

  16. ΤϨϕʔλʔϐονͷ·ͱΊ • ΞϓϦΛ࡞Γ࢝Ί͔ͯΒʮ࡞Βͳͯ͘΋ྑ͍ ΞϓϦͩͬͨʯͱ͍͏ख໭ΓΛճආͰ͖Δɻ • ݸਓ։ൃͰ΋ɺʮΤϨϕʔλʔϐον͸࡞੒ ͢Δ΋ͷʯͱߟ͑Δͱྑ͍ɻ

  17. 2. ΞϓϦΛ࡞੒

  18. ΞϓϦΛ࡞੒ • Πϯϑϥ͸Herokuʢແྉ࿮ʣ • αʔόʔαΠυ͸Ruby on Rails • QRίʔυαʔόʔ͸Google Cloud

    Functions
  19. Heroku • /tmpσΟϨΫτϦ΁ͷॻ͖ࠐΈ͸Ͱ͖ͳ͍ɻ • RailsͷtmpσΟϨΫτϦʹ͸ॻ͖ࠐΈՄೳɻ • ը૾ͷҰ࣌తͳॻ͖ࠐΈͳͲʹศརɻ • GCPͷCloud StorageΛ࢖ΘͣʹࡁΜͩɻ

    ࢀߟ: https://qiita.com/toyoshi/items/efb4abc86d518d9189f5
  20. Prawn • PDF࡞੒͸gemͷPrawnΛ࢖༻ɻ • ϑΥϯτΛࢦఆ͢ΔͳͲॊೈʹPDFΛ࡞੒Ͱ ͖Δɻ • υΩϡϝϯτ͕ॆ࣮͍ͯ͠Δɻ

  21. PDFͷن֨ ࢀߟ: https://www.ddc.co.jp/dtp/archives/20050622/133901.html

  22. press-ready • WebӾཡ༻ͷPDFΛɺҹ࡮༻ͷPDF/X-1aʹม ׵͢ΔπʔϧɻGitHubͰެ։͞Ε͍ͯΔɻ • Node.js੡ͷπʔϧͳͷͰɺRubyͷsystemϝ ιουͰίϚϯυΛ࣮ߦͰ͖Δɻ • HerokuͰ΋࢖༻Ͱ͖Δɻ

  23. Google Cloud Functions • ϩΰೖΓͷQRίʔυΛ࡞੒Ͱ͖ΔNode.js੡ͷϥ ΠϒϥϦΛ࢖༻ɻ • ΫΤϦจࣈྻͰURLΛ౉ͯ͠GETϦΫΤετ͢Δ ͱɺQRίʔυͷը૾Λฦ͢Α͏ʹ࢖༻ɻ •

    ྫ: http://github.com/matt-note.png →ΞΧ΢ϯτ໊Λ౉͢ͱಛఆͷը૾Λฦ͢ɻ
  24. ΞϓϦͷ࡞੒ͷ·ͱΊ • தখن໛ͷWebΞϓϦͳΒRails͕࠷ળखީิɻ • ೔ຊޠ৘ใɾίϛϡχςΟ͕੔͍ͬͯΔɻ • gemΛ׆༻Ͱ͖Δɻ • ଞݴޠͷϥΠϒϥϦͰ΋૊Έ߹Θͤͯ࢖͏͜ͱ ΋Ͱ͖Δɻ

  25. 3. ΞϓϦΛࠂ஌

  26. ΍ͬͨ͜ͱ • QiitaʹهࣄΛॻ͘ɻ • TwitterͰQiitaͷهࣄΛπΠʔτɻ

  27. Qiita • هࣄΛ݄༵೔ͷேʹ౤ߘɻ • Լॻ͖͕Ͱ͖ΔͷͰɺগͣͭ͠هࣄΛॻ͚Δɻ • ʮݸਓ։ൃʯλάΛهࣄʹඥ͚ͮΒΕΔɻ • ٕज़తͳཁૉΛ੝ΓࠐΊ͹ɺهࣄΛ౤ߘͰ͖Δɻ •

    ؾܰʹ͍͍Ͷ΍ίϝϯτΛͯ͠΋Β͑Δɻ
  28. ൓ڹ (Qiita) • 219͍͍ͶɻʢQiitaͷॳ౤ߘʣ • ౤ߘͨ͠೔͸32͍͍Ͷͩͬͨɻ ࢀߟ: https://qiita.com/matt-note/items/8de2a964522c53e6d6e6

  29. ߄ͯ;ͨΊ͘ɻ ΞϓϦΛ࡞ͬͯQiita΁౤ߘ →͍͍ͶΛ૿΍͢νϟϯεɻ

  30. Twitter • ʮΞϓϦΛެ։͠·ͨ͠ʂʯͱݴ͍੾Δɻ • πΠʔτΛʮϓϩϑΟʔϧʹݻఆʯ͢Δɻ • ಈըΛఴ෇ͨ͠πΠʔτΛͯ͠ɺͦͷπΠʔτ ΛQiitaʹຒΊࠐΉɻ • Qiitaʹ౤ߘͨ͠هࣄͷURLΛషͬͯπΠʔτɻ

  31. ൓ڹ (Twitter) ࢀߟ: https://twitter.com/moriyatakashijp/status/1171204379640090625

  32. ͏Ε͍͠ɻ ࣗ෼΋͓ྱπΠʔτΛ͍ͯ͜͠͏…ʂ

  33. ൓ڹ (INTERNET Watch) ࢀߟ: https://internet.watch.impress.co.jp/docs/yajiuma/1205125.html

  34. ʂʁ ϓϨεϦϦʔεग़ͯ͠ͳ͍ɻ ࠂ஌ͷ2೔ޙʹهࣄʹͳ͍ͬͯͨɻ

  35. ΞϓϦͷࠂ஌·ͱΊ • ࣌ؒΛ͔͚ͯͰ΋ɺࠂ஌ͨ͠ํ͕ྑ͍ɻ • ʮʓʓΛެ։͠·ͨ͠ʂʯͱݴ͍੾Δɻ • SNS΁ͷ౤ߘ + هࣄΛॻ͘ɻ •

    ൓ڹ͕ಘΒΕΔͷͰɺ޷॥؀Λ࡞ΕΔɻ • ͓ྱπΠʔτ͸ɺ͋Γ͕͍ͨɻ
  36. খ͞ͳҰา͕޷॥؀Λ࡞Γग़ ͖͔͚ͬ͢ʹͳΔʂ…͸ͣʂ

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