Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
おいでよしっぴつの沼/engineers_lt_201810
@hirosys
October 26, 2018
2
1.3k
おいでよしっぴつの沼/engineers_lt_201810
執筆の技術を勉強する会#1
執筆はたのしいよ
執筆というからハードルが高く感じるよ
自分の想いを外に出していくの簡単!そもそもみんなやってるよ、というお話
@hirosys
October 26, 2018
Tweet
Share
More Decks by @hirosys
See All by @hirosys
研修講師をする際に大切にしていること
hirosys
1
610
JAWS_UG_beginner_2020-02-19_LT
hirosys
0
2k
Timers-meetup-2019-10
hirosys
0
47
I Love Megane
hirosys
0
89
Welcome to Windows 95
hirosys
1
330
井の中の蛙1.11/engineers_lt_201906
hirosys
0
130
techpub07
hirosys
0
100
人見知りでコミュ障かつ口下手な激よわエンジニアが気づいたら登壇を重ねていた件/engineers-lt-201809
hirosys
6
1.1k
Featured
See All Featured
Code Review Best Practice
trishagee
50
11k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
349
27k
Learning to Love Humans: Emotional Interface Design
aarron
263
38k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
2
410
In The Pink: A Labor of Love
frogandcode
132
21k
Art, The Web, and Tiny UX
lynnandtonic
284
18k
Principles of Awesome APIs and How to Build Them.
keavy
117
15k
The Pragmatic Product Professional
lauravandoore
21
3.5k
Scaling GitHub
holman
453
140k
Art Directing for the Web. Five minutes with CSS Template Areas
malarkey
197
10k
For a Future-Friendly Web
brad_frost
166
7.8k
Design by the Numbers
sachag
271
18k
Transcript
[email protected]
ࣥචͷٕज़Λษڧ͢Δձ #1 ͻΖଜͻΖ
[email protected]
Α Ͱ ͍ ͓ Α
Ͱ ͍ ͓ ͬ͠ͽͭ প ͷ
[email protected]
ࠓͷ͓ ࣗݾհͱ͡Ίʹ ͦͦࣥචͱ ૬खΛҙࣝͨ͠ελΠϧ ͬ͠ͽͭͷপજΖ͏
[email protected]
ࠓͷ͓ ࣗݾհͱ͡Ίʹ ͦͦࣥචͱ ૬खΛҙࣝͨ͠ελΠϧ ͬ͠ͽͭͷপજΖ͏
[email protected]
ࣗݾհ ໊લɿଜͻΖ 5XJUUFS
[email protected]
ॴଐɿ4*FSͷओɹ݉ͻΖͷ$&0$50 ٕज़ྖҬɿ ɹɾ"84 ೝఆ4"1ɺ4""ɺ40"
ɹɾετϨʔδ ɹɾιϑτΣΞ࣭อূɺαϙʔτ ɹɾ6*69ɺ76* ɹɾྉཧɺ͓՛ࢠ࡞Γ
[email protected]
ࣥචͨ͠ͷ ٕज़ॻయ • εϚʔτεϐʔΧʔΛ༡ͼ͓ͨ͢ ߹ಉࢽ > ࢠͲͱ༡ͿεϚʔτεϐʔΧʔدߘˍฤू •
Ή͖ͭ͘ΜͱֶͿ"84$-* ٕज़ॻయ • ΕͰ͖ΔʂࢠͲͱҭͯΔεϚʔτεϐʔΧʔ • ॳΊͯͷ"84ೖ<ମݧ൛> • *5ΤϯδχΞ͕ಇ͖ํվֵΛͬͯΈͨ ߹ಉࢽ ۀॻ੶ • ࢠͲͱҭͯΔεϚʔτεϐʔΧʔ ΠϯϓϨε3%ץ ిࢠॻ੶ • εϓϥϯΫ͡ΊͷΠοϙ
[email protected]
ࣥචͨ͠ͷ ίϛοΫͱΒͷ͋ͳ ίϛοΫ;*/ #005)ͰൢചதͰ͢ʂ #005)ͰൢചதͰ͢ʂ BNB[PODPKQ ָఱ#00,4ͳͲͷΦϯϥΠϯॻళ ࡾলಊॻళຊళͳͲͷ ॻళͰൢചதͰ͢ʂ
[email protected]
͜Μͳը૾ɺΈͨ͜ͱ͋Γ·ͤΜ͔
[email protected]
ຖ൩͋Μͳը૾Λష͍ͬͯͨΒɾɾɾ ͏Θ͊ɾɾɾ ͑ͷ͕͍Δͧɾɾɾ
[email protected]
ͳͥɺ͋Μͳը૾ͷঢ়ଶͩͬͨͷ͔ ࣥචॳମݧ໊͕دߘ ͢ΔݪߘͷฤूΛ୲ ࣥචॳମݧ໊ͱͱ ʹ߹ಉࢽͷ࡞ ࣥච։ൃͱฤू ৗۀͷൟࡇΓ ࣥචॳମݧͷ ํͷڥߏங૬ஊ
ϨϏϡʔ࣮ࢪ ݸਓࢽͷࣥච ࢠҭͯ ษڧձࢀՃӡӦߨࢣ
[email protected]
Θ͕ͨ͠ਓͱ͔Ͱͳ͘ ˒ද͖ʹμϝͳํͷʮకۦಈࣥචʯͷਓͰ͢ కۦಈࣥචͱ ɹҹॴͷೖߘకʹ߹Θͤͯࣥච͢ΔελΠϧ ɹྑ͍ํͷకۦಈࣥචɿ ɹɹ֤ҹॴͰઃఆ͞Ε͍ͯΔʮૣׂʯʹ߹ΘͤΔ ɹμϝͳํͷకۦಈࣥචɿ
ɹɹׂ૿ʹͳΒͳ͍ΪϦΪϦͷకʹ߹ΘͤΔ
[email protected]
͖ɺ͔ͩΒ͖ ˒ຊΛಡΉ͜ͱʹՃ͑ͯॻ͘͜ͱ͕ʮେ͖ʯͰָ͍͠ ˒͕ࣗʮେ͖ʯͳ͜ͱΛ͍͑ͨ ͭ·Γɺʮେ͖ʯͳ͜ͱͰ ɹɹɹɹɹɹɹʮେ͖ʯͳͷΛ͍͕͑ͨओ࣠ ʮ͓ؾ࣋ͪۦಈࣥචʯͱ͍͏ελΠϧ͕ຊདྷͷ࢟Ͱ͢
[email protected]
ࣥචָ͍͠Αʂ
[email protected]
ࠓ͓͑͢Δ͜ͱɺ͠ͳ͍͜ͱ ͓͑͢Δ͜ͱ wࣥච͢ΔͱͲ͏͍͏͜ͱ͔ wΘ͕ͨ͠ͳͥࣥච͢Δͷ͔ wͬ͠ͽͭͷপજΓͨ͘ͳͬͨΒͲ͏͢Δͷ͔ ͓͑͠ͳ͍͜ͱ wͲ͏ͬͨΒۀग़൛͔ࣾΒ͔͚ΒΕΔͷ͔ wۀࢽͷҹ੫ wۀ൛ͷചΕߦ͖
wకۦಈࣥච
[email protected]
ࠓճͷςʔϚͰ͍͑
[email protected]
ࠓͷ͓ ࣗݾհͱ͡Ίʹ ͦͦࣥචͱ ૬खΛҙࣝͨ͠ελΠϧ ͬ͠ͽͭͷপજΖ͏
[email protected]
ͦͦࣥචͱ
[email protected]
ʮࣥචʯΛࣙॻͰҾ͍ͯΈͨ ̍จষΛॻ͘͜ͱɻʮࣥචΛґཔ͢Δʯʮࡶࢽʹ࿈ࡌখઆΛࣥච͍ͯ͠Δʯ ̎ॻಓͰɺචͷ࣋ͪํɻ ̏߳ಓͰɺฉ͖߳ͳͲͷڝٕͷͱ͖ʹͳͲΛه͢Δͷਓɻ ʜσδλϧେࣙઘΑΓ ࣥචʹจষΛॻ͘͜ͱʜʁ
[email protected]
จষɺॻ͍ͨ͜ͱ͋Γ·͔͢ ͳ͍ํʂ ຊʹͳ͍Ͱ͔͢ʁ ࣥචʹ ٕज़ॻయॻళͰฒΜͰ͍Δຊɺ খઆɺهࣄΛॻͩ͘ͱࢥ͍ͬͯ·ͤ Μ͔ʁ
[email protected]
ʮจষʯΛࣙॻͰҾ͍ͯΈͨ ̍ จΛ࿈Ͷͯɺ·ͱ·ͬͨࢥɾײΛදݱͨ͠ͷɻओʹࢻ ʹରͯ͠ɺࢄจΛ͍͏ɻ ̎ จ๏ͰɺจΑΓେ͖ͳ୯ҐɻҰจ͚ͩͷ͜ͱ͋Δ͕ɺ௨ৗ͍͘ ͔ͭͷจ͕ू·ͬͯɺ·ͱ·ͬͨࢥɾΛදݱ͢Δͷɻ ̏ Җّɾ༰ّɾจࣙͳͲͱͯ͠ɺʹ͋Δಙͷ֎໘ʹݱΕͨͷɻ
ʮ͓Αͦ͜ͷେਉ(͓ͱͲ)―͏Δ͠͏ͯ͠ʯʪฏՈɾࡾʫ ʜσδλϧେࣙઘΑΓ ࣥචʹจষΛॻ͘͜ͱ ɹɹʹࢥɾײΛදݱ͢Δखஈʂ
[email protected]
ࢥɺײΛදݱ͢Δ wࢥ ͕ࣗߟ͍͑ͯΔ͜ͱɺࢥ͍ͬͯΔ͜ͱɺେʹͯ͠ ͍Δ͜ͱ wײ تౖѩָ͖ͱ͔ݏ͍ͱ͔Ͱදݱ͞ΕΔਓؒͷײ wදݱ Կ͔͠ΒͷࣄฑΛࣗͷ͔Β֎ʹݺͼग़͠ɺଞͷਓ ʹΘΔঢ়ଶʹ͢Δ͜ͱ
[email protected]
͜Μͳܦݧ͋Γ·ͤΜ͔ w ࣗͷؾ࣋ͪߟ͑Λ୭͔ʹ͑Δ w ࿀͍য͕ΕΔେ͖ͳਓͷࠂന࿀จ wେ͖ͳຊɺେ͖ͳٕज़Λଞͷਓʹେ͖ʹ ͳͬͯ΄ͬͯ͘͠ɺڞ༗ͨͬͯ͘͠πΠολʔʹᄁ͘ wେ͖ͳ˓˓ ྫɿөը
ͷײͳͲΛ͓ञΛҿΈͳ͕ ΒޠΓ໌͔ͨ͠
[email protected]
ͦͷܦݧΛूΊͯΒ·ͤΔ w ࠂനπΠολʔͰͦΜͳʹʑͱͨ͠Γɺᄁ͍ͨΓ ͠·ͤΜ w Ͱɺจষจͷू·Γ w จ͕ू·Εจষ͕Ͱ͖͕͋Δ w
ͭ·ΓɺࣥචͦͷͷΛܦݧ͕֮ͨ͑͠ͳͯ͘ɺ͜Ε ·Ͱͷܦݧ͔Βɺʮ͓ؾ࣋ͪۦಈࣥචʯ͕Ͱ͖ΔΑ ͏ʹͳ͍ͬͯ·͢
[email protected]
͋ͱɺॻ͚ͩ͘ w ࣗͷ಄ͷதʹ͋Δɺେ͖ͳؾ࣋ͪΛݴ༿ͱͯ͠ ֎ʹग़͢ w ݴ͍ճ͠ັͤݟͤํΑΓɺ·ͣ֎ʹग़͢ w ֎ʹग़ͨ͠Β͚ͨ͠ΓߜͬͨΓͯ͠ελΠϧΛΑ ͘͢Δ
[email protected]
ࠓͷ͓ ࣗݾհͱ͡Ίʹ ͦͦࣥචͱ ૬खΛҙࣝͨ͠ελΠϧ ͬ͠ͽͭͷপજΖ͏
[email protected]
૬खΛҙࣝͨ͠ελΠϧ
FOHJOFF
[email protected]
૬खΛҙࣝͨ͠ελΠϧͱ ͭ·Γ૬खɺड͚खಡΈखΛҙࣝͨ͠දݱ ྫɿ"84ͱͳʹ͔Λ؆୯ʹઆ໌͢Δ
[email protected]
֎ʹग़͚ͨͩ͠ w "84ɺ"NB[PO͕͍ͬͯΔΫϥυαʔϏεͰ͋Δɻ ΫϥυαʔϏεͱɺίϯϐϡʔλαʔϏεΛΠϯ λʔωοτܦ༝ͰͲ͔͜ΒͰΞΫηε͠ར༻Ͱ͖Δͷ Ͱ͋ΔɻΠϯλʔωοτӢͷΑ͏ͳϚʔΫͰදݱ͞ΕΔ ͜ͱଟ͘ɺʮΫϥυʯͱ͍͏໊લͷ༝དྷʹͳͬͯ ͍ΔɻཧతͳίϯϐϡʔλΛׂ͔͋ͨ͠ෳ͋ Δ͔ͷΑ͏ʹݟͤΔԾϚγϯʜ
ɾɾɾ͋ΕΕʁ͜Ε"84ͷઆ໌ʁΫϥυͱ͜Μͳ ͷͷઆ໌ɾɾɾʁ
[email protected]
ελΠϧΛΑ͘͢Δ w ରಡऀʹ߹ΘͤͯελΠϧΛΑ͘͢Δʹ߹ΘͤΔ w ग़ͯ͘Δ༻ޠ͍ͬͯΔ͘͠ݕࡧͰ͖ΔϨϕϧ w Ұ௨Γઆ໌͠ͳ͍ͱͳΒͳ͍ॳֶऀ͚Ϩϕϧ
[email protected]
ग़ͯ͘Δ༻ޠ͔Δਓ͚ ɹ"84ͱ&$αʔϏεେखͷ"NB[PODPN͕ ͝Ζʹ։࢝ͨ͠ΫϥυίϯϐϡʔςΟ ϯάαʔϏεͰ͋Δɻ ɹॳԾϚγϯσʔλϕʔεͱ͍ͬͨج ຊతͳͷͩͬͨɻݱࡏͰػցֶशԻ߹ ɺը૾ೝࣝͳͲΛؚΉɺΛ͑ΔαʔϏ εɾػೳΛఏڙ͍ͯ͠Δɻ
[email protected]
ॳֶऀɾ༻ޠΛ͋·ΓΒͳ͍ਓ͚ ɹ"84ͱΠϯλʔωοτ௨ൢେखͷBNB[PODPN͕ ͝Ζʹ։࢝ͨ͠ɺΫϥυͱݺΕΔΠϯλʔωο τΛܦ༝͢ΔίϯϐϡʔλͳͲͷ࣌ؒି͠αʔϏεͰ͋Δɻ ɹॳίϯϐϡʔλͳͲجຊతͳͷΛఏڙ͍ͯͨ͠ɻݱ ࡏͰʮػցֶशʯͱݺΕΔɺίϯϐϡʔλʹσʔλΛ༩ ͑ͯڞ௨ͳͲΛಋ͖ग़͢ػೳɺจষσʔλΛͱʹίϯ ϐϡʔλʹΛͤ͞ΔʮԻ߹ʯͱ͍ͬͨͷΛؚΉ Λ͑ΔαʔϏεػೳΛఏڙ͍ͯ͠Δɻ
[email protected]
ྫͷڞ௨ ࣄΛେ͖͍ࢹ͔Βࡉ͔͍ࢹͱҠಈ͍͍ͯͬͯ͠Δ େɿ"84ͱʙ தɾখɿॳʙɺݱࡏͰʙ ΠΩφϦࡉ͔͍Λ͢ΔͰͳ͘ɺטΈࡅ͍͍ͯ͘͜ͱ͕ॏཁ
[email protected]
ࠓͷ͓ ࣗݾհͱ͡Ίʹ ͦͦࣥචͱ ૬खΛҙࣝͨ͠ελΠϧ ͬ͠ͽͭͷপજΖ͏
[email protected]
ͬ͠ͽͭͷপͷΈํ જΓํ
[email protected]
Θ͕ͨࣥ͠චͷপજΔ·Ͱ w ࠷ॳͷপখֶੜ w ࣍ͷপதֶੜ͔ੜ w ͞Βʹͦͷ࣍ߴߍੜ w ͦͯࣾ͠ձਓ͘Β͍ͷࠓ͔Β
[email protected]
খֶߍͷ w ࠃޠͷ՝ͰʮޠΛ࡞ͬͯΈΑ͏ʯͱ͍ͬͨͷ w ̐̌̌ࣈ٧Ίݪߘ༻ࢴͰ̏̌ຕΛ̎िؒͰ ׂจࣈͰຒ·ͬͯΔͱͯ͠จࣈ w ͲΜͳ͔ࡉ͔͍֮͑ͯ͘ͳ͍͚Ͳɺॻ͍͍ͯΔ
ͱ͖ͱָ͔ͬͯͬͨ͜͠ͱΛهԱ͍ͯ͠Δ
[email protected]
தֶߍͷ w ༑ਓ͕Ճೖ͍ͯͨ͠ອݚͷग़͠ͱͯ͠൦ w ϩʔυεౡઓهͱΧϨΧϊʹͲϋϚΓ͍ͯͨ࣌͠ظͳ ͷͰɺͨΒͱۤ͢Δஉ͕ओਓެͷϥϊϕ෩ϑΝϯ λδʔ w ݄಄ʹॻ͖࢝Ί͚ͯͩिؒ
ͭ·Γ Ͱ" ຕ͘Β͍ॻ͍ͯͨɻͬͺΓָ͔ͬͨ͠
[email protected]
ߴߍͷ w ೖֶ࣌ʹจܳ෦ తͳͷ ʹೖ෦ w ϲ݄ʹ̍ճ෦ࢽΛ࡞͠ਤॻࣨͳͲͰ൦ w ͪΐͬͱΞϯάϥͪͬ͘ͳΞϓϦͷղઆهࣄதֶͷ
ͱ͖ͷখઆͷύϥϨϧϫʔϧυΛࣥච w 1$.49Λͬͨ%51Λֶश ɹɹɹɹɹݴ͏·Ͱͳ͘ɺָ͔ͬͨ͠
[email protected]
ࣾձਓͷ w ͜ͷϲ݄Ͱେখ͞·͟·ʹʴЋΛࣥචɾฤू w ࣾձਓͳͷͰதଳ͔Β͘·Ͱࣄ w ࢠͲͱ༡ͼ͍ͨͷͰϝΠϯͷࣥච࣌ؒ࣌Ҏ߱ w ΩοπΠ͚Ͳָ͍͠ɺָ͍͚͠ͲΩοπΠ
w ͜ͷָ͠͞Λ͑ͨͯ͘ɺ͜ͷ׆ಈΛ͡Ί·ͨ͠
[email protected]
࣍ͷপɾɾɾ ٕज़ॻॻ͚͘Ͳɺখઆॻ͖͍ͨͳ ͱ͍͏Θ͚ͰɺདྷͷจܳϑϦϚ จϑ Ϧ ࢀՃࢹʹೖΕ࢝Ί·ͨ͠ ·ͣౙίϛ མ࣍ୈ ˠٕज़ॻయ
[email protected]
ͳΜͰͦΜͳʹॻ͘ͷ͔ ʜָ͍͔͠Β
[email protected]
͋ͳͨͷপͲ͔͜Βʁ w ͲΜͳপʹજΓ͍ͨͰ͔͢ w ͜ͷձʹ͍Δ͔Βͱ͍ͬͯඞٕͣ͠ज़ॻΛॻ͘ඞཁ ͋Γ·ͤΜɻখઆΤοηΠɺϒϩάͰ w Θͨ͋͠ͳ͕ͨॻ͍ͨͷΛಡΈ͍ͨͰ͢ w
ָ͘͠ɺָ͠ΜͰɺॻ͖·͠ΐ
[email protected]
পͷθϩ͔ΒΠν w ͷొஃͷٕज़Ͱͨ͠௨Γɺθϩ͔ΒΠνਐ Ίɺ͋ͱপʹજΔ͚ͩ w ॻ͖͍͚ͨͲಡΜͰΒ͑Δ͔Θ͔Βͳ͍ʁࢲ͕ಡΈ͍ͨʂ w ొஃͱಉ͡Ͱɺ͚ͤͩ͢ɺॻ͚ॻ͚͕ͩ̍̎͘ʹɺ ͕̎̐ʹɺ͕̐̔ʹ̍̒ɺ̏̎ɺ̒̐ɼ̍̎̔ɾɾɾʂ
w ຊΛ࡞Γ͍͚ͨͲ̍࡞ΕΔ΄Ͳ͔͚Δ͔৺ʁ ʮಉਓʯࢽͳΜ͔ͩΒಉͷ࢜Ͱ̔ϖʔδͣͭॻ͍ͯ ɹɹɹਓ͍Ε̏̎ϖʔδʂཱͳബ͍ຊʂ
[email protected]
·ͣɺॻ͍ͯΈΑ͏ʂ
[email protected]
ॻ͜͏ʂͱࢥͬͨΒ w ື͍͋͞Μͱ۽୩༑͞Μ͕ओ࠻ͷʮࣥ͘͘චձʯͱ͍͏ ษڧձɾࣥචձ͕͋Γ·͢ʂ ɹɹ
w Ұॹʹॻ͕ؒ͘Έ͔ͭΓ·͢ʂ w ٕज़ॻͳΒͦͷٕज़͕͖ͳਓͱΓ߹͑·͢ʂ
[email protected]
վΊͯ ࣥචָ͍͠Αʂ