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.1k
uchino-sensors: 温湿度センサーで値をとってグラフにするよくあるアレ / FFTT #437
mashabow
0
3.4k
日本の新聞の題字あつめました
mashabow
0
2.4k
古典プログラマが量子プログラミングをさわろうとした話 / FFTT #383
mashabow
2
130
ベジエ曲線のなめらかさの話 / Bézier Smoothness
mashabow
21
41k
書体見本帳をながめる / FFLT #12
mashabow
0
350
Other Decks in Programming
See All in Programming
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
180
フロントエンドのmonorepo化と責務分離のリアーキテクト
kajitack
2
140
ワープロって実は計算機で
pepepper
2
1.4k
SOCI Index Manifest v2が出たので調べてみた / Introduction to SOCI Index Manifest v2
tkikuc
1
110
「リーダーは意思決定する人」って本当?~ 学びを現場で活かす、リーダー4ヶ月目の試行錯誤 ~
marina1017
0
240
Namespace and Its Future
tagomoris
4
320
一人でAIプロダクトを作るための工夫 〜技術選定・開発プロセス編〜 / I want AI to work harder
rkaga
13
2.8k
サーバーサイドのビルド時間87倍高速化
plaidtech
PRO
0
490
Understanding Ruby Grammar Through Conflicts
yui_knk
1
130
Terraform やるなら公式スタイルガイドを読もう 〜重要項目 10選〜
hiyanger
13
3.2k
Jakarta EE Core Profile and Helidon - Speed, Simplicity, and AI Integration
ivargrimstad
0
200
実践!App Intents対応
yuukiw00w
1
350
Featured
See All Featured
Building Applications with DynamoDB
mza
96
6.6k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Embracing the Ebb and Flow
colly
87
4.8k
Facilitating Awesome Meetings
lara
55
6.5k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
570
How to Think Like a Performance Engineer
csswizardry
25
1.8k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.5k
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
61k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
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