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
56
エンジニア目線から見たキャッシュレスの話
maeda
0
110
スマホアプリでのStripe決済
maeda
1
920
Other Decks in Programming
See All in Programming
All About Angular's New Signal Forms
manfredsteyer
PRO
0
190
Server Side Kotlin Meetup vol.16: 内部動作を理解して ハイパフォーマンスなサーバサイド Kotlin アプリケーションを書こう
ternbusty
3
210
コードとあなたと私の距離 / The Distance Between Code, You, and I
hiro_y
0
170
PHPに関数型の魂を宿す〜PHP 8.5 で実現する堅牢なコードとは〜 #phpcon_hiroshima / phpcon-hiroshima-2025
shogogg
1
270
Go Conference 2025: Goで体感するMultipath TCP ― Go 1.24 時代の MPTCP Listener を理解する
takehaya
9
1.7k
Devvox Belgium - Agentic AI Patterns
kdubois
1
130
bootcamp2025_バックエンド研修_WebAPIサーバ作成.pdf
geniee_inc
0
120
Web フロントエンドエンジニアに開かれる AI Agent プロダクト開発 - Vercel AI SDK を観察して AI Agent と仲良くなろう! #FEC余熱NIGHT
izumin5210
3
560
overlayPreferenceValue で実現する ピュア SwiftUI な AdMob ネイティブ広告
uhucream
0
190
『毎日の移動』を支えるGoバックエンド内製開発
yutautsugi
2
250
kiroとCodexで最高のSpec駆動開発を!!数時間で web3ネイティブなミニゲームを作ってみたよ!
mashharuki
0
700
Le côté obscur des IA génératives
pascallemerrer
0
150
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.7k
Gamification - CAS2011
davidbonilla
81
5.5k
A Tale of Four Properties
chriscoyier
161
23k
Making Projects Easy
brettharned
120
6.4k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
Practical Orchestrator
shlominoach
190
11k
Building an army of robots
kneath
306
46k
Being A Developer After 40
akosma
91
590k
Faster Mobile Websites
deanohume
310
31k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
Designing Experiences People Love
moore
142
24k
Done Done
chrislema
185
16k
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ར༻͕Ͱ͖Δɻ ·͞ʹɻόοΫΤϯυཁΒͣͷϑϩϯτΤϯυΤϯδχΞϑΝʔετ ͨͩɻ όοΫΤϯυ͞Μ͕͍ͳ͍ͱ࡞Εͳ͍γεςϜͬͺΓ͋Γ·͢ɻ ͳͷͰɻ ࠷దͳܗΛɺΠϯϑϥɺόοΫΤϯυɺϑϩϯτΤϯυͰྑ͘૬ஊܾͯ͠Ί·͠ΐ͏
͝੩ௌɺ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ