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
480
失敗しても大丈夫!ひとりWebサービスのすゝめ
平成.rb #11 -平成Reject会議-
morihirok
January 23, 2020
Tweet
Share
More Decks by morihirok
See All by morihirok
RubyKaigi で得た課題解決法・美意識・モチベーション
morihirok
0
180
混沌とした例外処理とエラー監視に秩序をもたらす
morihirok
22
3.8k
継続的にRailsアプリを開発する上で早めにやっておきたいこと
morihirok
9
3k
1日5分!子育て中もインプットを続ける工夫
morihirok
4
1.1k
rarray_value.pdf
morihirok
0
1.6k
try_to_making_a_gem_with_pattern_matching.pdf
morihirok
0
200
introduce_pattern_matching_with_mongo-clarify
morihirok
0
98
Other Decks in Programming
See All in Programming
「その気にさせる」エンジニアが 最強のリーダーになる理由
gimupop
3
450
フロントエンドテストの育て方
quramy
3
190
Cloudflare Pagesのサイトを NotebookLMから読みやすくする Cloudflare Meet-up Tokyo Vol.7
xiombatsg
0
110
‘무차별 LGTM~👍’만 외치던 우리가 ‘고봉밥 코드 리뷰’를?
hannah0731
0
490
The Evolution of Enterprise Java with Jakarta EE 11 and Beyond
ivargrimstad
0
350
S3静的ホスティング+Next.js静的エクスポート で格安webアプリ構築
iharuoru
0
130
読もう! Android build ドキュメント
andpad
1
190
Devin入門 〜月500ドルから始まるAIチームメイトとの開発生活〜 / Introduction Devin 〜Development With AI Teammates〜
rkaga
6
2.4k
OUPC2024 Day 1 解説
kowerkoint
0
380
なぜselectはselectではないのか
taiyow
2
210
2025/3/18 サービスの成長で生じる幅広いパフォーマンスの問題を、 AIで手軽に解決する
shirahama_x
0
140
Node.js, Deno, Bun 最新動向とその所感について
yosuke_furukawa
PRO
6
2.9k
Featured
See All Featured
Docker and Python
trallard
44
3.3k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
12k
How STYLIGHT went responsive
nonsquared
99
5.4k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
12
1.4k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.5k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.4k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
480
How to Think Like a Performance Engineer
csswizardry
22
1.4k
Designing Experiences People Love
moore
140
23k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.1k
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αʔϏεΛӡ༻͠ଓ͚Δͷେม • ӡ༻Λଓ͚Δ͜ͱͰ͖ͳ͍ͱஅ • ଞʹ༨ՋͰΓ͍ͨ͜ͱ͕ग़͖ͯͨ • ສ͕ҰϢʔβʔ͕૿͑ΔલʹΊͨํ͕ͤͩͱ ࢥͬͨ • ݸਓใΛऔΒͳ͍αʔϏεͳΒӡ༻ϋʔυϧ͍
͔ʁ
ͻͱͦΕͧΕ ͍ΖΜͳΰʔϧͱ ͍ΖΜͳֶͼ͕͋Δ
αʔϏε͕ޭ͠ͳͯ͘ ֶͼΔ