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
2024-10-09_D-Plus_LT_by_hashimo2
Search
hashimo2
October 09, 2024
5
390
2024-10-09_D-Plus_LT_by_hashimo2
hashimo2
October 09, 2024
Tweet
Share
More Decks by hashimo2
See All by hashimo2
2024-10-24_The_Ideal_Manager_For_Members.pdf
_hashimo2
4
83
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
37
1.8k
How to Think Like a Performance Engineer
csswizardry
19
1k
Gamification - CAS2011
davidbonilla
80
5k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
StorybookのUI Testing Handbookを読んだ
zakiyama
26
5.2k
How To Stay Up To Date on Web Technology
chriscoyier
788
250k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.6k
Imperfection Machines: The Place of Print at Facebook
scottboms
264
13k
Designing for humans not robots
tammielis
249
25k
The Language of Interfaces
destraynor
154
24k
Faster Mobile Websites
deanohume
304
30k
Transcript
·ͣlͦͦzΛ͑·͠ΐ͏ ΤϯδχΞ৫ͷՌΛ͍͑ͨʂ ܦӦඇΤϯδχΞ৫ͱͷձɺͲ͏ͯ͠Δʁ %1MVT5PLZP 3ZPIFJ)BTIJNPUP ͭ͠ !@IBTIJNP  3ZPIFJ)BTIJNPUP
ࣗݾհ 3ZPIFJ)BTIJNPUP ͭ͠ !@IBTIJNP ͱ͋Δͷ͜ͱɺؾ͍ͨΒେֶΛଔۀ͍ͯͨ͠ɻ ಛʹब׆ͯ͠ͳ͔ͬͨͷͰɺ΄Ͳχʔτੜ׆ɻ म࢜՝ఔΛमྃͨ͠ಉڃੜ͕ͨͪब৬͍༷ͯ͘͠Λݟͯ ྲྀੴʹϠό͍ͱࢥ͍ɺԿߟ͑ͣ4&4ܥاۀब৬ɻ ϔϧϓσεΫۀΛ͢Δ͏ͪʹɺࠜຊతʹΛ
ղܾͰ͖ΔΑ͏ʹͳΒͳ͚Ε͍͚ͳ͍ͷͰʁͱ Ұஸલʹߟ͑ɺΤϯδχΞͱͯ͠8FCࣄۀձࣾస৬ɻ ͦͷޙɺελʔτΞοϓʹస৬ɻ ˠͰͷࣗࣾϓϩμΫτͷϦϦʔε ςοΫϦʔυΛܦݧɻ
ΤϯδχΞͷՌʹ͍ͭͯ ܦӦඇΤϯδχΞ৫ͱ ձ͢Δࡍʜ ·ͣ lͦͦzΛ͑Δ͜ͱΛ ߟ͑·͠ΐ͏ɻ
࣍ lͦͦzͱʁ ʲ8)ʳ ͳͥͦͦΛߟ͑Δඞཁ͕͋Δͷ͔ʁ ૬ख͕ඇΤϯδχΞ৫ͷ߹ ૬ख͕ܦӦͷ߹ ݱ࣮ࠅ ͳͥఘΊ͍͚ͯͳ͍ͷ͔ʁ ·ͱΊ
lͦͦz ͱʁ ʲ8)ʳͷ͏ͪɺձͷ૬ख͕ ॏࢹ͍ͯ͠Δ߲ ࢀߟ͏̍֬ೝ͍ͨ͠จষͷجຊʮ̑8̏)ʯ IUUQTXXXOKHDPKQDPMVNODPMVNO ຊ࣮ۀग़൛ࣾίϥϜ lͦͦzͱʜ ͷ͜ͱɻ
࡞ۀͷظؒɾ։࢝࣌ظ ࡞ۀΛͨ͠Օॴɾൣғ ࡞ۀΛ୲ͨ͠ΤϯδχΞ ࡞ۀͷ۩ମతͳ༰ ࡞ۀΛͨ͠ཧ༝ɾඞཁੑ ࡞ۀͷํ๏ɾखॱ ࡞ۀʹΑΔޮՌɾӨڹൣғ ࡞ۀʹΔίετ ʲ8)ʳ
8IFO 8IFSF 8IP 8IBU 8IZ )PX )PX.BOZ )PX.VDI ΛΤϯδχΞͷ࡞ۀʹͯΊΔͱʜ ʲ8)ʳ
8IFO࡞ۀͷظؒɾ։࢝࣌ظ FYΦϯεέ͔ͩͬͨʁԆ͕ൃੜ͔ͨ͠ʁ 8IFSF࡞ۀΛͨ͠Օॴɾൣғ FYج൫ʁ֎෦࿈ܞʁ$*$%पΓʁυΩϡϝϯτʁ 8IP࡞ۀΛ୲ͨ͠ΤϯδχΞ FY࣮ͨ͠ͷʁओಋͨ͠ͷʁϨϏϡϫʔ୭ʁ 8IBU࡞ۀͷ۩ମతͳ༰ FYςετέʔε࡞ʁϦϑΝΫλϦϯάʁ 8IZ࡞ۀͨ͠ཧ༝ɾඞཁੑ
FYͳͥࠓΔඞཁ͕͋ͬͨʁ༏ઌॱҐద͔ʁ ʲ8)ʳ
)PX࡞ۀͷํ๏ɾखॱ FYैདྷͷυΩϡϝϯτͰ͕ແ͔͔ͬͨʁ )PX.BOZ࡞ۀʹΑΔޮՌɾӨڹൣғ FYࣗνʔϜͰ݁ʁผνʔϜ·Ͱٴ͔ͨ͠ʁ )PX.VDI࡞ۀʹΔίετ FYۚમɾਓһ͕ͲΕ΄Ͳඞཁ͔ͩͬͨʁ FYԿΒ͔มߋ͖͢ཁૉ͕ੜ͔ͨ͡ʁ FYεςʔΫϗϧμʔͷ࿈བྷ͕ඞཁ͔ͩͬͨʁ FY࡞ۀલޙͰৗ͔͔࣌Δίετʹ͕ࠩੜ͔ͨ͡ʁ
ʲ8)ʳ
ॏࢹ͕ͪ͠ͳ߲͕ ҟͳΔ͔ΒͰ͢ɻ ΤϯδχΞ৫ͱඇΤϯδχΞ৫Ͱ ͳͥͦͦΛ ߟ͑Δඞཁ͕ ͋Δͷ͔ʁ ͳͥlͦͦzΛߟ͑Δඞཁ͕͋Δͷ͔ʁ ͦΕʜ
࡞ۀͷظؒɾ։࢝࣌ظ ࡞ۀΛͨ͠Օॴɾൣғ ࡞ۀΛ୲ͨ͠ΤϯδχΞ ࡞ۀͷ۩ମతͳ༰ ࡞ۀΛͨ͠ཧ༝ɾඞཁੑ ࡞ۀͷํ๏ɾखॱ ࡞ۀʹΑΔޮՌɾӨڹൣғ ࡞ۀʹΔίετ 8IFO
8IFSF 8IP 8IBU 8IZ )PX )PX.BOZ )PX.VDI ΤϯδχΞ৫͕ॏࢹ͕ͪ͠ͳ߲جຊతʹશͯ ͳͥͦͦΛ ߟ͑Δඞཁ͕ ͋Δͷ͔ʁ
࡞ۀͷظؒɾ։࢝࣌ظ ࡞ۀΛͨ͠ཧ༝ɾඞཁੑ ࡞ۀʹΑΔޮՌɾӨڹൣғ ࡞ۀʹΔίετ 8IFO 8IZ )PX.BOZ )PX.VDI ඇΤϯδχΞ৫͕ॏࢹ͕ͪ͠ͳ߲݁ՌʹΔ߲
ˠͭ·ΓઌʹΓ͍ͨͷ্ͷɻ͜Ε͕zͦͦz ࡞ۀΛͨ͠Օॴɾൣғ ࡞ۀΛ୲ͨ͠ΤϯδχΞ ࡞ۀͷ۩ମతͳ༰ ࡞ۀͷํ๏ɾखॱ 8IFSF 8IP 8IBU )PX ͳͥͦͦΛ ߟ͑Δඞཁ͕ ͋Δͷ͔ʁ
8IFO 8IZ )PX.BOZ ͦͯ͠)PX.VDIΛ ॏࢹͨ͠ձΛ৺͕͚·͠ΐ͏ɻ ૬ख͕ ඇΤϯδχΞ ৫ͷ߹
૬ख͕ඇΤϯδχΞ৫ͷ߹ɺ
࡞ۀͷظؒɾ։࢝࣌ظ ࡞ۀΛͨ͠ཧ༝ɾඞཁੑ ࡞ۀʹΑΔޮՌɾӨڹൣғ ࡞ۀʹΔίετ 8IFO 8IZ )PX.BOZ )PX.VDI ࡞ۀͷܦҢ۩ମతͳ༰ΑΓઌʹɺ݁ՌΛॏࢹͨ͠ձΛ
͢Δ΄͏͕ɺΤϯδχΞͷՌΛ͍͑͢ͱࢥ͍·͢ɻ ࡞ۀΛͨ͠Օॴɾൣғ ࡞ۀΛ୲ͨ͠ΤϯδχΞ ࡞ۀͷ۩ମతͳ༰ ࡞ۀͷํ๏ɾखॱ 8IFSF 8IP 8IBU )PX ૬ख͕ ඇΤϯδχΞ ৫ͷ߹
ͨͱ͑ΤϯδχΞग़ͷ ܦӦऀͰ͋ͬͯ ରඇΤϯδχΞ৫ͷΑ͏ͳ ͑ํΛ৺͕͚·͠ΐ͏ɻ ૬ख͕ ܦӦͷ߹ ૬ख͕ܦӦͷ߹ɺ
ܦӦجຊతʹ ͍͔͠ΒͰ͢ɻ ͳͥͳΒ
࡞ۀͷظؒɾ։࢝࣌ظ ࡞ۀΛͨ͠ཧ༝ɾඞཁੑ ࡞ۀʹΑΔޮՌɾӨڹൣғ ࡞ۀʹΔίετ 8IFO 8IZ )PX.BOZ )PX.VDI ಛʹελʔτΞοϓͳͲɺܦӦ͕ΤϯδχΞग़Ͱ༷ʑͳ
ํ໘Λݟͳ͚Ε͍͚ͳཱ͍ͷ߹ɺ݁ՌΛॏࢹͨ͠ձΛ ͢Δ΄͏͕ɺΤϯδχΞͷՌ͕ΘΓ͍͢ͱࢥ͍·͢ɻ ࡞ۀΛͨ͠Օॴɾൣғ ࡞ۀΛ୲ͨ͠ΤϯδχΞ ࡞ۀͷ۩ମతͳ༰ ࡞ۀͷํ๏ɾखॱ 8IFSF 8IP 8IBU )PX ૬ख͕ ܦӦͷ߹
࡞ۀͷظؒɾ։࢝࣌ظ ࡞ۀΛͨ͠ཧ༝ɾඞཁੑ ࡞ۀʹΑΔޮՌɾӨڹൣғ ࡞ۀʹΔίετ 8IFO 8IZ )PX.BOZ )PX.VDI ͨͩ͠ɺاۀن͕͋Δఔେ͖͍߹ɺ$5071P&ͳͲͷ
ΤϯδχΞ৫ʹಛԽͨ͠৬͕ઃ͚ΒΕ͍ͯΔͣͳͷͰ ͦͷ߹ରΤϯδχΞͱಉ༷ͷձͷ΄͏͕ ܦҢΛؚΊͯৄࡉʹՌΛ͍͑͢ͱࢥ͍·͢ɻ ࡞ۀΛͨ͠Օॴɾൣғ ࡞ۀΛ୲ͨ͠ΤϯδχΞ ࡞ۀͷ۩ମతͳ༰ ࡞ۀͷํ๏ɾखॱ 8IFSF 8IP 8IBU )PX ૬ख͕ ܦӦͷ߹
͔͠͠ ݱ࣮ࠅͰ͢ɻ
ઌड़ͷ௨ΓͷձΛͯ͠ ΤϯδχΞͷՌ͕ ඞͣΘΔͱݶΓ·ͤΜɻ ݱ࣮ࠅ
ఘΊ͍͚ͯ·ͤΜɻ Ͱʜ
͠ɺՌΛ͑ΒΕͳ͔ͬͨͱͯ͠ l͑Α͏ͱͨ͠zͱ͍͏࣮Γ·͢ɻ ·ͨɺඇΤϯδχΞ৫ܦӦͱ ԁͳίϛϡχέʔγϣϯΛਤΔΫηΛ ͚ͭΔ͜ͱͰɺͦΕ͕ࣗͷྐ ίϛϡྗ ʹ ͳ͍ͬͯͣ͘Ͱ͢ɻ ͜ͷྐɺࠓޙੈͷதΛੜ͖͍ͯ͘ҝʹ
ܾͯ͠ແବͳͷͰͳ͍ͱࢥ͍·͢ɻ ͳͥఘΊͯ ͍͚ͳ͍ͷ͔
͠ԾʹɺՌΛ͑Δ͜ͱΛ ΤϯδχΞ৫ࣗମ͕ఘΊͯ͠·ͬͨΒʜ વɺྗͯ͠ೝΊͯΒ͑ͳ͍ͷͰɺ ৫ͷΤϯδχΞୡڈ͍͖ͬͯ·͢ɻ ͦͷઌʹ͍ͬͯΔͷɺ৫ͷנղͰ͢ɻ ·ͨɺ৫ͷנղ΄ͱΜͲͷ߹ اۀʹͱͬͯෆརӹΛͨΒ͠·͢ɻ ࣄ࣮ɺࢲաڈʹͦͷΑ͏ͳঢ়گΛ ͷͨΓʹ͖ͯ͠·ͨ͠ɻ
ͳͥఘΊͯ ͍͚ͳ͍ͷ͔
ݱঢ়ɺՌ͕ΘΒͳ͍͜ͱͰ ܦӦඇΤϯδχΞ৫ʹෆຬΛ࣋ͭ ΤϯδχΞͷํډΒΕΔ͔͠Ε·ͤΜɻ ͔͘ݴ͏ࢲɺ͔ͭͯͦΜͳҰਓͰͨ͠ɻ ͔͠͠ɺ৫ͷנղͱ͍͏݁Λ ͬͯ͠·ͬͨݱࡏɺͨͱ͑ෆຬΛ࣋ͯͲ ৺ͷʹ͠·͍ࠐΜͰɺՌΛ͑ΔྗΛ ଵͬͯͳΒͳ͍ͱߟ͍͑ͯ·͢ɻ ຊ-5Λػʹɺ΄Μͷগ͠ͰڞײΛ
͍͚ͯͨͩͨ͠Βɺେมخ͘͠ࢥ͍·͢ɻ ͳͥఘΊͯ ͍͚ͳ͍ͷ͔
·ͱΊ ΤϯδχΞ৫ͷՌΛ͑Δࡍʹ ૬खͷlͦͦzԿ͔ɺஅ͔ͯ͠Β͑·͠ΐ͏ɻ lͦͦzͱʲ8)ʳͷ͏ͪɺ ৫͕ॏࢹ͍ͯ͠Δ߲ͷ͜ͱͰ͢ɻ ͠ՌΛ͑ΒΕͳ͔ͬͨͱͯ͠ɺ ͑Α͏ͱ͢ΔྗଵΒͳ͍Α͏ʹ͠·͠ΐ͏ɻ
͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠🙇