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-31_5W3H
Search
hashimo2
November 01, 2024
5
140
2024-10-31_5W3H
hashimo2
November 01, 2024
Tweet
Share
More Decks by hashimo2
See All by hashimo2
2025-01-11_toden-lt
_hashimo2
0
250
2024-12-17_php_study_171_LT
_hashimo2
0
60
2024-11-21_Engineers,_please_read_“Becoming_SRE”!
_hashimo2
3
110
2024-10-30_Transcending_the_Boundaries between_Engineers_and_Designers
_hashimo2
4
150
2024-10-24_The_Ideal_Manager_For_Members.pdf
_hashimo2
5
190
2024-10-09_D-Plus_LT_by_hashimo2
_hashimo2
7
1.9k
Featured
See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
6
690
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
910
Why Our Code Smells
bkeepers
PRO
337
57k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
228
22k
Navigating Team Friction
lara
186
15k
Designing for Performance
lara
609
69k
How to Ace a Technical Interview
jacobian
276
23k
Designing for humans not robots
tammielis
253
25k
The Language of Interfaces
destraynor
158
25k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
480
Transcript
ʲ8)ʳͷ͍ํ 2024/10/31 YUMEMI.grow あの素晴らしいLTをもう一度 <2024・白秋> - アナタのあのプレゼン、また聴きたくて - Ryohei Hashimoto
はしもつ (@_hashimo2) 2024 Ryohei Hashimoto  1 ΤϯδχΞ͔Β#J[αΠυ ఏҊ͍ͨ͠ͱ͖ͷ
2 自己紹介 3ZPIFJ)BTIJNPUP ͭ͠ !@IBTIJNP 4&4ͰͷϔϧϓσεΫۀΛܦͯɺΤϯδχΞʹసɻ 8FCܥࣄۀձࣾʹͯɺओʹόοΫΤϯυɾΠϯϑϥΛ୲ɻ ͦͷޙɺελʔτΞοϓʹస৬ɻ ˠͰͷϓϩμΫτϦϦʔεɺςοΫϦʔυΛܦݧɻ จܥ
๏ֶ෦ ग़ɻେֶଔۀޙɺ΄Ͳχʔτੜ׆ɻ
3 自己紹介 3ZPIFJ)BTIJNPUP ͭ͠ !@IBTIJNP 4&4ͰͷϔϧϓσεΫۀΛܦͯɺΤϯδχΞʹసɻ 8FCܥࣄۀձࣾʹͯɺओʹόοΫΤϯυɾΠϯϑϥΛ୲ɻ ͦͷޙɺελʔτΞοϓʹస৬ɻ ˠͰͷϓϩμΫτϦϦʔεɺςοΫϦʔυΛܦݧɻ จܥ
๏ֶ෦ ग़ɻେֶଔۀޙɺ΄Ͳχʔτੜ׆ɻ そして…無職(10月より)
4 宣伝 ઌɺॳొஃͷ༷ࢠΛOPUFʹߘͨ͠ͱ͜Ζʜ ͋Γ͕͍ͨ͜ͱʹɺެࣜͷzࠓͷهࣄzʹબΕ·ͨ͠🙌 -5ͷొஃʹ͜Ε͔Βઓ͍ͨ͠ํ͚ͷهࣄͰ͢ɻ ͓ಡΈ͍͚ͨͩΕ͍Ͱ͢ɻ
5 ຊͷ-5ຊهࣄʹهࡌͷॳొஃεϥΠυʹ͍ͭͯ ߏɾσβΠϯΛϦΞϨϯδͨ͠ͷʹͳΓ·͢ɻ ΑΓຊ࣭Λ͍͑ͨʂͱࢥ͍·ͯ͠ 宣伝
6 結論 ΤϯδχΞଆ͔ΒԿΒ͔ͷఏҊΛ͍ͨ͠ʜ
7 結論 ΤϯδχΞଆ͔ΒԿΒ͔ͷఏҊΛ͍ͨ͠ʜ ͦΜͳͱ͖
8 結論 ΤϯδχΞଆ͔ΒԿΒ͔ͷఏҊΛ͍ͨ͠ʜ ͦΜͳͱ͖ ʲ8)ʳ Ͱ
9 結論 ΤϯδχΞଆ͔ΒԿΒ͔ͷఏҊΛ͍ͨ͠ʜ ͦΜͳͱ͖ ʲ8)ʳ ใΛཧ͠·͠ΐ͏ Ͱ
10 エンジニア側の 提案 ͨͱ͑
11 エンジニア側の 提案 ඇޮͳγεςϜͷϦΞʔΩςΫνϟ ϦϓϨΠεΛ͍ͨ͠ʜ
12 エンジニア側の 提案 ඇޮͳγεςϜͷϦΞʔΩςΫνϟ ϦϓϨΠεΛ͍ͨ͠ʜͰ
13 エンジニア側の 提案 ඇޮͳγεςϜͷϦΞʔΩςΫνϟ ϦϓϨΠεΛ͍ͨ͠ʜͰ جຊతʹ ίετ͕͔͔Δ
14 エンジニア側の 提案 ඇޮͳγεςϜͷϦΞʔΩςΫνϟ ϦϓϨΠεΛ͍ͨ͠ʜͰ جຊతʹ ίετ͕͔͔Δ ͔͔࣌ؒΔ
15 lίετz Bizサイドの 気持ち
16 lίετz ͓ۚ ։ൃɾݕূ༻ͷΫϥυඅ༻FUD Bizサイドの 気持ち
17 lίετz ͓ۚ ։ൃɾݕূ༻ͷΫϥυඅ༻FUD ʹΔਓһ ˓ਓ݄ Bizサイドの 気持ち
18 lίετz ͓ۚ ։ൃɾݕূ༻ͷΫϥυඅ༻FUD ʹΔਓһ ˓ਓ݄ Ϣʔβʔͷෛ୲ Bizサイドの 気持ち
19 lίετz ͓ۚ ։ൃɾݕূ༻ͷΫϥυඅ༻FUD ʹΔਓһ ˓ਓ݄ Ϣʔβʔͷෛ୲ ඇΤϯδχΞ৫ #J[αΠυ
Bizサイドの 気持ち
20 lίετz ͓ۚ ։ൃɾݕূ༻ͷΫϥυඅ༻FUD ʹΔਓһ ˓ਓ݄ Ϣʔβʔͷෛ୲ ඇΤϯδχΞ৫ #J[αΠυ
جຊతʹ͋·Γྑ͍ҹΛ๊͔ͳ͍ Bizサイドの 気持ち
21 lίετz ͓ۚ ։ൃɾݕূ༻ͷΫϥυඅ༻FUD ʹΔਓһ ˓ਓ݄ Ϣʔβʔͷෛ୲ ඇΤϯδχΞ৫ #J[αΠυ
جຊతʹ͋·Γྑ͍ҹΛ๊͔ͳ͍ ͞Βʹ Bizサイドの 気持ち
22 lίετz ͓ۚ ։ൃɾݕূ༻ͷΫϥυඅ༻FUD ʹΔਓһ ˓ਓ݄ Ϣʔβʔͷෛ୲ ඇΤϯδχΞ৫ #J[αΠυ
جຊతʹ͋·Γྑ͍ҹΛ๊͔ͳ͍ ͞Βʹz࣌ؒzΛ͔͚ͨ͘ͳ͍ Bizサイドの 気持ち
23 ͓ۚ ։ൃɾݕূ༻ͷΫϥυඅ༻FUD ʹΔਓһ ˓ਓ݄ Ϣʔβʔͷෛ୲ Bizサイドの 気持ち
24 ͓ۚ ։ൃɾݕূ༻ͷΫϥυඅ༻FUD ʹΔਓһ ˓ਓ݄ Ϣʔβʔͷෛ୲ Ұ࣌తʹརӹ͕૬ࡴ͞Εͯ͠·͏ Bizサイドの 気持ち
25 ͓ۚ ։ൃɾݕূ༻ͷΫϥυඅ༻FUD ʹΔਓһ ˓ਓ݄ Ϣʔβʔͷෛ୲ Ұ࣌తʹརӹ͕૬ࡴ͞Εͯ͠·͏ Ϣʔβʔʹରͯ͠৽͍͠ػೳΛಧ͚ਏ͘ͳΔ Bizサイドの 気持ち
26 ͓ۚ ։ൃɾݕূ༻ͷΫϥυඅ༻FUD ʹΔਓһ ˓ਓ݄ Ϣʔβʔͷෛ୲ Ұ࣌తʹརӹ͕૬ࡴ͞Εͯ͠·͏ Ϣʔβʔʹରͯ͠৽͍͠ػೳΛಧ͚ਏ͘ͳΔ ཁʹର͢Δվળ͕͘ͳΔ Bizサイドの
気持ち
27 ͓ۚ ։ൃɾݕূ༻ͷΫϥυඅ༻FUD ʹΔਓһ ˓ਓ݄ Ϣʔβʔͷෛ୲ Ұ࣌తʹརӹ͕૬ࡴ͞Εͯ͠·͏ Ϣʔβʔʹରͯ͠৽͍͠ػೳΛಧ͚ਏ͘ͳΔ ཁʹର͢Δվળ͕͘ͳΔ Bizサイドの
気持ち ͜ΕΒ͕ɺ
28 ͓ۚ ։ൃɾݕূ༻ͷΫϥυඅ༻FUD ʹΔਓһ ˓ਓ݄ Ϣʔβʔͷෛ୲ Ұ࣌తʹརӹ͕૬ࡴ͞Εͯ͠·͏ Ϣʔβʔʹରͯ͠৽͍͠ػೳΛಧ͚ਏ͘ͳΔ ཁʹର͢Δվળ͕͘ͳΔ Bizサイドの
気持ち ͜ΕΒ͕ɺz͍ͭ·Ͱzଓ͘ͷ͔ʜ
29 【 5 W 3 H 】 ͦ͜Ͱʜ
30 【 5 W 3 H 】 ͦ͜Ͱʜ ʲ8)ʳ Λͬͯ
31 【 5 W 3 H 】 ͦ͜Ͱʜ ʲ8)ʳ Λͬͯ
#J[αΠυఏҊ͖͢͜ͱΛ
32 【 5 W 3 H 】 ͦ͜Ͱʜ ʲ8)ʳ Λͬͯ
#J[αΠυఏҊ͖͢͜ͱΛ ཧͯ͠Έ·ͤΜ͔ʁ
33 【 5 W 3 H 】 ͱʜ ʲ8)ʳ
34 【 5 W 3 H 】 ͱʜ ʲ8)ʳ ʲ8)ʳ
ʹ
35 【 5 W 3 H 】 ͱʜ ʲ8)ʳ ʲ8)ʳ
ʹ )PX.BOZ ͱ )PX.VDI Λ
36 【 5 W 3 H 】 ͱʜ ʲ8)ʳ ࢀߟ͏̍֬ೝ͍ͨ͠จষͷجຊʮ̑8̏)ʯ
IUUQTXXXOKHDPKQDPMVNODPMVNO ຊ࣮ۀग़൛ࣾίϥϜ ʲ8)ʳ ʹ )PX.BOZ ͱ )PX.VDI Λ ϓϥεͨ͠จষͷϑϨʔϜϫʔΫ
37 エンジニアの 作業にあてはめる ·ͣ
38 Λ ʲ8)ʳ ·ͣ エンジニアの 作業にあてはめる
39 Λ ʲ8)ʳ ΤϯδχΞͷ࡞ۀʹͯΊΔ ·ͣ エンジニアの 作業にあてはめる
40 8IFO
8IFSF 8IP 8IBU 8IZ )PX )PX.BOZ )PX.VDI エンジニアの 作業にあてはめる
41 ࡞ۀͷظؒɾ։࢝࣌ظ ࡞ۀΛ͢ΔՕॴɾൣғ ࡞ۀΛ୲͢ΔΤϯδχΞ ࡞ۀͷ۩ମతͳ༰ ࡞ۀΛ͢Δཧ༝ɾඞཁੑ ࡞ۀͷํ๏ɾखॱ ࡞ۀʹΑΔӨڹ ࡞ۀʹΔֹۚ
8IFO 8IFSF 8IP 8IBU 8IZ )PX )PX.BOZ )PX.VDI エンジニアの 作業にあてはめる
42 ͦͯ͠ 【 5 W 3 H 】 の 具体例を考える
43 ͷ ʲ8)ʳ ͦͯ͠ 【 5 W 3 H 】
の 具体例を考える
44 ͷ ʲ8)ʳ ۩ମྫΛߟ͑ͯΈΔ ͦͯ͠ 【 5 W 3 H
】 の 具体例を考える
45 【 5 W 3 H 】 の 具体例を考える 8IFO࡞ۀͷظؒɾ։࢝࣌ظ
8IFSF࡞ۀΛ͢ΔՕॴɾൣғ 8IP࡞ۀΛ୲͢ΔΤϯδχΞ 8IBU࡞ۀͷ۩ମతͳ༰ 8IZ࡞ۀΛ͢Δཧ༝ɾඞཁੑ
46 8IFO࡞ۀͷظؒɾ։࢝࣌ظ FYΦϯεέ͔ʁԆ͕ൃੜ͍ͯ͠Δ͔ʁ FYج൫ʁ֎෦࿈ܞʁ$*$%पΓʁυΩϡϝϯτʁ FY࣮ͨ͠ͷʁओಋͨ͠ͷʁϨϏϡϫʔ୭ʁ 8IBU࡞ۀͷ۩ମతͳ༰ FYςετέʔε࡞ʁϦϑΝΫλϦϯάʁ FYͳͥࠓΔඞཁ͕͋Δͷ͔ʁ༏ઌॱҐద͔ʁ 【 5
W 3 H 】 の 具体例を考える 8IZ࡞ۀΛ͢Δཧ༝ɾඞཁੑ 8IFSF࡞ۀΛ͢ΔՕॴɾൣғ 8IP࡞ۀΛ୲͢ΔΤϯδχΞ
47 )PX࡞ۀͷํ๏ɾखॱ )PX.BOZ࡞ۀʹΑΔӨڹ )PX.VDI࡞ۀʹΔֹۚ 【 5 W 3 H 】
の 具体例を考える
48 )PX࡞ۀͷํ๏ɾखॱ FYैདྷͷυΩϡϝϯτͰ0,͔ʁ )PX.BOZ࡞ۀʹΑΔӨڹ FYνʔϜͰ݁͢Δ͔ʁଞͷਓһ͕ඞཁ͔ʁ )PX.VDI࡞ۀʹΔֹۚ FYͲΕ΄Ͳඞཁ͔ʁ FYͦΕͱมߋ͖͢՝͕ଘࡏ͢Δ͔ʁ FYεςʔΫϗϧμʔͷ࿈བྷඞཁ͔ʁ FY࡞ۀલޙͷࠩͲͷఔ͔ʁ
【 5 W 3 H 】 の 具体例を考える
49 ͜ͷ͏ͪ 情報の整理
50 ͜ͷ͏ͪ #J[αΠυʹ 情報の整理
51 ͜ͷ͏ͪ #J[αΠυʹ 8IFO 8IZ )PX.BOZ )PX.VDI Λ 情報の整理
52 ͜ͷ͏ͪ #J[αΠυʹ 8IFO 8IZ )PX.BOZ )PX.VDI Λ ༏ઌతʹ ͑·͠ΐ͏
情報の整理
53 ͳͥʁ 情報の整理
54 ࡞ۀͷظؒɾ։࢝࣌ظ ࡞ۀΛ͢Δཧ༝ɾඞཁੑ ࡞ۀʹΑΔӨڹ ࡞ۀʹΔֹۚ 8IFO 8IZ )PX.BOZ )PX.VDI ࡞ۀΛ͢ΔՕॴɾൣғ
࡞ۀΛ୲͢ΔΤϯδχΞ ࡞ۀͷ۩ମతͳ༰ ࡞ۀͷํ๏ɾखॱ 8IFSF 8IP 8IBU )PX ΤϯδχΞ৫͕ॏࢹ͕ͪ͠ͳใ 情報の整理
55 ࡞ۀͷظؒɾ։࢝࣌ظ ࡞ۀΛ͢Δཧ༝ɾඞཁੑ ࡞ۀʹΑΔӨڹ ࡞ۀʹΔֹۚ 8IFO 8IZ )PX.BOZ )PX.VDI ࡞ۀΛ͢ΔՕॴɾൣғ
࡞ۀΛ୲͢ΔΤϯδχΞ ࡞ۀͷ۩ମతͳ༰ ࡞ۀͷํ๏ɾखॱ 8IFSF 8IP 8IBU )PX ΤϯδχΞ৫͕ॏࢹ͕ͪ͠ͳใશͯ 情報の整理
56 ҰํͰʜ 情報の整理
57 ࡞ۀͷظؒɾ։࢝࣌ظ ࡞ۀΛ͢Δཧ༝ɾඞཁੑ ࡞ۀʹΑΔӨڹ ࡞ۀʹΔֹۚ 8IFO 8IZ )PX.BOZ )PX.VDI ࡞ۀΛ͢ΔՕॴɾൣғ
࡞ۀΛ୲͢ΔΤϯδχΞ ࡞ۀͷ۩ମతͳ༰ ࡞ۀͷํ๏ɾखॱ 8IFSF 8IP 8IBU )PX ඇΤϯδχΞ৫͕ॏࢹ͕ͪ͠ͳใ 情報の整理
58 ࡞ۀͷظؒɾ։࢝࣌ظ ࡞ۀΛ͢Δཧ༝ɾඞཁੑ ࡞ۀʹΑΔӨڹ ࡞ۀʹΔֹۚ 8IFO 8IZ )PX.BOZ )PX.VDI ࡞ۀΛ͢ΔՕॴɾൣғ
࡞ۀΛ୲͢ΔΤϯδχΞ ࡞ۀͷ۩ମతͳ༰ ࡞ۀͷํ๏ɾखॱ 8IFSF 8IP 8IBU )PX ඇΤϯδχΞ৫͕ॏࢹ͕ͪ͠ͳใίετؔ 情報の整理
59 ͭ·Γ 情報の整理
60 ͭ·Γ 情報の整理 ͱ ΤϯδχΞ৫
61 ͭ·Γ 情報の整理 ඇΤϯδχΞ৫ ͱ ΤϯδχΞ৫ Ͱ
62 ͭ·Γ 情報の整理 ඇΤϯδχΞ৫ ͱ ΤϯδχΞ৫ Ͱ ॏࢹ͕ͪ͠ͳ
63 ͭ·Γ 情報の整理 ඇΤϯδχΞ৫ ͱ ΤϯδχΞ৫ Ͱ ॏࢹ͕ͪ͠ͳใ͕ҟͳΔ
64 ͳͷͰ 情報の整理
65 8IFO࡞ۀͷظؒɾ։࢝࣌ظ )PX.BOZ࡞ۀʹΑΔӨڹ )PX.VDI࡞ۀʹΔֹۚ 情報の整理 8IZ࡞ۀΛ͢Δཧ༝ɾඞཁੑ ʩ #J[αΠυͷ
66 8IFO࡞ۀͷظؒɾ։࢝࣌ظ )PX.BOZ࡞ۀʹΑΔӨڹ )PX.VDI࡞ۀʹΔֹۚ 情報の整理 8IZ࡞ۀΛ͢Δཧ༝ɾඞཁੑ ʩ #J[αΠυͷ ఏҊʹࡍͯ͠
67 8IFO࡞ۀͷظؒɾ։࢝࣌ظ )PX.BOZ࡞ۀʹΑΔӨڹ )PX.VDI࡞ۀʹΔֹۚ 情報の整理 8IZ࡞ۀΛ͢Δཧ༝ɾඞཁੑ ʩ ͜ΕΒͷ ̐ใΛ #J[αΠυͷ
ఏҊʹࡍͯ͠
68 8IFO࡞ۀͷظؒɾ։࢝࣌ظ )PX.BOZ࡞ۀʹΑΔӨڹ )PX.VDI࡞ۀʹΔֹۚ 情報の整理 8IZ࡞ۀΛ͢Δཧ༝ɾඞཁੑ ʩ ͜ΕΒͷ ̐ใΛ ༏ઌతʹ
͑·͠ΐ͏ #J[αΠυͷ ఏҊʹࡍͯ͠
69 結論 ͓͞Β͍
70 結論 ΤϯδχΞଆ͔ΒԿΒ͔ͷఏҊΛ͍ͨ͠ʜ ͦΜͳͱ͖ ʲ8)ʳ ใΛཧ͠·͠ΐ͏ Ͱ
71 ͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠🙇