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
題字ペタペタ:Contentful + Gatsby で作るコレクションサイト / FFTT ...
Search
Masaya Nakamura
September 11, 2020
Programming
0
14k
題字ペタペタ:Contentful + Gatsby で作るコレクションサイト / FFTT #409
題字ペタペタ
https://daipeta.com
ができるまでの話を、社内勉強会で発表しました。
題字ペタペタができるまで - しろもじメモランダム
Masaya Nakamura
September 11, 2020
Tweet
Share
More Decks by Masaya Nakamura
See All by Masaya Nakamura
で、モノレポにして結局どうだったの? / FFTT #522
mashabow
0
35
LINE絵文字概観 / FFTT #465
mashabow
0
3.5k
uchino-sensors: 温湿度センサーで値をとってグラフにするよくあるアレ / FFTT #437
mashabow
0
3.1k
日本の新聞の題字あつめました
mashabow
0
2k
古典プログラマが量子プログラミングをさわろうとした話 / FFTT #383
mashabow
2
120
ベジエ曲線のなめらかさの話 / Bézier Smoothness
mashabow
23
40k
書体見本帳をながめる / FFLT #12
mashabow
0
340
Other Decks in Programming
See All in Programming
Semantic Kernelのネイティブプラグインで知識拡張をしてみる
tomokusaba
0
180
Symfony Mapper Component
soyuka
2
730
モバイルアプリにおける自動テストの導入戦略
ostk0069
0
110
103 Early Hints
sugi_0000
1
230
Beyond ORM
77web
2
330
短期間での新規プロダクト開発における「コスパの良い」Goのテスト戦略」 / kamakura.go
n3xem
2
170
今からはじめるAndroidアプリ開発 2024 / DevFest 2024
star_zero
0
1k
今年一番支援させていただいたのは認証系サービスでした
satoshi256kbyte
1
250
わたしの星のままで一番星になる ~ 出産を機にSIerからEC事業会社に転職した話 ~
kimura_m_29
0
180
MCP with Cloudflare Workers
yusukebe
2
220
14 Years of iOS: Lessons and Key Points
seyfoyun
1
770
KMP와 kotlinx.rpc로 서버와 클라이언트 동기화
kwakeuijin
0
140
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
2
290
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
0
97
Designing on Purpose - Digital PM Summit 2013
jponch
116
7k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
29
2k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
Code Review Best Practice
trishagee
65
17k
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
Facilitating Awesome Meetings
lara
50
6.1k
Building Better People: How to give real-time feedback that sticks.
wjessup
365
19k
Transcript
ࣈϖλϖλ $POUFOUGVM (BUTCZͰ࡞Δ ίϨΫγϣϯαΠτ ݄ !NBTIBCPX
ࠓճͷςʔϚ w ৽ฉͷࣈΛ͋ͭΊͨαΠτΛ࡞ͬͨΑ w ࣈϖλϖλIUUQTEBJQFUBDPN
ܦҢ w Ͷ͜Μ ࠺ ͕ɺ͝ΖʹझຯͰࣈΛ͋ͭΊͨ w Ҏલ͔ΒʮαΠτʹ·ͱΊ͍ͨʯͱ͍͏ฉ͍͍ͯͨ w ݄͝ΖɺલճͷൃදऴΘͬͯҰଉ͍ͭͨͷͰɺ;ͨΓͰΔ͔ʔͱͳͬͨ
w ίϩφͰࡏͷ͕࣌ؒ૿͑ͨ͜ͱ͋Γɺूதͯ͠࡞Δ͜ͱʹ
୲ ઃܭ σʔλऩू ίϯςϯπࣥච ·͠Ό΅͏ɹͶ͜Μ ϩΰ࡞ ࣮ Πϥετ࡞ σβΠϯ
ํ w ·ͣͰ͖Δͱ͜Ζ͔Β࡞ͬͯͬ͞͞ͱಈ͔͢ w ᘳΛٻΊͳ͍ w ָ͘͠Δ w ͕ࣗͨͪཉ͍͠ͷΛ࡞Δ
ࣈը૾Λ༻ҙ͢Δ
εΩϟϯ w ΓऔͬͨࣈΛͳΒͯɺ ී௨ͷεΩϟφͰεΩϟϯ w ͑ͯΈͨΒຕҎ্ͷࣈ͕͋ͬͨ
ը૾ΛΓൈ͘ w ຕຕΓൈ͍ͯอଘ͢Δͷ໘ w Γൈ͖ઐ༻ͷ؆୯ͳΞϓϦΛ࡞ͬͨ w IUUQTHJUIVCDPNNBTIBCPXLJSJOVLJ w IUUQTNBTIBCPXHJUIVCJPLJSJOVLJ
Γൈ͖ΞϓϦ w ຊ w (PPHMFυϥΠϒ͔ΒεΩϟϯը૾Λ։͘ w ͖ྖҬΛࣗಈݕग़ w ϒϥβ্ͰΓൈ͍ͨը૾Λੜ w
ੜͨ͠ը૾ΛΞοϓϩʔυ w ʜ͕Ͱ͖Δͱ͔͍͍͕ͬ͜ɺࠓճΒͳ͔ͬͨ w ͦ͜·ͰͷखؒΛ͔͚Δ΄ͲͷྔͰͳ͍
ࣈը૾͕ἧͬͨ w ΞϓϦͰ࡞ͬͨΓൈ͖σʔλΛͱʹɺ*NBHF.BHJDLͰεΫϦϓτॲཧ w ͜͜·Ͱिؒఔ w ͔ͳΓॱௐ w ϑϧϦϞʔτ͕࢝·ͬͨ͜Ζ
ࣈσʔλΛ$POUFOUGVMʹೖΕΔ
σʔλஔ͖ w σʔλɿࣈͷઆ໌ͱ͔ɺ৽ฉ໊ͱ͔ɺͷछྨͱ͔ʜ w Ͷ͜Μ͕(PPHMFεϓϨουγʔτʹ͋Δఔ·ͱΊ͍ͯͨ w ͕ɺεϓϨουγʔτʹจষΛॻ͍ͨΓɺը૾ΛషͬͨΓ͢ΔͷͭΒ͍
$POUFOUGVM w IFBEMFTT$.4Ͱ͋Δ$POUFOUGVMʹσʔλΛೖΕΔ͜ͱʹͨ͠ w IFBEMFTT$.4Ӿཡऀ͚ͷϏϡʔ͕ͳ͍$.4 w ฤूऀ͚ͷϏϡʔ͋Δ w ݸਓαΠτఔͩͬͨΒ $POUFOUGVMͷແྉʹऩ·Δ
σʔλΛೖΕΔ w $POUFOU5ZQFΛఆٛͯ͠ɺ &OUSZεϓϨουγʔτͷσʔλ͔ΒεΫϦϓτͰྲྀ͠ࠐΈ खͰՃ
(BUTCZͰαΠτΛ࡞Δ
(BUTCZ w $POUFOUGVMIFBEMFTT$.4ͳͷͰɺӾཡऀ͚ͷϏϡʔࣗͰ༻ҙ͢Δ w ԿͰ͍͍͕ɺࠓճ(BUTCZΛͬͨ w 3FBDU (SBQI2-ϕʔεͷ੩తαΠτδΣωϨʔλ w σϑΥϧτͷঢ়ଶͰ͍͍ײ͡ʹ͍αΠτ͕࡞ΕΔ
w ϓϥάΠϯ͕๛ w ͔ͨ͠ΧϩϦʔϝΠτͷϓϩϞʔγϣϯαΠτͰΘΕ͍ͯͨ w $BMPSJF.BUFUP1SPHSBNNFScେ௩ༀ
શମͷߏ w Ͷ͜Μʹઆ໌ͨ͠ͱ͖ͷਤ w σʔλஔ͖$POUFOUGVM w ϖʔδੜ(BUTCZ w ϏϧυɾσϓϩΠ/FUMJGZ w
Α͋͘Δߏ w ͜ͷͰຊޠهࣄ͕͔ͳΓ૿͑ͨؾ͕͢Δ
$POUFOUGVMͷσʔλΛදࣔ w (SBQI2-ͷΫΤϦͰऔಘͰ͖Δ w ։ൃॳظͷࣈৄࡉϖʔδͷྫɿ
ܕ͕΄͍͠ w (BUTCZຊମͷ5ZQF4DSJQUҠߦ͕ਐΈͭͭ͋Δͷͷɺ·ͩಓ w HBUTCZQMVHJOUZQFTDSJQUͱHBUTCZQMVHJOUZQFHFOͰܕΛ͚ͭΔ w HBUTCZOPEFKTͳͲͷ5ZQF4DSJQUԽʹɺUTOPEFΛ͏ w (BUTCZKTΛશ5ZQF4DSJQUԽ͢Δ2JJUB w
5ZQF4DSJQU (BUTCZDPOpHBOEOPEF"1* w (SBQI2-෦ͷܕɺ(BUTCZ͕σʔλ͔Βਪଌ͚͍ͯͯ͠Δ w $POUFOUGVM্ͷ$POUFOU5ZQFͷఆٛແࢹ͞ΕΔ w (BUTCZͷ4DIFNB$VTUPNJ[BUJPO"1*Ͱ্ॻ͖Ͱ͖Δ͕ɺखؒ
3JDI5FYU w 3JDI5FYU$POUFOUGVMͷϑΟʔϧυͷҰछ w ߏ੍͕ݶ͞Ε͍ͯͯ.BSLEPXOΑΓѻ͍͍͢ w ผͷ&OUSZͷϦϯΫΛຒΊࠐΊΔ
3JDI5FYUͷ᠘ w ͕ɺ&OUSZͷϦϯΫ͕૿͑ͯ͘Δͱ(BUTCZͷϏϧυ͕མͪΔ w HBUTCZTPVSDFDPOUFOUGVMͷόάHBUTCZKTHBUTCZ w ࢀরઌͷ&OUSZΛ࠶ؼతʹ·Δ·Δऔಘͯ͠ຒΊࠐΉͱ͍͏߽շͳڍಈ w ॥ࢀর͕͋ΔͱམͪΔɻͳͯ͘མͪΔ w
݁ہී௨ͷϦϯΫʹஔ͖͑ͨ w εΫϦϓτͰҰׅॲཧ
/FUMJGZ'PSNT w ϑΥʔϜͷड͚ޱΛ؆୯ʹ࡞ΕΔɻ͓͍߹ͤϑΥʔϜΛ͜ΕͰ࣮ w GPSNཁૉʹEBUBOFUMJGZUSVFΛࢦఆ͢Δ͚ͩ w ಧ͍ͨ༰Λ4MBDLϝʔϧʹసૹ͢Δ͜ͱͰ͖Δ
σβΠϯ͍͠
σβΠϯ͍͠ w Ͷ͜Μ͕ͻͨ͢Βࢼߦࡨޡ͍ͯͨ͠
৽ฉࢴ෩ͷσβΠϯ w ॳਐΊΑ͏ͱ͍ͨ͠σβΠϯ w ৽ฉࢴ໘ͷີ͕࠶ݱͰ͖ͣɺͲ͏ͯ͠ύνϞϊײ͕ʜ w ݄͝ΖʹͳͬͯɺݱࡏͷσβΠϯͱํస
ߜΓࠐΈϘοΫε w ϑΝʔετϏϡʔͰ·ͣࣈͷྔΛײͯ͡΄͔ͬͨ͠ w ߜΓࠐΈϘοΫείϯύΫτʹ·ͱΊͨ w ͜Μͳͷࢼ͕ͨ͠ɺʮຊࣾॴࡏʯͷத͕ೖΓΒͣஅ೦
εϚϗ͚σβΠϯ w ͣͬͱ1$͚ͷσβΠϯͰ࡞͍ͬͯͨ w िؒલ͙Β͍ʹΨοͱεϚϗʹରԠͤͨ͞ w $IBLSB6*ʢͷϕʔεͷ4UZMFE4ZTUFNʣͷ͓͔͛Ͱ ࢥͬͨΑΓָͩͬͨ w ˢجຊࠨἧ͑ɺ
ɹMHʢQYʣҎ্ͷը໘Ͱதԝἧ͑ʹ͢Δྫ
ίϯϙʔωϯτͷग़͚͠ w ϝχϡʔόʔͱ͔ɺߜΓࠐΈ෦ͱ͔ w 443ͩͱIZESBUF࣌ʹද͕ࣔΨλ͍ͭͯ͠·͏ˠ!BSUTZGSFTOFMͰղফ
ͦͷ΄͔ w ੈͷதͷσβΠφʔ͞Μ͍͢͝ w Πϥετͷྗ͍͢͝ w ϑΥϯτ·ΘΓͰ༧Ҏ্ʹۤઓ͕ͨ͠ɺ͖ΐ͏ׂѪ w ޙϒϩάʹͰॻ͘ w
$44Ͱ৽ฉॻମΛΉͷ͍͠ w 8FCϑΥϯτͷͲ͔͠͞
͓ΘΓʹ
ͬͯΈͯ w Ұ࿈ͷ੍࡞աఔͱɺ֤αʔϏεɾ֤ϥΠϒϥϦΛҰ௨Γ৮Δ͜ͱ͕Ͱ͖ͨ w த͗ͯ͢͠ɺͦΕҎ֎ͷΠϯϓοτɾΞτϓοτ͕͔ͳΓݮͬͨ w Ոఉͷ͕ίϩφͱϖλʹྖ͞Εͯ͠·ͬͨ w Ͷ͜Μ͔ΒΊͬͪΌ๙ΊΒΕͨ w
࡞ָ͍͍ͬͯͯ͠
͜Ε͔Β w ύϑΥʔϚϯε͕શવνϡʔχϯάͰ͖͍ͯͳ͍ͷͰվળ͢Δ w ΞΫηγϏϦςΟϢʔβϏϦςΟ w ܧଓతͳӡ༻ɾίϯςϯπ֦ॆ w աڈͷࣈͷௐࠪ
None