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
「テストは愚直&&網羅的に書くほどよい」という誤解 / Test Smarter, Not Harder
munetoshi
0
170
すべてのコンテキストを、 ユーザー価値に変える
applism118
3
1.3k
Hack Claude Code with Claude Code
choplin
4
2.1k
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
260
Rails Frontend Evolution: It Was a Setup All Along
skryukov
0
140
チームのテスト力を総合的に鍛えて品質、スピード、レジリエンスを共立させる/Testing approach that improves quality, speed, and resilience
goyoki
5
880
脱Riverpod?fqueryで考える、TanStack Queryライクなアーキテクチャの可能性
ostk0069
0
140
GitHub Copilot and GitHub Codespaces Hands-on
ymd65536
2
150
レベル1の開発生産性向上に取り組む − 日々の作業の効率化・自動化を通じた改善活動
kesoji
0
220
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
kentaroutakeda
2
900
Blazing Fast UI Development with Compose Hot Reload (droidcon New York 2025)
zsmb
1
290
Startups on Rails in Past, Present and Future–Irina Nazarova, RailsConf 2025
irinanazarova
0
110
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
35
6.7k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Embracing the Ebb and Flow
colly
86
4.7k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
970
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
740
BBQ
matthewcrist
89
9.7k
Optimizing for Happiness
mojombo
379
70k
Making Projects Easy
brettharned
116
6.3k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
What's in a price? How to price your products and services
michaelherold
246
12k
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ར༻͕Ͱ͖Δɻ ·͞ʹɻόοΫΤϯυཁΒͣͷϑϩϯτΤϯυΤϯδχΞϑΝʔετ ͨͩɻ όοΫΤϯυ͞Μ͕͍ͳ͍ͱ࡞Εͳ͍γεςϜͬͺΓ͋Γ·͢ɻ ͳͷͰɻ ࠷దͳܗΛɺΠϯϑϥɺόοΫΤϯυɺϑϩϯτΤϯυͰྑ͘૬ஊܾͯ͠Ί·͠ΐ͏
͝੩ௌɺ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ