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
AWSを用いたフロントエンド開発
Search
MaedaKeisuke
November 02, 2019
Programming
8
3.4k
AWSを用いたフロントエンド開発
MaedaKeisuke
November 02, 2019
Tweet
Share
More Decks by MaedaKeisuke
See All by MaedaKeisuke
Stripe CLIの活用
maeda
0
53
エンジニア目線から見たキャッシュレスの話
maeda
0
100
スマホアプリでのStripe決済
maeda
1
900
Other Decks in Programming
See All in Programming
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
160
iOS 26にアップデートすると実機でのHot Reloadができない?
umigishiaoi
0
130
AIともっと楽するE2Eテスト
myohei
6
2.6k
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
5
1.5k
20250628_非エンジニアがバイブコーディングしてみた
ponponmikankan
0
680
レベル1の開発生産性向上に取り組む − 日々の作業の効率化・自動化を通じた改善活動
kesoji
0
220
Goで作る、開発・CI環境
sin392
0
230
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
290
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
takuyakatsusa
2
550
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
270
Blazing Fast UI Development with Compose Hot Reload (droidcon New York 2025)
zsmb
1
290
XP, Testing and ninja testing
m_seki
3
250
Featured
See All Featured
Six Lessons from altMBA
skipperchong
28
3.9k
A Tale of Four Properties
chriscoyier
160
23k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Facilitating Awesome Meetings
lara
54
6.4k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
970
Building an army of robots
kneath
306
45k
Faster Mobile Websites
deanohume
307
31k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Speed Design
sergeychernyshev
32
1k
Adopting Sorbet at Scale
ufuk
77
9.5k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
740
Transcript
"8 4 Λ ༻ ͍ ͨ ϑ ϩ ϯ τ
Τ ϯ υ ։ ൃ גࣜձࣾCI લాܓհ ؔϑϩϯτΤϯυUG 2019
ࣗ ݾ հ /BNFલాܓհ $PNQBOZגࣜձࣾ$* γʔΞΠ 8PSLT
8FC&OHJOFFS "844PMVUJPO"SDIJUFDU "TTPDJBUF -BOHVBHF 'SBNFXPSL -JCSBSZ +BWB4DSJQU 3FBDU 3FBDU/BUJWF 1)1 -BSBWFM 2
גࣜձࣾ$* $SFBUJWF*OOPWBUJPO $POUJOVPVT*OUFHSBUJPO ձ໊ࣾ גࣜձࣾ$* γʔΞΠ ද ౬ඌஐݦ ઃཱ 20173݄9
3
4 .3ͷ࡞ ϒϥϯνͷ164) ՝ͷՃɺ՝ͷߋ৽ $IBUXPSL"QJͱ8FCIPPLΛར༻ͯ͠ (JUMBCɺ#BDLMPHͷߋ৽Λ$IBUXPSL௨ ࣾ ۀ
ޮ ্
5 ε ς ο Χ ʔ ͬͯ · ͢ɻ
ϒ ʔε ग़ ల ͠ ͯ ͍ · ͢ ʂ
"8 4 Λ ༻ ͍ ͨ ϑ ϩ ϯ τ
Τ ϯ υ ։ ൃ ଟʑ͋Δ"84αʔϏεͷதͰɺϑϩϯτ։ൃͰ༗ޮ׆༻Ͱ͖Δٕज़ 6
Ұͭɺ͓ 7 όοΫΤϯυΤϯδχΞͬͯڧ͘ͳ͍ʁ
ͱ͋ΔձࣾɺۀதɺϑϩϯτΤϯδχΞ͕͜Ε͔Βݺͼग़͢"1*༷ॻΛݟͯʜ 8 ͢Έ·ͤΜʜ͜͜ʜϚελʔͷ*%ͩ ͚͡Όͳͯ͘Ұॹʹฦͯ͠΄͠ ͍ΜͰ͚͢Ͳʜ ը໘ʹϚελͷใ͕ग़ͤͳͯ͘ʜ Ϛελʔͷ"1*͋ΔΜ͔ͩΒɻͦΕ ͑Θ͔Δ͡ΌΜ όοΫΤϯυΤϯδχΞͬͯڧ͘ͳ͍ʁ
9 ͢Έ·ͤΜʜϨεϙϯεͷΩʔΛε ωʔΫ͡Όͳͯ͘Ωϟϝϧʹͯ͠ཉ͠ ͍ͷͰ͕͢ʜ Զ1)1ͩɻ όοΫΤϯυΤϯδχΞͬͯڧ͘ͳ͍ʁ
10 όοΫΤϯυΤϯδχΞͬͯڧ͘ͳ͍ʁ αʔόͷ͓कΓʜ 1)1ͷ᠘ʜ BQBDIFʜ ։ൃڥʜ ຊ൪ڥʜ σϓϩΠʜ ԑͷԼͷྗ࣋ͪʂ
11 ϑϩϯτΤϯυΤϯδχΞϑΝʔετ
12 ϑϩϯτΤϯυΤϯδχΞϑΝʔετ Ͱͳͯ͘ʜ
13 όοΫΤϯυͷ͍Βͳ͍։ൃ
"8 4 Λ ༻ ͍ ͨ ϑ ϩ ϯ τ
Τ ϯ υ ։ ൃ ଟʑ͋Δ"84αʔϏεͷதͰɺϑϩϯτ։ൃͰ༗ޮ׆༻Ͱ͖Δٕज़ 14
"NB[PO8FC4FSWJDF 15 ଟछଟ༷ͳҎ্ͷαʔϏεɻ ݄ؒΞΫςΟϒΧελϚʔສਓҎ্ "84Λ༻͍ͨϑϩϯτΤϯυ։ൃ
16 "NB[PO4 Մ༻ੑYͷσʔλٱੑΛތΔετϨʔδαʔϏε 8FC4JUF)PTUJOHػೳͰɺ੩తαΠτΛϗεςΟϯάͰ͖Δɻ ϑϩϯτΤϯυΤϯδχΞϑΝʔετͳɺαʔϏε ྫ Ͳ͔͜ΒͰ͓Έͷྔͷσʔλͷอଘͱऔಘ͕؆୯ʹߦ͑ΔΦϒδΣΫτετϨʔδ "84Λ༻͍ͨϑϩϯτΤϯυ։ൃ
17 "NB[PO$PHOJUP Ϣʔβʔσʔλϕʔε͓ΑͼϢʔβͷೝূೝՄαʔϏε ͪ͜ΒΛ͏͜ͱͰ؆୯ʹϝΞυɺϢʔβ໊ͰͷαΠϯΠϯαΠϯΞτ ͕ΣϒΞϓϦɺωΠςΟϒΞϓϦʹ࣮Ͱ͖·͢ɻ ೝূϝʔϧΛඈͯ͘͠ΕͨΓɺઃఆ͢Ε4.4ೝূ؆୯ʹग़དྷ·͢ɻ ϑϩϯτΤϯυΤϯδχΞϑΝʔετͳɺαʔϏε ྫ γϯϓϧͰηΩϡΞͳϢʔβʔͷαΠϯΞοϓɺαΠϯΠϯɺ͓ΑͼΞΫηείϯτϩʔϧ "84Λ༻͍ͨϑϩϯτΤϯυ։ൃ
18 "84Λ༻͍ͨϑϩϯτΤϯυ։ൃ "84"QQ4ZOD
19 "84Λ༻͍ͨϑϩϯτΤϯυ։ൃ (SBQI2- "1*ΫΤϦݴޠ type Project { name: String tagline:
String contributors: [User] } σʔλܕΛ࡞ { project(name: "GraphQL") { tagline } } ཉ͍͠ใͱرͷܗΛࢦఆ { "project": { "tagline": "A query language for APIs" } } ཉ͍͠ใ͕رͷܗͰऔಘ
20 GraphQL AWS AppSync Ͱɺαʔόʔʹ͋ΔσʔλͷϑΣονɺ มߋɺαϒεΫϥΠϒΛΫϥΠΞϯτΞϓϦέʔγϣϯ͔ Β࣮ߦͰ͖ΔσʔλݴޠɺGraphQL ͕༻͞Ε·͢ɻ 1 ϦΞϧλΠϜͷσʔλΞΫηεͱߋ৽
AWS AppSync ͰɺGraphQL αϒεΫϦϓγϣϯΛ༻ ͯ͠ɺσʔλͷͲͷ෦ΛϦΞϧλΠϜͰར༻Մೳʹ͢Δ ͔ΛࢦఆͰ͖·͢ɻ 2 ΦϑϥΠϯͰͷσʔλಉظ σόΠε͕ΦϑϥΠϯͷͱ͖ɺΞϓϦέʔγϣϯ UI Φ ϑϥΠϯσʔλʹΑͬͯࣗಈతʹߋ৽͞Ε·͢ɻ AppSync ͰɺΦϑϥΠϯ࣌ͷσʔλΩϟογϡํ๏ ɺ͞·͟·ͳωοτϫʔΫ݅ʹ͓͚ΔΩϟογϡߋ৽ ͷཧํ๏Λࢦఆ͠·͢ɻ 3 "84"QQ4ZOD "84Λ༻͍ͨϑϩϯτΤϯυ։ൃ
ಋೖฤ 21 ΈࠐΈେม͡Όͳ͍ʁ ؆୯͡Όͳ͍͚Ͳɻ͘͠ͳ͍ "84Λ༻͍ͨϑϩϯτΤϯυ։ൃ
22 "84"NQMJGZ "84ެࣜͷɺΞϓϦέʔγϣϯߏஙϑϨʔϜϫʔΫ "84Λ༻͍ͨϑϩϯτΤϯυ։ൃ
23 "84"NQMJGZ ΞϓϦέʔγϣϯʹରͯ͠ɺ ೝূ $PHOJUP ɺ4UPSBHF 4 ɺ%BUB "QQ4ZOD ͷઃఆΛͯ͘͠ΕΔɻ
ΞϓϦέʔγϣϯσϓϩΠ͕Մೳ σϓϩΠ͞ΕͨΞϓϦέʔγϣϯʹࣗಈͰɺ$MPVE'SPOU άϩʔόϧ$%/ αʔϏε ͕ઃఆ͞ΕΔͨΊߴෛՙʹڧ͍ ͳͲͳͲ "84Λ༻͍ͨϑϩϯτΤϯυ։ൃ
24 "84Λ༻͍ͨϑϩϯτΤϯυ։ൃ BNQMJGZJOJU ࣮ߦޙ
25 "84Λ༻͍ͨϑϩϯτΤϯυ։ൃ $PHOJUP4JHOJO
26 "84Λ༻͍ͨϑϩϯτΤϯυ։ൃ 44UPSBHF
27 "84Λ༻͍ͨϑϩϯτΤϯυ։ൃ BNQMJGZBEEBQJ
28 "84Λ༻͍ͨϑϩϯτΤϯυ։ൃ BNQMJGZQVTI
29 "84Λ༻͍ͨϑϩϯτΤϯυ։ൃ
·ͱΊ 30 "84 "NQMJGZ Λར༻͢Εɺೝূ͔Β"1*ͷ࡞ɺ࣮ߦɺ4UPSBHFར༻͕Ͱ͖Δɻ ·͞ʹɻόοΫΤϯυཁΒͣͷϑϩϯτΤϯυΤϯδχΞϑΝʔετ ͨͩɻ όοΫΤϯυ͞Μ͕͍ͳ͍ͱ࡞Εͳ͍γεςϜͬͺΓ͋Γ·͢ɻ ͳͷͰɻ ࠷దͳܗΛɺΠϯϑϥɺόοΫΤϯυɺϑϩϯτΤϯυͰྑ͘૬ஊܾͯ͠Ί·͠ΐ͏
͝੩ௌɺ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ