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
520
失敗しても大丈夫!ひとりWebサービスのすゝめ
平成.rb #11 -平成Reject会議-
morihirok
January 23, 2020
Tweet
Share
More Decks by morihirok
See All by morihirok
Sidekiq その前に:Webアプリケーションにおける非同期ジョブ設計原則
morihirok
17
7.3k
Ruby on Rails の楽しみ方
morihirok
10
6.4k
RubyKaigi で得た課題解決法・美意識・モチベーション
morihirok
0
640
混沌とした例外処理とエラー監視に秩序をもたらす
morihirok
24
4.5k
継続的にRailsアプリを開発する上で早めにやっておきたいこと
morihirok
9
3.4k
1日5分!子育て中もインプットを続ける工夫
morihirok
4
1.2k
rarray_value.pdf
morihirok
0
1.8k
try_to_making_a_gem_with_pattern_matching.pdf
morihirok
0
240
introduce_pattern_matching_with_mongo-clarify
morihirok
0
120
Other Decks in Programming
See All in Programming
Advance Your Career with Open Source
ivargrimstad
0
330
CSC509 Lecture 06
javiergs
PRO
0
240
アメ車でサンノゼを走ってきたよ!
s_shimotori
0
140
Le côté obscur des IA génératives
pascallemerrer
0
120
Introducing ReActionView: A new ActionView-Compatible ERB Engine @ Kaigi on Rails 2025, Tokyo, Japan
marcoroth
3
920
monorepo の Go テストをはやくした〜い!~最小の依存解決への道のり~ / faster-testing-of-monorepos
convto
2
380
GitHub Actions × AWS OIDC連携の仕組みと経緯を理解する
ota1022
0
240
止められない医療アプリ、そっと Swift 6 へ
medley
1
120
AIで開発生産性を上げる個人とチームの取り組み
taniigo
0
130
なぜあの開発者はDevRelに伴走し続けるのか / Why Does That Developer Keep Running Alongside DevRel?
nrslib
3
370
明日から始めるリファクタリング
ryounasso
0
110
クラシルを支える技術と組織
rakutek
0
190
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Building Adaptive Systems
keathley
43
2.8k
Scaling GitHub
holman
463
140k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
32
2.2k
The Cult of Friendly URLs
andyhume
79
6.6k
Making Projects Easy
brettharned
119
6.4k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
Typedesign – Prime Four
hannesfritz
42
2.8k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
580
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
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αʔϏεΛӡ༻͠ଓ͚Δͷେม • ӡ༻Λଓ͚Δ͜ͱͰ͖ͳ͍ͱஅ • ଞʹ༨ՋͰΓ͍ͨ͜ͱ͕ग़͖ͯͨ • ສ͕ҰϢʔβʔ͕૿͑ΔલʹΊͨํ͕ͤͩͱ ࢥͬͨ • ݸਓใΛऔΒͳ͍αʔϏεͳΒӡ༻ϋʔυϧ͍
͔ʁ
ͻͱͦΕͧΕ ͍ΖΜͳΰʔϧͱ ͍ΖΜͳֶͼ͕͋Δ
αʔϏε͕ޭ͠ͳͯ͘ ֶͼΔ