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
1.9k
0
Share
個人開発のススメ
Lang-8
April 19, 2019
More Decks by Lang-8
See All by Lang-8
株式会社Lang-8 会社案内資料 / We are hiring 2022
lang8
2
47k
株式会社Lang-8 会社案内資料 / We are hiring 2023
lang8
0
850
Lang-8_12th_Anniversary
lang8
3
1.2k
Lang-8会社案内資料 / We are hiring
lang8
14
420k
OSSを作って公開した話
lang8
1
1.8k
メイプルストーリーMの課金ポイントまとめ
lang8
0
220
悲劇のエース スタルヒン
lang8
1
1.7k
Taiwan (weird) Superstition
lang8
0
1.8k
エンジニアからみたAtomic Designとコンポーネント指向開発
lang8
0
1.9k
Other Decks in Programming
See All in Programming
最初からAWS CDKで技術検証してもいいんじゃない?
akihisaikeda
4
180
Everything Claude Code OSS詳細 — 5層構造の中身と導入方法
targe
0
160
条件判定に名前、つけてますか? #phperkaigi #c
77web
2
880
「速くなった気がする」をデータで疑う
senleaf24
0
110
メッセージングを利用して時間的結合を分離しよう #phperkaigi
kajitack
3
520
Migration to Signals, Signal Forms, Resource API, and NgRx Signal Store @Angular Days 03/2026 Munich
manfredsteyer
PRO
0
200
へんな働き方
yusukebe
6
2.9k
Ruby and LLM Ecosystem 2nd
koic
1
1.4k
Laravel Nightwatchの裏側 - Laravel公式Observabilityツールを支える設計と実装
avosalmon
1
270
Xdebug と IDE による デバッグ実行の仕組みを見る / Exploring-How-Debugging-Works-with-Xdebug-and-an-IDE
shin1x1
0
270
Redox OS でのネームスペース管理と chroot の実現
isanethen
0
480
Agentic AI: Evolution oder Revolution
mobilelarson
PRO
0
220
Featured
See All Featured
Unsuck your backbone
ammeep
672
58k
So, you think you're a good person
axbom
PRO
2
2k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
260
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.4k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.2k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.6k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.2k
Abbi's Birthday
coloredviolet
2
6.1k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.4k
Designing Powerful Visuals for Engaging Learning
tmiket
1
320
Faster Mobile Websites
deanohume
310
31k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9k
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 • ΤϯδχΞͳΒࣗ༻ͷϒϩάϓϥοτϑΥʔϜΛࣗ࡞͢ Δͱ͔Ͱ͍͍ͷͰ