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

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