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
ShopifyとGatsbyJSを使った ヘッドレスコマース入門
Search
Kenji Takasaki
August 05, 2020
Technology
0
1.5k
ShopifyとGatsbyJSを使った ヘッドレスコマース入門
Jamstackな構成+Shopifyをバックエンドにサイトを作る方法について
Kenji Takasaki
August 05, 2020
Tweet
Share
Other Decks in Technology
See All in Technology
Can We Measure Developer Productivity?
ewolff
1
150
初心者向けAWS Securityの勉強会mini Security-JAWSを9ヶ月ぐらい実施してきての近況
cmusudakeisuke
0
120
透過型SMTPプロキシによる送信メールの可観測性向上: Update Edition / Improved observability of outgoing emails with transparent smtp proxy: Update edition
linyows
2
210
【若手エンジニア応援LT会】ソフトウェアを学んできた私がインフラエンジニアを目指した理由
kazushi_ohata
0
150
Security-JAWS【第35回】勉強会クラウドにおけるマルウェアやコンテンツ改ざんへの対策
4su_para
0
170
iOSチームとAndroidチームでブランチ運用が違ったので整理してます
sansantech
PRO
0
130
Lexical Analysis
shigashiyama
1
150
【令和最新版】AWS Direct Connectと愉快なGWたちのおさらい
minorun365
PRO
5
750
IBC 2024 動画技術関連レポート / IBC 2024 Report
cyberagentdevelopers
PRO
0
110
Amazon Personalizeのレコメンドシステム構築、実際何するの?〜大体10分で具体的なイメージをつかむ〜
kniino
1
100
Amazon CloudWatch Network Monitor のススメ
yuki_ink
1
200
適材適所の技術選定 〜GraphQL・REST API・tRPC〜 / Optimal Technology Selection
kakehashi
1
170
Featured
See All Featured
The World Runs on Bad Software
bkeepers
PRO
65
11k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
Making Projects Easy
brettharned
115
5.9k
Thoughts on Productivity
jonyablonski
67
4.3k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
GitHub's CSS Performance
jonrohan
1030
460k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
27
4.3k
A designer walks into a library…
pauljervisheath
203
24k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Transcript
OPOTUBOEBSEXPSMEגࣜձࣾɹ$&0$50ߴ࡚݈࢘ 4IPQJGZͱ(BUTCZ+4Λͬͨ ϔουϨείϚʔεೖ
ߴ࡚݈࢘ w ౦ژɺԮۼͷ4IPQJGZʹಛԽͨ͠&$αΠτͷ ίϯαϧɺ੍࡞Λߦ͏OPOTUBOEBSEXPSME ג ͷදʗ$50ɻ w "SUˍ5FDIGPS3FUBJMΛϛογϣϯʹɺඒ͠͞ ͱςΫϊϩδʔͷཱ྆ͨ͠αΠτΛ࡞ΔͨΊʹਫ਼ ਐ͍ͯ͠Δɻ
w ɺઍ༿ݝੜ·Εɻɺࠃࡍجಜڭ େֶଔۀޙɺιϑτόϯΫʢגʣೖࣾɺ8FCߏ ஙͷࣄʹैࣄͨ͠ޙɺʹಠཱɻ ɺOPOTUBOEBSEXPSMEגࣜձࣾΛىۀɻೋࣇ ͷɻԬͷҠॅܦݧऀɻ w 5XJUUFS!OQMVTPOF ࣗݾհ
ຊͷΞδΣϯμ w 4IPQJGZͷૉఢͳͱ͜Ζ w ϔουϨείϚʔεͱʁ w ϔουϨείϚʔεͷར w ࣗࣾ&$ΛϔουϨεʹϦχϡʔΞϧͨ͠ࡍͷߏ w
(BUCZ+4ͷૉఢͳͱ͜Ζ w ੩తαΠτδΣωϨʔλʔ͡ΌͰ͖ͳͦ͞͏ͳͱ͜ΖΛͲ͏͔ͬͨ w ྑ͔ͬͨͱ͜Ζ w ͭ·͍ͣͨͱ͜Ζ
4IPQJGZͷૉఢͳͱ͜Ζ w ࠓ·Ͱ&$ͷΈͬͯෆࣗ༝͚ͩͲ͍҆"41Λ͏͔ɺࣗ༝͚ͩͲίετͷ ͔͔ΔεΫϥον։ൃ͔ͩͬͨͷ͕ɺ4IPQJGZͱ͍͏બࢶ͕ग़͖ͯͨ͜ͱͰ ʮ࡞Γ͍ͨ෦͚͖ͩʹ࡞Δʯ͜ͱ͕Ͱ͖ΔΑ͏ʹͳͬͨɻ
ϔουϨείϚʔεͱʁ w ւ֎ͷ%$ͱݺΕΔςΫϊϩδʔΛॏࢹͨ͠খചͰඪ४ͱͳ͍ͬͯΔ ࣍ੈܕͷ&$ٕज़ͰɺσʔλʢόοΫΤϯυʣͱσβΠϯʢϑϩϯτΤϯ υʣͷ͕ಛతͳ&$αΠτͷ࡞ΓͰ͢ɻ
όοΫΤϯυͱϑϩϯτΤϯυͷ ϞϊϦγοΫʢҰຕؠʣͳߏ FY8PSE1SFTTςʔϚ4IPQJGZςʔϚ ςϯϓϨʔτݴޠΛͬͯ ϨΠΞτใ͔Β ϩδοΫ·Ͱ ҰͭͷϑΝΠϧʹ શͯॻ͔Ε͍ͯΔ ϔουϨεͳߏ +4ϑϨʔϜϫʔΫΛͬͯ
ϖʔδͷදࣔ ϧʔςΟϯά &Y(BUTCZ+4/FYUKT/VYUKT &$γεςϜ FY4IPQJGZ ίϯςϯπཧγεςϜ FY8PSE1SFTT NJDSP$.4 $POUFOUGVM$.4 "1*࿈ܞ "1*࿈ܞ ϑϩϯτΤϯυ όοΫΤϯυ
ϔουϨείϚʔεͷར w ߴ w ηΩϡΞ w εέʔϧ͍ͤ͢͞ w ։ൃޮʢ։ൃऀମݧʣ͕ྑ͍ w
σβΠϯɺαΠτߏͷࣗ༝͕ߴ͍ w εϚϗΞϓϦʢଟσόΠεʣԽ͍͢͠ w $.4ͳͲผͷγεςϜͱͷ࿈ܞ͕ॊೈ
ߴ w ʮαΠτද͕ࣔඵ͘ͳΔͱɺചΓ্͕͛ݮগ͠ɺඵߴԽ͢Δͱ ͷച্্͕͢Δɻʯ IUUQSPCPUJDTTUBOGPSEFEVdSPOOZL*&&&$PNQVUFS0OMJOF&YQFSJNFOUTQEG
ηΩϡΞ w σβΠϯͱσʔλΛ͢Δ͜ͱͰɺαΠόʔ߈ܸΛड͚ΔϙΠϯτΛݮΒ͢ ͜ͱ͕Ͱ͖Δ
εέʔϧ͍ͤ͢͞ w $%/ͰओཁͳϖʔδΛ৴Ͱ͖Δ w όοΫΤϯυͱϑϩϯτΤϯυͷʹΑΓσʔλʔϕʔεαʔόʔͷෛՙ ͕ϘτϧωοΫʹͳΔ͜ͱ͕ͳ͍
։ൃޮʢ։ൃऀମݧʣ͕ྑ͍ w ϑϩϯτΤϯυͱόοΫΤϯυ͕͖Ε͍ʹ͍ͯ͠ΔͷͰɺϑϩϯτΤϯ υΤϯδχΞϑϩϯτͷࣄɺόοΫΤϯυΤϯδχΞόοΫΤϯυͷ ࣄʹूத͢Δ͜ͱ͕Ͱ͖Δɻ w ಠࣗςϯϓϨʔτݴޠΛ֮͑ͳ࣮ͯ͘Ͱ͖Δɻ
σβΠϯɺαΠτߏͷࣗ༝͕ߴ͍ w ߴԽɺαΠτߏ4&0ʹӨڹ͕େ͖͍ͷͰɺࣗ༝͕ߴ͍͜ͱ4&0ॏࢹ ͷαΠτʹେ͖ͳҙຯ͕͋Δ w όοΫΤϯυͷ੍ݶ͕ͳ͍ͷͰσβΠϯͷࣗ༝͕ߴ͍
εϚϗΞϓϦԽ͍͢͠ w ϑϩϯτΤϯυΛ18"ʢ1SPHSFTTJWF8FC"QQMJDBUJPOʣʹ४ڌͨ͠ܗͰ࡞ ΕɺϔουϨείϚʔεαΠτΛͦͷ··εϚϗΞϓϦͱͯ͠"OESPJEͷ 1MBZετΞͰ৴͢Δ͜ͱ͕Ͱ͖·͢ɻ
$.4ผͷγεςϜͱͷ࿈ܞ͕ॊೈʹͰ͖Δ w ϔουϨεෳͷγεςϜͱ࿈ܞ͢Δ߹Ͱϑϩϯτͷ։ൃ̍ͭͰ͢Ή w υϝΠϯΛ౷ҰͰ͖ΔଞɺϩάΠϯใΛ͡Ίͱͨ͠ϖʔδͷ͋Δ෦ʹ 4IPQJGZ͔ΒͷใΛɺ͋Δ෦ʹ$.4͔ΒͷใΛද͍ࣔͨ͠ͱ͍ͬͨ͜ ͱॊೈʹߦ͏͜ͱ͕Ͱ͖Δɻ
ࣗࣾ&$ΛϔουϨεʹϦχϡʔΞϧͨ͠ࡍͷߏ https://yori.so/
(BUCZ+4ͷૉఢͳͱ͜Ζ w (BUTCZ+43FBDUϕʔεͷ੩తαΠτδΣωϨʔλʔɻ w ͜ͷΈʹͦ͑ࠓͷ8FCͷϕετϓϥΫςΟεʹ४ڌͨ͠ܗͰίʔσΟ ϯάͰ͖Δ w ͳυΩϡϝϯτ w 4IPQJGZ࿈ܞΛ࢝Ίͱͨ͠๛ͳϓϥάΠϯ͕ଘࡏ͢Δ
w ϏϧυγεςϜ͋Δʢ(BUTCZ$MPVEʣ
੩తαΠτδΣωϨʔλʔ͡ΌͰ͖ͳͦ͞͏ͳͱ͜ΖΛͲ͏͔ͬͨ w ੩తαΠτδΣωϨʔλʔʢ44(ʣجຊಈతͳ͜ͱ͕Ͱ͖ͳ͍ w ͓߹ͤϑΥʔϜˠ+4ͰຒΊࠐΊΔαʔϏεΛͬͨ w ϩάΠϯϚΠϖʔδˠ4IPQJGZςʔϚʢϞϊϦγοΫͳߏʣΛซ༻ͨ͠
ϔουϨεͰྑ͔ͬͨͱ͜Ζ w ച্ճ༡ͳͲɺࣈ͕࣮֬ʹ্ͨ͠ w &$ͷΈ4IPQJGZɺίϯςϯπ੍࡞$POUFOUGVM$.4ɺ$3. )VC4QPUΛ͏͜ͱͰελοϑͷӡ༻ෛՙ͕Լ͕ͬͨ w (SBQI2-ɺ͍͜ͳΕΕศརʢ3&45Έ͍ͨʹཉ͍͠Ҏ্ΛಘΔ·Ͱαʔ όʔαΠυͱԿԟ෮͠ͳ͍͍ͯ͘ʣ
ͭ·͖ͣ w 4IPQJGZ"1*ͷ༷ͰҎ্ͩͱ৭ʑ͔͔Δ͔ɻ w αΠτߋ৽࣌ͷϏϧυ࣌ؒɻࡏݿཧ͕͔ͳΓγϏΞͩͱݫ͍͠ɻ w 4IPQJGZ"1*(BUTCZ+4ͷΞοϓσʔτϖʔε͕ૣ͍ͷͰɺৗʹษڧ͢Δ֮ޛ ඞཁɻ
࠷ޙʹ w ࣗͰ༡ͼͰϔουϨεαΠτΛ࡞ͬͯΈ͍ͨͧʂͱ͍͏ํฐࣾϒϩάͰ ৄࡉͳํ๏ॻ͍ͯ·͢ͷͰͥͻ͝ཡ͍ͩ͘͞ɻˠIUUQTXXXOPO TUBOEBSEXPSMEDPKQ w ࠾༻ͯ͠·͢ʂࣄͰϔουϨείϚʔεαΠτ࡞ͬͯΈ͍ͨํͥͻʂ ˠIUUQTXXXOPOTUBOEBSEXPSMEDPKQ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ