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
42
LINE絵文字概観 / FFTT #465
mashabow
0
3.9k
uchino-sensors: 温湿度センサーで値をとってグラフにするよくあるアレ / FFTT #437
mashabow
0
3.3k
日本の新聞の題字あつめました
mashabow
0
2.3k
古典プログラマが量子プログラミングをさわろうとした話 / FFTT #383
mashabow
2
130
ベジエ曲線のなめらかさの話 / Bézier Smoothness
mashabow
21
40k
書体見本帳をながめる / FFLT #12
mashabow
0
350
Other Decks in Programming
See All in Programming
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
50
33k
生成AI時代のコンポーネントライブラリの作り方
touyou
1
120
GraphRAGの仕組みまるわかり
tosuri13
8
530
おやつのお供はお決まりですか?@WWDC25 Recap -Japan-\(region).swift
shingangan
0
110
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
koboriakira
0
510
PicoRuby on Rails
makicamel
2
120
すべてのコンテキストを、 ユーザー価値に変える
applism118
3
1.2k
LINEヤフー データグループ紹介
lycorp_recruit_jp
1
2.3k
都市をデータで見るってこういうこと PLATEAU属性情報入門
nokonoko1203
1
600
プロダクト志向ってなんなんだろうね
righttouch
PRO
0
180
効率的な開発手段として VRTを活用する
ishkawa
0
110
AIプログラマーDevinは PHPerの夢を見るか?
shinyasaita
1
200
Featured
See All Featured
Become a Pro
speakerdeck
PRO
28
5.4k
The Straight Up "How To Draw Better" Workshop
denniskardys
234
140k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
680
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
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