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
44
LINE絵文字概観 / FFTT #465
mashabow
0
4.2k
uchino-sensors: 温湿度センサーで値をとってグラフにするよくあるアレ / FFTT #437
mashabow
0
3.4k
日本の新聞の題字あつめました
mashabow
0
2.5k
古典プログラマが量子プログラミングをさわろうとした話 / FFTT #383
mashabow
2
130
ベジエ曲線のなめらかさの話 / Bézier Smoothness
mashabow
21
41k
書体見本帳をながめる / FFLT #12
mashabow
0
360
Other Decks in Programming
See All in Programming
止められない医療アプリ、そっと Swift 6 へ
medley
1
160
iOSエンジニア向けの英語学習アプリを作る!
yukawashouhei
0
190
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
260
uniqueパッケージの内部実装を支えるweak pointerの話
magavel
0
980
CSC305 Lecture 03
javiergs
PRO
0
240
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
310
デミカツ切り抜きで面倒くさいことはPythonにやらせよう
aokswork3
0
230
非同期jobをtransaction内で 呼ぶなよ!絶対に呼ぶなよ!
alstrocrack
0
720
Django Ninja による API 開発効率化とリプレースの実践
kashewnuts
0
1.3k
Catch Up: Go Style Guide Update
andpad
0
220
理論と実務のギャップを超える
eycjur
0
130
CSC509 Lecture 05
javiergs
PRO
0
300
Featured
See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.5k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
jQuery: Nuts, Bolts and Bling
dougneiner
65
7.9k
Building Adaptive Systems
keathley
43
2.8k
A Tale of Four Properties
chriscoyier
161
23k
Thoughts on Productivity
jonyablonski
70
4.9k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.7k
Building an army of robots
kneath
306
46k
A Modern Web Designer's Workflow
chriscoyier
697
190k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
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