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
490
失敗しても大丈夫!ひとりWebサービスのすゝめ
平成.rb #11 -平成Reject会議-
morihirok
January 23, 2020
Tweet
Share
More Decks by morihirok
See All by morihirok
RubyKaigi で得た課題解決法・美意識・モチベーション
morihirok
0
450
混沌とした例外処理とエラー監視に秩序をもたらす
morihirok
22
3.9k
継続的に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
100
Other Decks in Programming
See All in Programming
AIコーディングワークフローの試行 〜AIエージェント×ワークフローでの自動化を目指して〜
rkaga
2
3.6k
SwiftUI API Design Lessons
niw
1
280
Qiita Bash
mercury_dev0517
2
200
小田原でみんなで一句詠みたいな #phpcon_odawara
stefafafan
0
330
Dissecting and Reconstructing Ruby Syntactic Structures
ydah
0
630
Making TCPSocket.new "Happy"!
coe401_
1
1.1k
The Evolution of the CRuby Build System
kateinoigakukun
0
700
リアルタイムレイトレーシング + ニューラルレンダリング簡単紹介 / Real-Time Ray Tracing & Neural Rendering: A Quick Introduction (2025)
shocker_0x15
1
300
リアクティブシステムの変遷から理解するalien-signals / Learning alien-signals from the evolution of reactive systems
yamanoku
3
1.2k
複雑なフォームの jotai 設計 / Designing jotai(state) for Complex Forms #layerx_frontend
izumin5210
3
490
Building a macOS screen saver with Kotlin (Android Makers 2025)
zsmb
1
150
地域ITコミュニティの活性化とAWSに移行してみた話
yuukis
0
240
Featured
See All Featured
Thoughts on Productivity
jonyablonski
69
4.6k
RailsConf 2023
tenderlove
30
1.1k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.5k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
4 Signs Your Business is Dying
shpigford
183
22k
StorybookのUI Testing Handbookを読んだ
zakiyama
29
5.6k
Navigating Team Friction
lara
184
15k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
30k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
660
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.5k
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αʔϏεΛӡ༻͠ଓ͚Δͷେม • ӡ༻Λଓ͚Δ͜ͱͰ͖ͳ͍ͱஅ • ଞʹ༨ՋͰΓ͍ͨ͜ͱ͕ग़͖ͯͨ • ສ͕ҰϢʔβʔ͕૿͑ΔલʹΊͨํ͕ͤͩͱ ࢥͬͨ • ݸਓใΛऔΒͳ͍αʔϏεͳΒӡ༻ϋʔυϧ͍
͔ʁ
ͻͱͦΕͧΕ ͍ΖΜͳΰʔϧͱ ͍ΖΜͳֶͼ͕͋Δ
αʔϏε͕ޭ͠ͳͯ͘ ֶͼΔ