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
個人開発のススメ
Search
Lang-8
April 19, 2019
Programming
0
1.7k
個人開発のススメ
Lang-8
April 19, 2019
Tweet
Share
More Decks by Lang-8
See All by Lang-8
株式会社Lang-8 会社案内資料 / We are hiring 2022
lang8
2
38k
株式会社Lang-8 会社案内資料 / We are hiring 2023
lang8
0
510
Lang-8_12th_Anniversary
lang8
3
980
Lang-8会社案内資料 / We are hiring
lang8
14
400k
OSSを作って公開した話
lang8
1
1.6k
メイプルストーリーMの課金ポイントまとめ
lang8
0
150
悲劇のエース スタルヒン
lang8
1
1.6k
Taiwan (weird) Superstition
lang8
0
1.6k
エンジニアからみたAtomic Designとコンポーネント指向開発
lang8
0
1.7k
Other Decks in Programming
See All in Programming
HUIT新歓2024「競技プログラミング、やってみませんか?」
slephy2784
1
250
Folding Cheat Sheet #3
philipschwarz
PRO
0
110
Zero Waste, Radical Magic, and Italian Graft – Quarkus Efficiency Secrets
hollycummins
0
220
ゆるい個人開発のススメ
kuroppe1819
10
940
Elm Form Validation
bkuhlmann
0
500
ONE WEDGE_company_guide
1wedge_one
0
380
pixivアプリでマルチモジュールを実現するまで
gatosyocora
1
130
Designing for tomorrow's programming workflows
honnibal
PRO
2
110
入門 AWS Amplify Gen2 / Introduction to AWS Amplify Gen2
genkiogasawara
1
310
単体テストを書かない技術 #phpcon_odawara
o0h
PRO
25
7.8k
甘い香りに誘われてVanilla Extractを1年間運用してみた
miyahkun
1
110
1BRC--Nerd Sniping the Java Community
gunnarmorling
0
300
Featured
See All Featured
Atom: Resistance is Futile
akmur
258
25k
Making Projects Easy
brettharned
108
5.5k
Ruby is Unlike a Banana
tanoku
96
10k
A designer walks into a library…
pauljervisheath
199
23k
Rebuilding a faster, lazier Slack
samanthasiow
72
8.2k
Designing for humans not robots
tammielis
247
25k
What the flash - Photography Introduction
edds
64
11k
What's in a price? How to price your products and services
michaelherold
237
11k
Typedesign – Prime Four
hannesfritz
36
2.1k
Optimising Largest Contentful Paint
csswizardry
7
2.3k
Designing the Hi-DPI Web
ddemaree
276
33k
Art, The Web, and Tiny UX
lynnandtonic
288
19k
Transcript
ݸਓ։ൃͷεεϝ Daisuke Tsuji 2019/04 Training Camp
ݸਓ։ൃͱ • ࣄͰͳ͘څྉͷͨΊͰͳࣗ͘ͷϞνϕʔγϣϯۦ ಈͰ։ൃΛ͢Δ͜ͱʢͩͱࢥͬͯΔʣ
͢͜ͱ • ݸਓ։ൃͰಘΒΕΔͷ • ݸਓ։ൃΛ࢝ΊΔʹ͋ͨͬͯ • ͕ීஈ͏ٕज़ελοΫ
ݸਓ։ൃͰ ಘΒΕΔͷ
͋ΒΏΔπʔϧ ٕज़ͷݟ • ࣮Ͱʮ͋͋͋ͷπʔϧͶɺͬͨ͜ͱ͋ΔΑʯͱݴ͑ ΔΑ͏ʹͳΔ • ࠷ۙͩͱrecaptchaͱ͔ݸਓ։ൃͰܦݧ͋ͬͨͷͰ͢ ͙ೖΕΒΕͨ
ࣦഊ͔Β͔͠ ಘΒΕͳ͍ݟ • ͜ͷઃܭࣦഊͩͬͨɺͬͱ͜͏͢ΕΑ͔ͬͨɺͱ͍ ͏ܦݧ • ྑ͍ઃܭίʔυΛॻ͘ʹ͕ࣗۤ͠Ήͷ͕Ұ൪ޮ త • ࣗͰॻ͍ͨίʔυͰ͕ࣗۤ͠Ήͷ͕Ұ൪͍͍
• ಛʹϑϩϯτΤϯυܦݧ͕ͷΛݴ͏໘͕ଟ͍
ϋΠϦεΫͳ͜ͱʹ ઓͰ͖Δڥ • ແͳઃܭͷτϥΠ • ৴༻Ͱ͖Δ͔Θ͔Βͳ͍ϥΠϒϥϦͷಋೖ • RC൛ͷಋೖɺ࠷৽όʔδϣϯͷैʹΑΔٕज़తઓ • ڵຯ͋Δ͚Ͳݟ͕ͳ͍ٕज़ͷಋೖ
• ݸਓతʹ࣍ElmɺTypeScript͋ͨΓΛͪΌΜͱΓ͍ͨ • ͋ͱCDN Edge WorkerपΓ
αʔϏεӡ༻ʹؔ͢Δ ཏతͳܦݧ • Πϯϑϥ • όάϞχλϦϯά • σϓϩΠ/ϦϦʔε • ґଘੑཧɺ࠷৽ͷै
• SEOɺू٬ɺࠂ • ύϑΥʔϚϯεࢹ
ݸਓ։ൃΛ࢝ΊΔʹ͋ ͨͬͯ
Ͱ͖ΕνʔϜͰ • νʔϜ։ൃͷ΄͏͕Ϟνϕʔγϣϯ͕ҡ͍࣋͢͠ • ଞਓͷݟΛٵऩͰ͖ΔҰਓΑΓಘΔͷ͕ଟ͍
Ϟνϕʔγϣϯ͕Ұ൪େࣄ • ແཧ͠ͳ͍ • Γͨ͘ͳ͍ͱ͖Βͳ͍ • ์ஔͯ͠ࠔΔਓ͍ͳ͍
͓ۚένΓ͗͢ͳ͍ • ΠϯϑϥແྉͰΓ͖Δͷ͚ͬ͜͏͖͍ͭ • Herokuͱ͔ແྉͩͱαʔό͕εϦʔϓͨ͠Γ͢Δ͠DB Ϩίʔυͷ্ݶ͕͋Δ • ࠷ॳ͔Β͋ΔఔۚͬͪΌ͏΄͏͕ޙͰ͔͔Δίετ ͕ݮΔ͜ͱ͕ଟ͍
͕ීஈ͏ ٕज़ελοΫ
Heroku • DynoͷҰ൪͍҆ϓϥϯʹ՝ۚͯ͠εϦʔϓͤ͞ͳ͍Α͏ ʹ͍ͯ͠Δ • ͓·͚ͰHTTPSԽͯ͘͠ΕΔ • faastruby.io ؾʹͳΔ
Rails • ͏͜Ε͕Ұ൪ϥΫ
Cloudinary • ը૾ϗεςΟϯάαʔϏε • nginxͷimage filterΈ͍ͨͳͷΛᘳʹͬͯ͘ΕΔ • ͓ۚͬͯͳ͍͚Ͳ͍͍ͬͯϨϕϧͰΫΦϦςΟ͕ ߴ͍ •
ී௨ʹProduction ReadyͳαʔϏε
S3 • αΠτϚοϓ༻
CloudFront • Static AssetsͷΩϟογϡ
CloudFlare • naked domainͷCNAMEΛ͑ΔDNS͕͋Μ·Γͳ͍ͷ Ͱ͍͍͍ͩͨͭ͜ʹΒͤͯΔ • AWS݁ͳΒΤΠϦΞε͕͑ΔͷͰͳ͍͚ͲͦΜ ͳʹ༧ࢉͳ͍
࡞Γ͍ͨͷ͕ͳ͍Α • ͜͏͍͏ͷͰΨναʔϏεΛૂ͍͍ͬͯ͠ • https://twitter.com/Haruki_Sonehara/status/ 1113916181780393984?s=19 • ΤϯδχΞͳΒࣗ༻ͷϒϩάϓϥοτϑΥʔϜΛࣗ࡞͢ Δͱ͔Ͱ͍͍ͷͰ