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
実践・新規流入
Search
ryo-takahashi
March 14, 2024
0
180
実践・新規流入
個人開発LT会 #4 登壇資料
https://individual-development.connpass.com/event/308611/
ryo-takahashi
March 14, 2024
Tweet
Share
More Decks by ryo-takahashi
See All by ryo-takahashi
わいわいコントラクトリーディング会 METAKAWAII
k0uhashi
0
340
Featured
See All Featured
Web Components: a chance to create the future
zenorocha
305
41k
How to train your dragon (web standard)
notwaldorf
73
5.2k
From Idea to $5000 a Month in 5 Months
shpigford
377
45k
Code Reviewing Like a Champion
maltzj
514
39k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Making Projects Easy
brettharned
108
5.5k
Facilitating Awesome Meetings
lara
42
5.6k
In The Pink: A Labor of Love
frogandcode
138
21k
Typedesign – Prime Four
hannesfritz
36
2.1k
Designing for Performance
lara
601
67k
Become a Pro
speakerdeck
PRO
11
4.5k
RailsConf 2023
tenderlove
4
540
Transcript
3ZP5BLBIBTIJ!LVIBTIJ ࣮ફɾ৽نྲྀೖ ݸਓ։ൃ-5ձ
ࣗݾհ 3ZP5BLBIBTIJ!LVIBTIJ w ϑϦʔϥϯεΤϯδχΞ w J04ΞϓϦ։ൃ 4XJGU ϝΠϯɺ /FYUKTŧŔŕŪŦƄş w
ϕϯνϟʔ 👉ελʔτΞο ϓ 👉ಠཱ w .71։ൃɺ6*69σβΠϯɺ 1.'ݕূɺάϩʔεͷ͓ख͍
දΞϓϦ ݸਓͰ։ൃ ϓϥΠϕʔτϒϥβʰϙϧϯʱ w ίϯςϯπϒϩοΫʹಛԽ w ࠂϒϩοΧʔ w :PV5VCFϒϩοΧʔʢνϟϯωϧɾϫ ʔυ୯Ґʣ
w 9ϒϩοΧʔ ΠϯϓϨκϯϏରࡦʣ w ͦͷଞɺ͕ࣗཉ͍͠ͱࢥͬͨศརػೳΛ ৭ʑࡌ w ʰ΅͘ͷ͔Μ͕͍͖͑ͨ͞ΐ͏ͷͿΒ͏ ͟ʱ
ࠓɺ͢͜ͱ ʰ࣮ફɾ৽نྲྀೖʱ w λʔήοτʰΞϓϦΛϦϦʔε͕ͨ͠ɺϢʔβʔ֫ಘʹࠔ͍ͬͯΔʱ w ݸਓͰ։ൃͨ͠ΞϓϦ͕ສ%-͞ΕΔ·Ͱʹͬͨ͜ͱ🚀 w ʮͬͯΑ͔ͬͨ͜ͱʯʮΒͳͯ͘Α͔ͬͨ͜ͱʯʮ͓͚ͬͯΑ͔ͬͨ͜ ͱʯʮࠓޙΓ͍ͨ͜ͱʯ̐ w
ΏΔ͘ڞ༗ɺࢪࡦ͝ͱͷՌඇެ։ w ࠶ݱੑظ͠ͳ͍Ͱ🫣 w εϥΠυެ։͠·͢
ϢʔβʔͷਪҠ ݄ϦϦʔε w 66 w ."6
w 8"6 w %"6 ۙؒͷΞΫςΟϒϢʔβʔ
ϢʔβʔͷਪҠ ݄ϦϦʔε w લ·Ͱ์ஔ͍ͯͨ͠🫠 w ์ஔ͍ͯ͠Δؒ͡Θ͡Θ৳ͼ ͍ͯͨ🥹 w தࠒ͔ΒिͰ։ൃ🔥 w
ϚʔέςΟϯάͦΕͳΓʹؤ ுͬͨ݁Ռɺສ%-ୡ🚀 8"6 d
ϦϦʔεʙϲ݄ ͬͯΑ͔ͬͨ͜ͱ ͓͚ͬͯΑ͔ͬͨ͜ͱ 👇 👇
ͬͯΑ͔ͬͨ͜ͱ ਓʹએɺϑΟʔυόοΫΛ͏ w ༑ୡɺಉ྅ɺՈͱ͔ɻ w ର໘ͰͬͯΒ͍ɺ͢Δ ϙΠϯτΛ֬ೝ w ྫ ௐ͕ಛʹͳ͍ͷͰด͡
ͨ👉ਓؾͷαΠτΛσϑΥϧτ Ͱ༻ҙ👉ՁΛײͯ͡Β͍ ͘͢ͳΓɺܧଓ61
ϦϦʔεʙϲ݄ ͬͯΑ͔ͬͨ͜ͱ ͓͚ͬͯΑ͔ͬͨ͜ͱ 👇 👇
͓͚ͬͯΑ͔ͬͨ ༧จ w ϦϦʔεલ͔Βϝλσʔλ࠷దԽͰ͖Δ w ॳΛग़ͤΔ w धཁΛࣄલʹΔ͜ͱ͕ग़དྷΔ w ಛʹήʔϜΞϓϦͰ༗ޮʢϫΫϫΫײʣ
w ਓʹએ͢Δ࣌ʹซ༻͢ΕΑ͔ͬͨ w ʰϦϦʔεͨ͠Αʂʱ👉ʰݕࡧ͚ͨ͠ Ͳແ͔ͬͨ😭ʱΛ͙ ετΞөͷ ϥά
͓͚ͬͯΑ͔ͬͨ -1ͷ࡞ w ͜ͷޙ̎์ஔ͢Δ͜ͱʹͳΔ w ΫνίϛͰ͡Θ͡Θ%-͕৳ͼΔ ͕ɺ(PPHMFݕࡧͰʮΞϓϦ໊ʯ Ͱώοτ͠ͳ͍ w ػձଛࣦ͕ൃੜʢͨͿΜʣ
์ஔظؒ ಛʹͳʹ͍ͯ͠ͳ͍ͷͰ লུ 👇 👇
݄ࠒʙ ʢࠓͷϝΠϯʣ 👇 👇
݄ʙ ͱʹ͔͍͘Ζ͍Ζͬͨ w -1ͷ࡞ w ΦϯυϝσΟΞʢϒϩάʣ w 4/4Ϛʔέ w "40
w ΣΠτϦετʢ"OESPJE൛ʣ w "QQ4UPSF4FBSDI"ET w ΞϓϦհϝσΟΞͷܝࡌґཔ w :BIPPܙାͷճ w Ϣʔβʔͱͷަྲྀ w ๏ਓ໊ٛʹมߋ w ΪϑςΟϯά w ଟݴޠରԠ w ಈըߘΩϟϯϖʔϯ w
݄ࠒʙ ͬͯΑ͔ͬͨ͜ͱ Βͳͯ͘Α͔ͬͨ͜ͱ ͓͚ͬͯΑ͔ͬͨ͜ͱ ࠓޙΓ͍ͨ͜ͱ 👇 👇
ͬͯΑ͔ͬͨ -1࡞ w "TUSP $MPVE fl BSF1BHFT w "TUSPͷςϯϓϨΛվม w
ಠࣗυϝΠϯͰɺશͯແྉɻ w (PPHMFݕࡧʰΞϓϦ໊ʱώοτ ͢ΔΑ͏ʹͳͬͨɻ IUUQTBTUSPCVJMEUIFNFT ˞υϝΠϯҡ࣋අ͔͔Γ·͢
ͬͯΑ͔ͬͨ ΦϯυϝσΟΞ ϒϩά w "TUSP $MPVE fl BSF1BHFT w "TUSPͷςϯϓϨΛվม
w ಠࣗυϝΠϯͰશͯແྉɻ w هࣄ.%9ϑΝΠϧͰཧ w (JU)VC$PQJMPU͘ΜͷࣥචΞγετ Λ͏ͨΊ w ίετ͔͚ͯྑ͍ਓϔουϨε $.4Λ͏ͷ͕Φεεϝ ˞ϥΠλʔ͞Μʹ֎͍͢͠👉εέʔϧ͍͢͠
ͬͯΑ͔ͬͨ ΦϯυϝσΟΞ ϒϩά w ϥοίΩʔϫʔυͬͯڝ߹ ͷ֫ಘΩʔϫʔυαδΣε τɺݕࡧΛચ͍ग़͠ɺهࣄΛ ࡞ɻ w ͦΕͳΓʹ%-ʹߩݙ
w ΞϓϦͷڧΈͬͯͳΜ͚ͩͬʁ ৼΓฦΔྑ͍ػձ
ͬͯΑ͔ͬͨ͜ͱ 4/4ϚʔέςΟϯά w 9ɺ5JL5PL͕ϝΠϯ Πϯελ์ஔ w ϢʔβʔͱͷަྲྀɺΞοϓσʔτ͓ Βͤɺωλߘɻ w
ສ%-ͷ͏͕ͪ4/4Ϛʔέܦ༝ w ΧςΰϦϥϯΩϯάҐ·Ͱ্͕ͬ ͨ w όζͬͨΒ%-Ք͛Δ͕ɺωλΛߟ ͑Δͷ͕͠ΜͲ͍ɻ
ͬͯΑ͔ͬͨ͜ͱ 4/4ϚʔέςΟϯά w ΄ͱΜͲͷߘແ෩ɻ w 4/4͕ແ෩ͷ࣌ଞࢪࡦ͕ࢧ͑ͯ͘ΕΔ w ͍·͔ΒΔͳΒ5JL5PL w ը૾ͰߘͰ͖Δ
w ⚠࠷ॳͷߘ͕̍൪ϒʔετ͞ΕΔɻ w தͷਓൃ৴࠷ॳྑ͍͚Ͳɺ৭ʑ͠ΜͲ͍ɻ w Ϣʔβʔىͷ4/4ϚʔέςΟϯάΛҙࣝͨ͠΄ ͏͕͍͍ w ߘ༰ɺৄࡉOPUF ˞4/4ϚʔέςΟϯάͭͷమଇͬͯຊಡΜͰ❗
ͬͯΑ͔ͬͨ͜ͱ "40ετΞͷ࠷దԽ w %BUBBJͰݕࡧϘϦϡʔϜڝ߹ΞϓϦ ͷϫʔυΛݟͯௐ w ϨϏϡʔฏۉӨڹͯͦ͠͏ ͳͷͰɺΞϓϦʹՁΛײͯͦ͡͏ͳ λΠϛϯάͰϨϏϡʔμΠΞϩάΛදࣔ w
ܧଓΫϥογϡϨʔτɺΤϯήʔδ ϝϯτ࣌ؒຖேνΣοΫ👀 w σϕϩού໊Λ๏ਓ໊ٛʹ͢ΔͨΊʹ ߹ಉձࣾΛઃཱͨ͠
ͬͯΑ͔ͬͨ͜ͱ ΣΠτϦετ "OESPJE൛ w "OESPJE൛։ൃத w ݅ͷొ ࣌
ͬͯΑ͔ͬͨ͜ͱ "QQMF4FBSDI"ET w λΠτϧจষɺը૾ͷࠂ༻ ΫϦΤΠςΟϒ͕ෆཁ w ͲΕ͘Β͍ͷ୯ՁײͰग़ߘͰ͖Δ ͷ͔֬ೝ͢ΔͨΊʹ࣮ݧ w ࠷େສԁʹ͍͕ͯͨ͠ɺ֬ೝͩ
͚ͳΒ ԁ͘Β͍ͰΑ͔ͬͨ w ͍·ࢿۚʹ༨༟͕ͳ͍ͷͰͬ ͍ͯͳ͍ɻͦͷ͏ͪ࠶։༧ఆ
ͬͯΑ͔ͬͨ͜ͱ ϝσΟΞܝࡌґཔ w "QQMJWʹͯհ͖ͯ͠·͠ ͨɻ w ͋Γ͕ͱ͏͍͟͝·͢🙇
ͬͯΑ͔ͬͨ͜ͱ Ϣʔβʔͱͷަྲྀ w 9 5JL5PLͰ͘ɺઙ͍ަྲྀ w %JTDPSEͰڱ͘ɺਂ͍ަྲྀ w "QQ4UPSFϨϏϡʔʹ͜·Ίʹ ฦ৴
w ʰݴͬͨΒରԠͯ͘͠ΕΔΜ ͩʱ w ʰ͜ͷӡӦΘ͔ͬͯΔʱ %JTDPSE
ͬͯΑ͔ͬͨ͜ͱ :BIPPܙାνΣοΫ w ͨ·ʙʙʙʹ࣭͕ߘ͞ΕΔ w ͋ΔఔͷنʹͳͬͨΒνΣ οΫ͍͍͔ͯ͠ w %-ສҎ্ʁ
݄ࠒʙ ͬͯΑ͔ͬͨ͜ͱ Βͳͯ͘Α͔ͬͨ͜ͱ ͓͚ͬͯΑ͔ͬͨ͜ͱ ࠓޙΓ͍ͨ͜ͱ 👇 👇
Βͳͯ͘Α͔ͬͨ͜ͱ ΪϑςΟϯά w Α͋͘ΔʰΛλμͰૹΔ͔Β13ͯ͠Ͷɻ༰Θͳ ͍Αʱܥ w ϓϨϛΞϜʢ̍ؒʣͷΫʔϙϯΛຊਓͱϓϨθϯτ༻ɺ ߹ܭ̒ͭ w ങ͍Γ൛Λఏڙ͔͕ͨͬͨ͠ɺΈ্͔ͬ͠
ͨɻ w 5JL5PL໊ʹ%. w ༗ঈͰͳΒ͏͚·͢ʢ໊ʣ w Γ·͢ʢ໊̎ʣ w ฦ৴ͳ͠ʢͦΕҎ֎ʣ w πʔϧܥΞϓϦ͍ͯͳ͍ɻʢΠϯσΟʔήʔϜͳΒΞ Ϧʣ 6OTQMBTI+FTT#BJMFZ
Βͳͯ͘Α͔ͬͨ͜ͱ ଟݴޠରԠ w ʰͲ͔ͬͷࠃͰόζΒͳ͍͔ ͳʙʱ👉ແ෩ w ւ֎Ϛʔέɺ4FBSDI"ETΛͬ ͨࠂग़ߘ͔ͬͯ͠ͳ͍ w ւ֎ϚʔέΒͳ͍ͳΒଟݴޠ
ରԠ͠ͳ͍͍ͯ͘ w ·ͣຊ͔Β
݄ࠒʙ ͬͯΑ͔ͬͨ͜ͱ Βͳͯ͘Α͔ͬͨ͜ͱ ͓͚ͬͯΑ͔ͬͨ͜ͱ ࠓޙΓ͍ͨ͜ͱ 👇 👇
͓͚ͬͯΑ͔ͬͨ͜ͱ 135JNFTϓϨε৴ w 135JNFTʹߘͨ͠ϓϨεɺ࿈ܞ ϝσΟΞʹίϐʔܝࡌ͞ΕΔ w ϓϨε༰ʹ63-Λهࡌ͍ͯ͠Δ ߹ϝσΟΞ͔ΒඃϦϯΫΛ͑Δ w 4&0ॱҐ্͕͕ΔՄೳੑ
w ελʔτΞοϓνϟϨϯδ੍Λ͏ ͱແྉʢ݅ɾ্ݶ͋Γʣ w ⚠ձࣾઃཱ͔Β̎·Ͱ ίϐʔܝࡌΛѱ༻ͯ͠ (PPHMF%JTDPWFSʹܝࡌ͞Εͨ ࣭ΞϑΟϒϩά͕͋ͬͨ ͱ͔ͳΜͱ͔
݄ࠒʙ ͬͯΑ͔ͬͨ͜ͱ Βͳͯ͘Α͔ͬͨ͜ͱ ͓͚ͬͯΑ͔ͬͨ͜ͱ ࠓޙΓ͍ͨ͜ͱ 👇 👇
ࠓޙΓ͍ͨ͜ͱ w ༑ୡট w ٳϢʔβʔ۷Γى͜͠ w ΤϯδχΞϦϯάͷ׆༻ w ػೳΛ୯ମͰΓग़ͯ͠4BGBSJ ֦ுػೳͰͷఏڙ
w όΠϥϧࢪࡦ w 4/4γΣΞ༻ͷػೳը໘
ࠓޙΓ͍ͨ͜ͱ ྲྀߦʹศ 5FSBCPYʢετϨʔδཧΞϓϦʣ ๅੴήʔϜ 4JNFKJʢΩʔϘʔυΞϓϦʣ ೣϛʔϜ෩ணͤସ͑ ˞৭ʑͳݖརΛ ৵͠ͳ͍Α͏ ʹҙ
ࠓޙΓ͍ͨ͜ͱ ͓Έ͘͡ɺஅܥ w UP#͚αʔϏε͕Γ͕ͪ w ྑ͍ΞΠσΞͱ࣌ظ͕߹͑ ͬͯΈ͍ͨɻ
ࠓޙΓ͍ͨ͜ͱ ΞϓϦઃετʔϦʔͷߘ w ւ֎ల։ΛຊؾͰૂ͏ͱ͖ w 3FEEJU*OEJF)BDLFSTʹߘ w 1SPEVDU)VOUಉ࣌ฒߦ 6OTQMBTI#SFUU+PSEBO
·ͱΊ
·ͱΊ w ϞόΠϧΞϓϦͷ߹ -1࡞͓ͬͯ͜͏ w ͨ·ͨ·4/4Ͱόζ͓͔ͬͨ͛Ͱɺສ%-ୡͨ͠ w Θ͚Ͱͳ͘4/4όζɺଞࢪࡦ͘Β͍ w Ϣʔβʔ֫ಘࢪࡦɺͬͯΑ͔ͬͨ͜ͱͷ΄͏͕ଟ͍
w ͱΓ͋͑ͣ৭ʑͬͯΈΑ͏🚀
͋ΘͤͯಡΈ͍ͨ લճͷݸਓ։ൃ-5ձͰࣅͨΑ͏ͳ-5͕͋Γ·͢ʂ IUUQTTQFBLFSEFDLDPNLSQLJOEJWJEVBMEFWFMPQNFOU ˞ຊਓ͔ΒܝࡌڐࡁΈ
એ OPUF .&/5" ࢝Ί·ͨ͠🚀
3ZP5BLBIBTIJ!LVIBTIJ ࣮ફɾ৽نྲྀೖ ݸਓ։ൃ-5ձ OPUF .&/5" ΞϓϦ 9 5XJUUFS