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
18
8.5k
Ruby on Rails の楽しみ方
morihirok
10
6.5k
RubyKaigi で得た課題解決法・美意識・モチベーション
morihirok
0
670
混沌とした例外処理とエラー監視に秩序をもたらす
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
エンジニアインターン「Treasure」とHonoの2年、そして未来へ / Our Journey with Hono Two Years at Treasure and Beyond
carta_engineering
0
440
Devoxx BE - Local Development in the AI Era
kdubois
0
140
組込みだけじゃない!TinyGo で始める無料クラウド開発入門
otakakot
2
380
PHPに関数型の魂を宿す〜PHP 8.5 で実現する堅牢なコードとは〜 #phpcon_hiroshima / phpcon-hiroshima-2025
shogogg
1
340
Blazing Fast UI Development with Compose Hot Reload (droidcon London 2025)
zsmb
0
220
Reactive Thinking with Signals and the Resource API
manfredsteyer
PRO
0
120
あなたとKaigi on Rails / Kaigi on Rails + You
shimoju
0
190
ALL CODE BASE ARE BELONG TO STUDY
uzulla
28
6.7k
Claude CodeによるAI駆動開発の実践 〜そこから見えてきたこれからのプログラミング〜
iriikeita
0
360
Webサーバーサイド言語としてのRustについて
kouyuume
1
4.9k
Blazing Fast UI Development with Compose Hot Reload (Bangladesh KUG, October 2025)
zsmb
1
230
モテるデスク環境
mozumasu
3
1.3k
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
Building Adaptive Systems
keathley
44
2.8k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
A better future with KSS
kneath
239
18k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Into the Great Unknown - MozCon
thekraken
40
2.1k
Bash Introduction
62gerente
615
210k
Building a Scalable Design System with Sketch
lauravandoore
463
33k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
2
92
Making the Leap to Tech Lead
cromwellryan
135
9.6k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
22k
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αʔϏεΛӡ༻͠ଓ͚Δͷେม • ӡ༻Λଓ͚Δ͜ͱͰ͖ͳ͍ͱஅ • ଞʹ༨ՋͰΓ͍ͨ͜ͱ͕ग़͖ͯͨ • ສ͕ҰϢʔβʔ͕૿͑ΔલʹΊͨํ͕ͤͩͱ ࢥͬͨ • ݸਓใΛऔΒͳ͍αʔϏεͳΒӡ༻ϋʔυϧ͍
͔ʁ
ͻͱͦΕͧΕ ͍ΖΜͳΰʔϧͱ ͍ΖΜͳֶͼ͕͋Δ
αʔϏε͕ޭ͠ͳͯ͘ ֶͼΔ