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

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