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
910
Other Decks in Programming
See All in Programming
Rancher と Terraform
fufuhu
2
400
ファインディ株式会社におけるMCP活用とサービス開発
starfish719
0
1.2k
CloudflareのChat Agent Starter Kitで簡単!AIチャットボット構築
syumai
2
490
1から理解するWeb Push
dora1998
7
1.9k
AI時代のUIはどこへ行く?
yusukebe
18
8.9k
Improving my own Ruby thereafter
sisshiki1969
1
160
@Environment(\.keyPath)那么好我不允许你们不知道! / atEnvironment keyPath is so good and you should know it!
lovee
0
120
Processing Gem ベースの、2D レトロゲームエンジンの開発
tokujiros
2
130
アプリの "かわいい" を支えるアニメーションツールRiveについて
uetyo
0
270
そのAPI、誰のため? Androidライブラリ設計における利用者目線の実践テクニック
mkeeda
2
300
テストカバレッジ100%を10年続けて得られた学びと品質
mottyzzz
2
590
MCPでVibe Working。そして、結局はContext Eng(略)/ Working with Vibe on MCP And Context Eng
rkaga
5
2.3k
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Facilitating Awesome Meetings
lara
55
6.5k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Embracing the Ebb and Flow
colly
87
4.8k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
Being A Developer After 40
akosma
90
590k
Fireside Chat
paigeccino
39
3.6k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
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ར༻͕Ͱ͖Δɻ ·͞ʹɻόοΫΤϯυཁΒͣͷϑϩϯτΤϯυΤϯδχΞϑΝʔετ ͨͩɻ όοΫΤϯυ͞Μ͕͍ͳ͍ͱ࡞Εͳ͍γεςϜͬͺΓ͋Γ·͢ɻ ͳͷͰɻ ࠷దͳܗΛɺΠϯϑϥɺόοΫΤϯυɺϑϩϯτΤϯυͰྑ͘૬ஊܾͯ͠Ί·͠ΐ͏
͝੩ௌɺ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ