Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
個人開発のススメ
Search
Lang-8
April 19, 2019
Programming
0
1.8k
個人開発のススメ
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
45k
株式会社Lang-8 会社案内資料 / We are hiring 2023
lang8
0
820
Lang-8_12th_Anniversary
lang8
3
1.2k
Lang-8会社案内資料 / We are hiring
lang8
14
410k
OSSを作って公開した話
lang8
1
1.8k
メイプルストーリーMの課金ポイントまとめ
lang8
0
200
悲劇のエース スタルヒン
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
Stay Hacker 〜九州で生まれ、Perlに出会い、コミュニティで育つ〜
pyama86
2
2.9k
Evolving NEWT’s TypeScript Backend for the AI-Driven Era
xpromx
0
210
React Native New Architecture 移行実践報告
taminif
1
120
チーム開発の “地ならし"
konifar
8
6.4k
高単価案件で働くための心構え
nullnull
0
170
CloudNative Days Winter 2025: 一週間で作る低レイヤコンテナランタイム
ternbusty
7
1.8k
データファイルをAWSのDWHサービスに格納する / 20251115jawsug-tochigi
kasacchiful
2
100
社内オペレーション改善のためのTypeScript / TSKaigi Hokuriku 2025
dachi023
1
130
TUIライブラリつくってみた / i-just-make-TUI-library
kazto
1
130
関数の挙動書き換える
takatofukui
4
750
Building AI Agents with TypeScript #TSKaigiHokuriku
izumin5210
5
1.1k
How Software Deployment tools have changed in the past 20 years
geshan
0
22k
Featured
See All Featured
Git: the NoSQL Database
bkeepers
PRO
432
66k
How to Ace a Technical Interview
jacobian
280
24k
A Modern Web Designer's Workflow
chriscoyier
697
190k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
8.1k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Scaling GitHub
holman
464
140k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Designing for Performance
lara
610
69k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
Writing Fast Ruby
sferik
630
62k
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 • ΤϯδχΞͳΒࣗ༻ͷϒϩάϓϥοτϑΥʔϜΛࣗ࡞͢ Δͱ͔Ͱ͍͍ͷͰ