$30 off During Our Annual Pro Sale. View Details »

失敗しても大丈夫!ひとりWebサービスのすゝめ

morihirok
January 23, 2020

 失敗しても大丈夫!ひとりWebサービスのすゝめ

平成.rb #11 -平成Reject会議-

morihirok

January 23, 2020
Tweet

More Decks by morihirok

Other Decks in Programming

Transcript

  1. ࣦഊͯ͠΋େৎ෉ʂ ͻͱΓWebαʔϏεͷ͢ʍΊ @morihirok ฏ੒.rb #11 -ฏ੒Rejectձٞ-

  2. ࣗݾ঺հ @_morihirok morihirok hey / STORES.jp, inc ত࿨63೥ੜ

  3. ࠓ೔࿩͞ͳ͍͜ͱ • ͻͱΓͰ Web αʔϏεΛӡ༻͢ΔͨΊͷϊ΢ϋ΢ • Web αʔϏεͰͷՔ͗ํ • Ruby

  4. ࠓ೔࿩͢͜ͱ • ։ൃͨ͠ Web αʔϏεͷ঺հ • ͻͱΓ Web αʔϏε։ൃϊ΢ϋ΢ •

    ͻͱΓ Web αʔϏε։ൃ͔ΒֶΜͩ͜ͱ
  5. ։ൃͨ͠ Web αʔϏεͷ঺հ

  6. ʮऔΓஔ͖ʯͷ՝୊Λղܾ͔ͨͬͨ͠ “ʮऔΓஔ͖νέοτ༧໿ʯͱ͸ɺLINE΍ϝϧϚΨͳͲ ͰόϯυϝϯόʔʹऔΓஔ͖༧໿Λ࿈བྷͯ͠΋Β͑Ε ͹ɺϥΠϒϋ΢εͷड෇ͰલചΓνέοτΛʮऔΓஔ ͘ʯ͜ͱ͕Ͱ͖ΔγεςϜͰ͢ɻ” - औΓஔ͖༧໿ͱ͸ʁϥΠϒϋ΢εಠࣗͷνέοτ༧໿γεςϜΛղઆ (https://www.shellbys.com/entry/torioki)

  7. - औΓஔ͖༧໿ͱ͸ʁϥΠϒϋ΢εಠࣗͷνέοτ༧໿γεςϜΛղઆ (https://www.shellbys.com/entry/torioki) ͦ΋ͦ΋ʮऔΓஔ͖ʯͱ͸ʁ

  8. - औΓஔ͖༧໿ͱ͸ʁϥΠϒϋ΢εಠࣗͷνέοτ༧໿γεςϜΛղઆ (https://www.shellbys.com/entry/torioki) ͦ΋ͦ΋ʮऔΓஔ͖ʯͱ͸ʁ

  9. - औΓஔ͖༧໿ͱ͸ʁϥΠϒϋ΢εಠࣗͷνέοτ༧໿γεςϜΛղઆ (https://www.shellbys.com/entry/torioki) ͦ΋ͦ΋ʮऔΓஔ͖ʯͱ͸ʁ

  10. ՝୊ײ • औΓஔ͖༧໿Λड͚෇͚ͨ͋ͱɺϥΠϒϋ΢εͷࢴʹϦ ετΛखॻ͖͢ΔʢϚδͰ200ਓ෼खॻ͖ͨ͠Γ͢Δʣ • TwitterͷDMɺLINEɺEϝʔϧͳͲͳͲϝϯόʔͦΕͧ Ε༷ʑͳํ๏Ͱड͚෇͚ͯ͠·͍؅ཧͰ͖ͳ͍ • ༧໿͢Δଆ΋TwitterͷDMͱ͔Eϝʔϧͱ͔ϋʔυϧ͕ ߴ͍

  11. torioki.net Λ։ൃ

  12. ؅ཧը໘͔Β؆୯ʹ༧໿ϑΥʔϜΛ࡞ΕΔʂ

  13. ͓٬͞Μ͸༧໿ϑΥʔϜ͔Β؆୯ʹऔΓஔ͖Ͱ͖Δʂ

  14. ϥΠϒ͝ͱͷऔΓஔ͖ϦετΛPDFͰམͱͤΔʂ

  15. ͦΜͳtorioki.netͷ׆ಈใࠂ • ٕज़ελοΫɿ Ruby on Rails, Heroku • ։ൃظؒɿ 2018೥5݄ʙ2018೥9݄

    ʢϑϧλΠϜͰಇ͍͓ͯΓ༨ՋͰ։ൃʣ • αʔϏεఏڙظؒɿ 2018೥10݄ʙ2019೥2݄ʢαʔϏεऴྃʣ • ૯Ϣʔβʔ਺ɿ 2ʢͦͷ͏ͪͷ1͸ࣗ෼ʣ ͜ͷൃද།Ұͷ3VCZཁૉ
  16. ͻͱΓ Web αʔϏε։ൃϊ΢ϋ΢

  17. Write Code Every DayΛ࣮ફ͢Δ • Write Code Every Day https://johnresig.com/blog/write-code-every-day/

    ։ൃظؒ
  18. Write Code Every DayΛ࣮ફ͢Δ • ϒϩάͷ಺༰Λݫີʹ࣮ફ͍ͯ͠ΔΘ͚Ͱ͸ͳ͍ • Կ೔͔࣮ફͰ͖ͳ͔ͬͨ • WebαʔϏεͰ͋ΔͨΊϓϥΠϕʔτϦϙδτϦʹ

    Push͠ଓ͚ͨ • ϝΠϯͷ࢓ࣄͷཪͰݸਓ։ൃΛߦ͏৔߹͸͓͢͢Ί
  19. ٕज़తڵຯͱϓϩμΫτ׬੒ͷόϥϯεΛऔΔ • ݸਓ։ൃͰ͸ීஈ΍Βͳ͍͜ͱΛ΍Γͨ͘ͳΔ • લ͔Βؾʹͳͬͯͨ ̋ ̋ Λ࢖ͬͯΈ͍ͨ • Զ͕ߟ͑Δ࠷ڧͷΞʔΩςΫνϟΛࢼ͍ͨ͠

  20. ٕज़తڵຯͱϓϩμΫτ׬੒ͷόϥϯεΛऔΔ • ׳Εͳ͍ٕज़Λ࢖͏ͱ։ൃ଎౓͕ग़ͳ͍ ։ൃ଎౓ ࢖͏ٕज़ͷशख़౓

  21. ٕज़తڵຯͱϓϩμΫτ׬੒ͷόϥϯεΛऔΔ ։ൃظؒ ๞͖ΔՄೳੑ • ։ൃ଎౓͕ग़ͳ͍ͱ๞͖ΔՄೳੑ͕ߴ·Δʢݸਓࠩ͋Γʣ

  22. ٕज़తڵຯͱϓϩμΫτ׬੒ͷόϥϯεΛऔΔ • ࢖༻͢Δٕज़ͷࢥ૝ʹΑͬͯ΋ͱ΋ͱ։ൃ଎౓͕ग़΍ ͍͢΋ͷ͕͋Δ • Ruby on Rails • Laravel

    • ͍ΖΜͳม਺͕͋Δ͕ܧଓ͕େࣄͳͷͰָ͘͠΍ΕΔ ͱࢥ͑Δٕज़બఆΛ
  23. ࠷খݶͷΰʔϧΛܾΊΔ • ։ൃத͸ເ͕ൃࢄ͢Δ • ͍ΖΜͳػೳɾ࣮૷ΞΠσΞ͕ࢥ͍ͭ͘ • εέʔϧͨ͠৔߹ͷΞʔΩςΫνϟʹ͍ͭͯࢥ͍Λد ͤΔ • ࣮ࡍͻͱΓͰ։ൃ͢ΔͱϦιʔε͕શવ଍Γͳ͍

    • ʮ͜Ε͕Ͱ͖ͨΒ׬੒ʂʯΛখ͞ΊʹܾΊ͓ͯ͘
  24. Bootstrap Studio͕࠷ߴͩͬͨ

  25. Bootstrap Studio͕࠷ߴͩͬͨ • https://bootstrapstudio.io/ • Bootstrap frameworkΛ࢖༻ͨ͠Ϩεϙϯγϒͳ΢Σϒ αΠτͷϞοΫΞοϓ͕Ͱ͖ΔΞϓϦ • ϚʔΫΞοϓʹ͔͚Δ࣌ؒΛେ෯ʹ࡟ݮͰ͖ͨ

    • 1೥ؒͷϥΠηϯε͕ $29 ͔͔Δ͕༨༟Ͱݩ͕औΕͨͱ ײ͍ͯ͡Δ
  26. ͻͱΓ Web αʔϏε։ൃ͔ΒֶΜͩ͜ͱ

  27. ࣮͸΍ͬͨ͜ͱͳ͍͜ͱ͕ͨ͘͞Μ͋Δ • OGPͷઃఆ΍SEOʹޮ͘λάͷઃఆ • υϝΠϯͷऔಘ • Google Analytics΍֤छ޿ࠂλάͷઃఆ • ٕज़બఆ

    • ͦͷଞͨ͘͞Μ
  28. σβΠϯ͸ΊͬͪΌେมͩ͠σβΠφʔ͸͍͢͝ • ։ൃલʮheyͷCIσβΠϯϓϩηεશه࿥ʢhttps:// note.com/stam_mat2/n/n5282047afb1dʣʯͱ͍͏note ΛಡΉ • ͻͱͭͷίʔϙϨʔτΞΠίϯΛ࡞ΔͨΊʹͱͯͭ΋ͳ ͍ϓϩηεΛܦͨه࿥ • ࣗ෼΋αʔϏε։ൃΛ͢ΔͳΒ͜Ε͘Β͍ͩ͜ΘΓΛ

    ࣋ͬͯ࡞ΔΜͩͱ੤͏
  29. σβΠϯ͸ΊͬͪΌେมͩ͠σβΠφʔ͸͍͢͝ • ։ൃʹ͋ͨͬͯσβΠϯΛษڧͩ͜͠ΘΓͷ͋ΔWebαʔϏ εʹ͠Α͏ͱࢤ͢ • ౰વͳ͕ΒҰேҰ༦Ͱ͸౸ఈͰ͖ΔΑ͏ʹͳΒͳ͍ • σβΠϯ͕Χόʔ͢Δൣғ͸ͱͯ΋޿͍ • ࣋ͬͯੜ·Εͨηϯε΋ඞཁʁʢ৺৅ʣ

    • Bootstrap StudioʹखΛग़͢ • ΩϟϦΞͷ࣠ʹʮσβΠφʔ͕ڧ͍૊৫ʯ͕௥Ճ͞ΕΔ
  30. ϓϩμΫτϚωδϝϯτԿ΋Θ͔Βͳ͍ • ͦ΋ͦ΋࠷খݶͷΰʔϧ͸Ͳ͏΍ܾͬͯΊΔͷ͔ • ࢲ͕ఏڙ͍ͨ͠Ձ஋͸Կͳͷ͔ • ࣗ෼ͷମݧͱ޲͖߹͏೔ʑ • ՍۭͷϢʔβʔͱ޲͖߹͏೔ʑ •

    ࣮૷ํ๏ͷਖ਼ղ͸͋Δఔ౓Θ͔Δ͕ɺԿΛ࣮૷͢΂͖͔ ͷਖ਼ղ͸ͱͯ΋೉͍͠ • ೔ʑ͜͏͍͏՝୊ͱઓ͍ͬͯΔਓʑ͸͍͢͝
  31. ͻͱΓͰWebαʔϏεΛӡ༻͠ଓ͚Δͷ͸େม • αʔϏε͕ଘଓ͢ΔݶΓ༨ՋΛར༻͠վળ͠ଓ͚ͳ͚ Ε͹ͳΒͳ͍ • վળҊ΍ཁ๬͸ແݶʹग़ͯ͘Δ • ݸਓ৘ใΛ༬͔ΔҎ্ϥΠϒϥϦΞοϓσʔτ͸ඞਢ • ༨Ջͱͷ޲͖߹͍ํ͸೔ʑมԽ͢Δ

    • ڵຯͷํ޲ੑ • ຊۀͰऔΓ૊ΜͰ͍Δ՝୊ • ϥΠϑελΠϧͷมԽ
  32. ͻͱΓͰWebαʔϏεΛӡ༻͠ଓ͚Δͷ͸େม • ӡ༻Λଓ͚Δ͜ͱ͸Ͱ͖ͳ͍ͱ൑அ • ଞʹ༨ՋͰ΍Γ͍ͨ͜ͱ͕ग़͖ͯͨ • ສ͕ҰϢʔβʔ਺͕૿͑Δલʹ΍Ίͨํ͕޾ͤͩͱ ࢥͬͨ • ݸਓ৘ใΛऔΒͳ͍αʔϏεͳΒӡ༻ϋʔυϧ͸௿͍

    ͔΋ʁ
  33. ͻͱͦΕͧΕ ͍ΖΜͳΰʔϧͱ ͍ΖΜͳֶͼ͕͋Δ

  34. αʔϏε͕੒ޭ͠ͳͯ͘΋ ֶͼ͸࢒Δ