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.3k
AWSを用いたフロントエンド開発
MaedaKeisuke
November 02, 2019
Tweet
Share
More Decks by MaedaKeisuke
See All by MaedaKeisuke
Stripe CLIの活用
maeda
0
49
エンジニア目線から見たキャッシュレスの話
maeda
0
87
スマホアプリでのStripe決済
maeda
0
750
Other Decks in Programming
See All in Programming
暴走のウホーレン 〜想いってのはvimrcにしないと伝わらないんだぜ〜 / iosdc_japan_2024
uhooi
1
240
From Spring Boot 2 to Spring Boot 3 with Java 22 and Jakarta EE
ivargrimstad
0
1k
マルチモジュールにおけるテスト最適化
fxwx23
0
150
大公開!iOS開発の悩みトップ5 〜iOSDC Japan 2024〜
ryunakayama
0
180
私のEbitengineの第一歩
qt_luigi
0
420
GoのIteratorに詳しくなってしまう
inatonix
1
180
connect-go で面倒くささと戦う / 2024-08-27 #newmo_layerx_go
izumin5210
2
600
New Order in Cascade Sorting Order
mugi_uno
3
2.5k
Mergeable Libraryで 高速なアプリ起動を実現しよう!
giginet
PRO
1
1.9k
Prompt Cachingは本当に効果的なのか検証してみた.pdf
ttnyt8701
0
440
ECMAScript、Web標準の型はどう管理されているか / How ECMAScript and Web standards types are maintained
petamoriken
3
370
Wallet API, Verifier APIで実現するIDカード on iPhoneの世界
shitamori1272
1
340
Featured
See All Featured
Robots, Beer and Maslow
schacon
PRO
157
8.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
502
140k
Building a Scalable Design System with Sketch
lauravandoore
458
32k
The Art of Programming - Codeland 2020
erikaheidi
48
13k
Testing 201, or: Great Expectations
jmmastey
35
6.9k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
28
2.2k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.4k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
165
48k
Raft: Consensus for Rubyists
vanstee
135
6.5k
Building a Modern Day E-commerce SEO Strategy
aleyda
35
6.8k
Writing Fast Ruby
sferik
623
60k
Git: the NoSQL Database
bkeepers
PRO
425
64k
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ར༻͕Ͱ͖Δɻ ·͞ʹɻόοΫΤϯυཁΒͣͷϑϩϯτΤϯυΤϯδχΞϑΝʔετ ͨͩɻ όοΫΤϯυ͞Μ͕͍ͳ͍ͱ࡞Εͳ͍γεςϜͬͺΓ͋Γ·͢ɻ ͳͷͰɻ ࠷దͳܗΛɺΠϯϑϥɺόοΫΤϯυɺϑϩϯτΤϯυͰྑ͘૬ஊܾͯ͠Ί·͠ΐ͏
͝੩ௌɺ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ