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

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

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. αʔϏε͕੒ޭ͠ͳͯ͘΋ ֶͼ͸࢒Δ