Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
失敗しても大丈夫!ひとりWebサービスのすゝめ
Search
morihirok
January 23, 2020
Programming
2
440
失敗しても大丈夫!ひとりWebサービスのすゝめ
平成.rb #11 -平成Reject会議-
morihirok
January 23, 2020
Tweet
Share
More Decks by morihirok
See All by morihirok
1日5分!子育て中もインプットを続ける工夫
morihirok
2
950
rarray_value.pdf
morihirok
0
1.5k
try_to_making_a_gem_with_pattern_matching.pdf
morihirok
0
160
introduce_pattern_matching_with_mongo-clarify
morihirok
0
79
サーバレスアーキテクチャ入門
morihirok
0
210
エンジニアの勉強法
morihirok
0
370
Other Decks in Programming
See All in Programming
わかりやすい正解を捨てて、コトに向き合う - スクラムフェス金沢2024 スポンサーセッション
yusukekokubo
0
170
リハビリmruby
kishima
1
160
初心者がおさえておきたいAWS CDKのベストプラクティス 2024
konokenj
15
7.3k
SDCon2024: Enabling DevOps and Team Topologies thru architecture: architecting for fast flow
cer
PRO
0
780
feature環境をGitHub ActionsとCloudFormationでいい感じに管理する
nealle
2
310
APIのない大学ログインWebサービスをWKWebViewとJavaScriptでアプリ化した話
akidon0000
1
330
Trial
cairolibrary720
1
130
Clean Architecture by TypeScript & NestJS
ryounasso
0
150
Product Management LT会_クアンド新家
shinshin
0
210
Introduction to GitOps
hwchiu
0
110
CSC307 Lecture 09
javiergs
PRO
1
500
DMMプラットフォームにおけるTiDBの導入から運用まで
pospome
7
3k
Featured
See All Featured
For a Future-Friendly Web
brad_frost
173
9.2k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
228
16k
[RailsConf 2023] Rails as a piece of cake
palkan
35
4.4k
Imperfection Machines: The Place of Print at Facebook
scottboms
262
13k
Building Applications with DynamoDB
mza
89
5.8k
Infographics Made Easy
chrislema
238
18k
Designing for humans not robots
tammielis
247
25k
What's in a price? How to price your products and services
michaelherold
239
11k
Clear Off the Table
cherdarchuk
89
320k
Faster Mobile Websites
deanohume
303
30k
Embracing the Ebb and Flow
colly
81
4.3k
Typedesign – Prime Four
hannesfritz
37
2.2k
Transcript
ࣦഊͯ͠େৎʂ ͻͱΓWebαʔϏεͷ͢ʍΊ @morihirok ฏ.rb #11 -ฏRejectձٞ-
ࣗݾհ @_morihirok morihirok hey / STORES.jp, inc ত63ੜ
ࠓ͞ͳ͍͜ͱ • ͻͱΓͰ Web αʔϏεΛӡ༻͢ΔͨΊͷϊϋ • Web αʔϏεͰͷՔ͗ํ • Ruby
ࠓ͢͜ͱ • ։ൃͨ͠ Web αʔϏεͷհ • ͻͱΓ Web αʔϏε։ൃϊϋ •
ͻͱΓ Web αʔϏε։ൃ͔ΒֶΜͩ͜ͱ
։ൃͨ͠ Web αʔϏεͷհ
ʮऔΓஔ͖ʯͷ՝Λղܾ͔ͨͬͨ͠ “ʮऔΓஔ͖νέοτ༧ʯͱɺLINEϝϧϚΨͳͲ ͰόϯυϝϯόʔʹऔΓஔ͖༧Λ࿈བྷͯ͠Β͑Ε ɺϥΠϒϋεͷडͰલചΓνέοτΛʮऔΓஔ ͘ʯ͜ͱ͕Ͱ͖ΔγεςϜͰ͢ɻ” - औΓஔ͖༧ͱʁϥΠϒϋεಠࣗͷνέοτ༧γεςϜΛղઆ (https://www.shellbys.com/entry/torioki)
- औΓஔ͖༧ͱʁϥΠϒϋεಠࣗͷνέοτ༧γεςϜΛղઆ (https://www.shellbys.com/entry/torioki) ͦͦʮऔΓஔ͖ʯͱʁ
- औΓஔ͖༧ͱʁϥΠϒϋεಠࣗͷνέοτ༧γεςϜΛղઆ (https://www.shellbys.com/entry/torioki) ͦͦʮऔΓஔ͖ʯͱʁ
- औΓஔ͖༧ͱʁϥΠϒϋεಠࣗͷνέοτ༧γεςϜΛղઆ (https://www.shellbys.com/entry/torioki) ͦͦʮऔΓஔ͖ʯͱʁ
՝ײ • औΓஔ͖༧Λड͚͚ͨ͋ͱɺϥΠϒϋεͷࢴʹϦ ετΛखॻ͖͢ΔʢϚδͰ200ਓखॻ͖ͨ͠Γ͢Δʣ • TwitterͷDMɺLINEɺEϝʔϧͳͲͳͲϝϯόʔͦΕͧ Ε༷ʑͳํ๏Ͱड͚͚ͯ͠·͍ཧͰ͖ͳ͍ • ༧͢ΔଆTwitterͷDMͱ͔Eϝʔϧͱ͔ϋʔυϧ͕ ߴ͍
torioki.net Λ։ൃ
ཧը໘͔Β؆୯ʹ༧ϑΥʔϜΛ࡞ΕΔʂ
͓٬͞Μ༧ϑΥʔϜ͔Β؆୯ʹऔΓஔ͖Ͱ͖Δʂ
ϥΠϒ͝ͱͷऔΓஔ͖ϦετΛPDFͰམͱͤΔʂ
ͦΜͳtorioki.netͷ׆ಈใࠂ • ٕज़ελοΫɿ Ruby on Rails, Heroku • ։ൃظؒɿ 20185݄ʙ20189݄
ʢϑϧλΠϜͰಇ͍͓ͯΓ༨ՋͰ։ൃʣ • αʔϏεఏڙظؒɿ 201810݄ʙ20192݄ʢαʔϏεऴྃʣ • ૯Ϣʔβʔɿ 2ʢͦͷ͏ͪͷ1ࣗʣ ͜ͷൃද།Ұͷ3VCZཁૉ
ͻͱΓ Web αʔϏε։ൃϊϋ
Write Code Every DayΛ࣮ફ͢Δ • Write Code Every Day https://johnresig.com/blog/write-code-every-day/
։ൃظؒ
Write Code Every DayΛ࣮ફ͢Δ • ϒϩάͷ༰Λݫີʹ࣮ફ͍ͯ͠ΔΘ͚Ͱͳ͍ • Կ͔࣮ફͰ͖ͳ͔ͬͨ • WebαʔϏεͰ͋ΔͨΊϓϥΠϕʔτϦϙδτϦʹ
Push͠ଓ͚ͨ • ϝΠϯͷࣄͷཪͰݸਓ։ൃΛߦ͏߹͓͢͢Ί
ٕज़తڵຯͱϓϩμΫτͷόϥϯεΛऔΔ • ݸਓ։ൃͰීஈΒͳ͍͜ͱΛΓͨ͘ͳΔ • લ͔Βؾʹͳͬͯͨ ̋ ̋ ΛͬͯΈ͍ͨ • Զ͕ߟ͑Δ࠷ڧͷΞʔΩςΫνϟΛࢼ͍ͨ͠
ٕज़తڵຯͱϓϩμΫτͷόϥϯεΛऔΔ • ׳Εͳ͍ٕज़Λ͏ͱ։ൃ͕ग़ͳ͍ ։ൃ ͏ٕज़ͷशख़
ٕज़తڵຯͱϓϩμΫτͷόϥϯεΛऔΔ ։ൃظؒ ͖ΔՄೳੑ • ։ൃ͕ग़ͳ͍ͱ͖ΔՄೳੑ͕ߴ·Δʢݸਓࠩ͋Γʣ
ٕज़తڵຯͱϓϩμΫτͷόϥϯεΛऔΔ • ༻͢Δٕज़ͷࢥʹΑͬͯͱͱ։ൃ͕ग़ ͍͢ͷ͕͋Δ • Ruby on Rails • Laravel
• ͍ΖΜͳม͕͋Δ͕ܧଓ͕େࣄͳͷͰָ͘͠ΕΔ ͱࢥ͑Δٕज़બఆΛ
࠷খݶͷΰʔϧΛܾΊΔ • ։ൃதເ͕ൃࢄ͢Δ • ͍ΖΜͳػೳɾ࣮ΞΠσΞ͕ࢥ͍ͭ͘ • εέʔϧͨ͠߹ͷΞʔΩςΫνϟʹ͍ͭͯࢥ͍Λد ͤΔ • ࣮ࡍͻͱΓͰ։ൃ͢ΔͱϦιʔε͕શવΓͳ͍
• ʮ͜Ε͕Ͱ͖ͨΒʂʯΛখ͞ΊʹܾΊ͓ͯ͘
Bootstrap Studio͕࠷ߴͩͬͨ
Bootstrap Studio͕࠷ߴͩͬͨ • https://bootstrapstudio.io/ • Bootstrap frameworkΛ༻ͨ͠ϨεϙϯγϒͳΣϒ αΠτͷϞοΫΞοϓ͕Ͱ͖ΔΞϓϦ • ϚʔΫΞοϓʹ͔͚Δ࣌ؒΛେ෯ʹݮͰ͖ͨ
• 1ؒͷϥΠηϯε͕ $29 ͔͔Δ͕༨༟Ͱݩ͕औΕͨͱ ײ͍ͯ͡Δ
ͻͱΓ Web αʔϏε։ൃ͔ΒֶΜͩ͜ͱ
࣮ͬͨ͜ͱͳ͍͜ͱ͕ͨ͘͞Μ͋Δ • OGPͷઃఆSEOʹޮ͘λάͷઃఆ • υϝΠϯͷऔಘ • Google Analytics֤छࠂλάͷઃఆ • ٕज़બఆ
• ͦͷଞͨ͘͞Μ
σβΠϯΊͬͪΌେมͩ͠σβΠφʔ͍͢͝ • ։ൃલʮheyͷCIσβΠϯϓϩηεશهʢhttps:// note.com/stam_mat2/n/n5282047afb1dʣʯͱ͍͏note ΛಡΉ • ͻͱͭͷίʔϙϨʔτΞΠίϯΛ࡞ΔͨΊʹͱͯͭͳ ͍ϓϩηεΛܦͨه • ࣗαʔϏε։ൃΛ͢ΔͳΒ͜Ε͘Β͍ͩ͜ΘΓΛ
࣋ͬͯ࡞ΔΜͩͱ͏
σβΠϯΊͬͪΌେมͩ͠σβΠφʔ͍͢͝ • ։ൃʹ͋ͨͬͯσβΠϯΛษڧͩ͜͠ΘΓͷ͋ΔWebαʔϏ εʹ͠Α͏ͱࢤ͢ • વͳ͕ΒҰேҰ༦Ͱ౸ఈͰ͖ΔΑ͏ʹͳΒͳ͍ • σβΠϯ͕Χόʔ͢Δൣғͱ͍ͯ • ࣋ͬͯੜ·Εͨηϯεඞཁʁʢ৺ʣ
• Bootstrap StudioʹखΛग़͢ • ΩϟϦΞͷ࣠ʹʮσβΠφʔ͕ڧ͍৫ʯ͕Ճ͞ΕΔ
ϓϩμΫτϚωδϝϯτԿΘ͔Βͳ͍ • ͦͦ࠷খݶͷΰʔϧͲ͏ܾͬͯΊΔͷ͔ • ࢲ͕ఏڙ͍ͨ͠ՁԿͳͷ͔ • ࣗͷମݧͱ͖߹͏ʑ • ՍۭͷϢʔβʔͱ͖߹͏ʑ •
࣮ํ๏ͷਖ਼ղ͋ΔఔΘ͔Δ͕ɺԿΛ࣮͖͔͢ ͷਖ਼ղͱ͍ͯ͠ • ʑ͜͏͍͏՝ͱઓ͍ͬͯΔਓʑ͍͢͝
ͻͱΓͰWebαʔϏεΛӡ༻͠ଓ͚Δͷେม • αʔϏε͕ଘଓ͢ΔݶΓ༨ՋΛར༻͠վળ͠ଓ͚ͳ͚ ΕͳΒͳ͍ • վળҊཁແݶʹग़ͯ͘Δ • ݸਓใΛ༬͔ΔҎ্ϥΠϒϥϦΞοϓσʔτඞਢ • ༨Ջͱͷ͖߹͍ํʑมԽ͢Δ
• ڵຯͷํੑ • ຊۀͰऔΓΜͰ͍Δ՝ • ϥΠϑελΠϧͷมԽ
ͻͱΓͰWebαʔϏεΛӡ༻͠ଓ͚Δͷେม • ӡ༻Λଓ͚Δ͜ͱͰ͖ͳ͍ͱஅ • ଞʹ༨ՋͰΓ͍ͨ͜ͱ͕ग़͖ͯͨ • ສ͕ҰϢʔβʔ͕૿͑ΔલʹΊͨํ͕ͤͩͱ ࢥͬͨ • ݸਓใΛऔΒͳ͍αʔϏεͳΒӡ༻ϋʔυϧ͍
͔ʁ
ͻͱͦΕͧΕ ͍ΖΜͳΰʔϧͱ ͍ΖΜͳֶͼ͕͋Δ
αʔϏε͕ޭ͠ͳͯ͘ ֶͼΔ