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.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
42k
株式会社Lang-8 会社案内資料 / We are hiring 2023
lang8
0
750
Lang-8_12th_Anniversary
lang8
3
1.1k
Lang-8会社案内資料 / We are hiring
lang8
14
410k
OSSを作って公開した話
lang8
1
1.7k
メイプルストーリーMの課金ポイントまとめ
lang8
0
180
悲劇のエース スタルヒン
lang8
1
1.7k
Taiwan (weird) Superstition
lang8
0
1.7k
エンジニアからみたAtomic Designとコンポーネント指向開発
lang8
0
1.8k
Other Decks in Programming
See All in Programming
GoとPHPのインターフェイスの違い
shimabox
2
190
Introduction to kotlinx.rpc
arawn
0
700
富山発の個人開発サービスで日本中の学校の業務を改善した話
krpk1900
4
390
2024年のkintone API振り返りと2025年 / kintone API look back in 2024
tasshi
0
220
バックエンドのためのアプリ内課金入門 (サブスク編)
qnighy
8
1.8k
苦しいTiDBへの移行を乗り越えて快適な運用を目指す
leveragestech
0
610
Honoとフロントエンドの 型安全性について
yodaka
7
1.2k
Honoをフロントエンドで使う 3つのやり方
yusukebe
7
3.3k
PHPカンファレンス名古屋2025 タスク分解の試行錯誤〜レビュー負荷を下げるために〜
soichi
1
200
2024年のWebフロントエンドのふりかえりと2025年
sakito
3
250
Pythonでもちょっとリッチな見た目のアプリを設計してみる
ueponx
1
570
Grafana Loki によるサーバログのコスト削減
mot_techtalk
1
130
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
The Invisible Side of Design
smashingmag
299
50k
Become a Pro
speakerdeck
PRO
26
5.1k
Six Lessons from altMBA
skipperchong
27
3.6k
A designer walks into a library…
pauljervisheath
205
24k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
A Philosophy of Restraint
colly
203
16k
The Cost Of JavaScript in 2023
addyosmani
47
7.3k
It's Worth the Effort
3n
184
28k
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 • ΤϯδχΞͳΒࣗ༻ͷϒϩάϓϥοτϑΥʔϜΛࣗ࡞͢ Δͱ͔Ͱ͍͍ͷͰ