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
BEの肩書き探究クラス@東京_2回目
Search
YOSH
February 24, 2018
0
160
BEの肩書き探究クラス@東京_2回目
YOSH
February 24, 2018
Tweet
Share
More Decks by YOSH
See All by YOSH
BEの肩書き探究クラス@東京_3回目
studyhalljp
1
160
BEの肩書き探究クラス@東京_1回目
studyhalljp
0
230
BEの肩書き<年末年始編>
studyhalljp
3
2.1k
百科学
studyhalljp
0
160
ソーシャルデザインのそもそも
studyhalljp
0
150
U理論とカリキュラムづくり
studyhalljp
1
140
Featured
See All Featured
The World Runs on Bad Software
bkeepers
PRO
61
6.7k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.6k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
242
1.2M
WebSockets: Embracing the real-time Web
robhawkes
59
7k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
What the flash - Photography Introduction
edds
64
11k
Being A Developer After 40
akosma
66
580k
Web development in the modern age
philhawksworth
203
10k
Unsuck your backbone
ammeep
663
57k
Visualization
eitanlees
137
14k
Ruby is Unlike a Banana
tanoku
96
10k
Transcript
ʮ#&ͷݞॻ͖ʯ ୳ڀΫϥε ୈೋճ %0ʷ#&Ͱੜ͖ํΛσβΠϯʂ
Ұ ϲ ݄ ͷ ա ͝ ͠ ํ Λ ҙ
ࣝ ͠ ͯ Έ ͯ ͘ ͩ ͞ ͍ ˕ ʢۚʣ ʮlΘͨ͠ͷ#&zΛ୳ٻ͢Δʯ ʮl͋ͷͻͱͷ#&zΛΔɹதଜਅ͞Μʯ ʮlΘͨ͠ͷ#&zΛදݱ͢Δʯ ʮlΘͨ͠ͷ#&z͔Β͡ΊΔʯ ʙεέδϡʔϧʙ ʢʣ ʢ݄ʣ ʢʣ ʢ݄ʣ ʮz#&ͷݞॻ͖zͬͯԿʁʯ
ཧ Ͱ ͖ Δ ͩ ͚ Ͱ ޚ
ͷ ࣈ Ͱ ͢ ʙΰʔϧʙ lఆ൛zͷʮ#&ͷݞॻ͖ʯΛ ݟ͚ͭΔɺ͚ͩͰͳ͘ɺ ੴΛଧͭ͜ͱ
͠ ͬ ͘ Γ ͘ Δ · Ͱ ɺ ͍
Ζ ͍ Ζ ࢼ ͠ ͯ Έ · ͠ ΐ ͏ ˕ ʙୈ࢛ճʙ ʮ#&ͷݞॻ͖ʯΛൃදʂ
· ͣ Ϧ α ʔ ν ͠ ͯ Έ
Δ ɺ श ׳ Λ ม ͑ Δ ɺ ͳ Ͳ খ ͞ ͳ Ұ า ͔ Β ʙ࠷ऴճʙ ʮ%0ʷ#&ʯએݴͷൃදʂ
ν Σ ο Ϋ Π ϯ ʗ ν Σ ο
Ϋ Ξ τ ɺ Ξ λ Ϛ Λ Γ ସ ͑ Δ ࣌ ؒ ͡·Γͷ࣌ؒʢνΣοΫΠϯʣ ϫʔΫγϣοϓʮ͜ͱͷϒʔέʯ ͓ΘΓͷ࣌ؒʢνΣοΫΞτʣ ϥϯνऴྃʁ ʙλΠϜςʔϒϧʙ ऴྃ
͡·Γͷ࣌ؒ 8PSL$IFDLJO
Ұ൩ͨͬͯɺͲ͏ʁ
ʮ#&ͷݞॻ͖ʯ୳ڀͷཱྀ 8PSLTIPQ
ภѪϚοϓ 8PSL)FOOBJ.BQ
ϢʔμΠϞχΞͱϔυχΞ
ʙϢʔμΠϞχΞʹݸਓతॆײʙ ϔ υ χ Ξ ʹ շ ָ త ɺ
ड ಈ త ɺ ֎ ൃ త ɾࣗʹͽͬͨΓͰ͋Δɺ͍͍ͯΔͱࢥ͏ ɾͲͷςʔϚΑΓੵۃతʹऔΓΉ͜ͱ͕Ͱ͖Δ ɾ͕ࣗΒͳ͚ΕͳΒͳ͍͜ͱͩͱײ͡Δ ɾୡײΛײ͡Δ͜ͱ͕Ͱ͖Δ
ࢼ͠ʹݟͤͯΈΑ͏
ϢʔμΠϞχΞɾΠϯλϏϡʔ 8PSL*OUFSWJFXPG&VEBJNPOJB
ʮ͜͏͍͏ॠ͕ؒͦͤͩ͜ͳ͋ʯͱࢥͬͨɺ͋Δ͍ ʮͰ͖Εɺ͜Μͳ͕࣌ؒ૿͑ͨΒ͍͍ͳʯͱࢥ͏͜ͱʁ ͕࣌ؒܦͭͷΕͯ͠·͏͘Β͍ɺ Λ࣋ͬͯऔΓΜͩɺऔΓΜͰ͍Δ͜ͱʁ ͋ͳͨʹͱͬͯͨΓલͰɺ ೋਓҎ্͔Βʮ͍͢͝ͶʯͱݴΘΕͨɺݴΘΕΔ͜ͱʁ େมͳ͜ͱ͕ىͬͨ͜ͱ͖Ͱɺ Կ͔ͩଓ͚ΒΕͨɺଓ͚ΒΕΔ͜ͱʁ ʮ͜ͷਓੜͰɺ͜Ε͓͖͍ͬͯͨͳ͋ʯɺ͋Δ͍ ʮਓʹઌΛӽ͞ΕͨΒչ͍͠ͳ͋ʯͱࢥ͏͜ͱʁ
୭͔ʹݴΘΕͯʮخ͍͠ͳ͋ʯͱࢥͬͨχοΫωʔϜɺ͋Δ͍ɺ ʮಌΕΔͳ͋ʯʮ໊ͬͯΈ͍ͨͳ͋ʯͱࢥͬͨݞॻ͖ʁ 2ɹ 2ɹ 2ɹ 2 2 2 ˞2Ҏ֎ͳΔ͘ಈࢺͰ
ϢʔμΠϞχΞɾώετϦʔ 8PSL)JTUPSZPG&VEBJNPOJB
Θͨ͠ͷϢʔμΠϞχΞ ʙ͋Δʮɹɹɹɹ͖ʯͷੜʙ ୈ࢛ষɹ݁ʢɹࡀʙɹࡀʣ ʮɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹʯ ୈҰষɹىʢɹࡀʙɹࡀʣ ʮɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹʯ ୈೋষɹঝʢɹࡀʙɹࡀʣ ʮɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹʯ ୈࡾষɹసʢɹࡀʙɹࡀʣ ʮɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹʯ
ͳΜͱʂࣗΛॻ͍ͯ΄͍͠ͱ ґཔ͕͋Γ·ͨ͠ ͯ͞ɺͲΜͳষཱͯʹʁ
Θͨ͠ͷϢʔμΠϞχΞ ʙ͋Δʮษڧ͖ʯͷੜʙ ୈ࢛ষɹ݁ʢࡀʙࡀʣ ʮษڧՈͱͯ͠ͳΒɺੜ͖ΒΕΔؾ͕ͨ͠ʯ ୈҰষɹىʢࡀʙࡀʣ ʮळాΛग़Δʹɺษڧ͔͠ͳ͔ͬͨʯ ୈೋষɹঝʢࡀʙࡀʣ ʮ͍ͭͨ͘Ίʹɺಠֶ͔͠ͳ͔ͬͨʯ ୈࡾষɹసʢࡀʙࡀʣ ʮಠֶͯ͠ɺઐՈʹͳΕͳ͔ͬͨʯ
ɾখֶߍͷςετ͍͍ͩͨͩͬͨ ɾՈͱҰॹʹਤாΫΠζ ɾࣗવͳྲྀΕͰதֶडݧ ɾϑΝογϣϯσβΠφʔʹͳΓ͍ͨ ɾळాΛग़͍ͨɺ౦ژʹߦ͖͍ͨ ɾେֶͷ͍͍ํͩͬͨ ɾ౦ژҭͪɺඒେੜͷίϯϓϨοΫε ɾΣϒσβΠϯΛಠֶͰ ɾਓલͰͨ͠ΓɺจষΛॻ͍ͨΓ ɾϑϦʔϥϯεͱͯ͠ಠཱ ɾHSFFO[KQ্ཱͪ͛ʹؔΘΔ ɾΣϒσβΠϯͰԿ͔ ɾ݁ࠗͨ͠Γɺࠗͨ͠Γ ɾେมͳͱ͖ͰจষΛॻ͘͜ͱͰ͖ͨ ɾӬԕͷೋ൪खɺඈͼಓ۩͔Βͷ٫ ɾษڧՈΛ໊ͬͨɺฤूʹͳͬͨ ɾࡂ͕͋ͬͨ ɾ݁ࠗͨ͠ɺࢠͲ͕ੜ·Εͨ ɾେֶͷઌੜʹͳͬͨ ɾʮ#&ͷݞॻ͖ʯΛΊ͍ͨ
͜ͱͷϒʔέ 8PSL#PVRVFUPG8PSET
͠खɹฉ͖खɹϝϞ ετʔϦʔςϦϯάɹ ৼΓฦΓɹ
ʙ͠खʙ Ώͬ͘Γࢥ͍ग़͠ͳ͕Βɺ ࣗ༝ʹΛͯ͠0,
ʙฉ͖खʙ ૬ṀΛ͏ͭɺݴ༿Λ܁Γฦ͢ͳͲ ͍͢͠งғؾͮ͘ΓΛ ˞ϝϞϝϞ͞Μʹ·͔ͤͯɺௌ͢Δ͜ͱʹूத͍ͯͩ͘͠͞
ʙϝϞʙ ͷͯ͢Ͱͳ͘ɺ େͳΩʔϫʔυද͕มΘͬͨॠؒΛ ϝϞ͍ͯͩ͘͠͞ ˞࣭ฉ͖खʹ·͔ͤͯɺϝϞʹूத͍ͯͩ͘͠͞
ʙৼΓฦΓʙ ετʔϦʔΛฉ͍ͯΈͯɺ ʮͲΜͳਓʯͩͱࢥ͍·͔ͨ͠ʁ खݩͷϝϞΛͱʹɺʮ˓˓ͳਓʯΛ ͨ͘͞Μڍ͛ͯΈ͍ͯͩ͘͞ɻ
ʲߟ͑ํͱߦಈʳ ʲදݱͷ͔ͨ͠ʳ ʲͤͳॠؒʳ ʲ΄͍͠ະདྷʳ ʲ໋ʗఱ໋ʳ ʲχοΫωʔϜʳ ͲΜͳύλʔϯ͕͋Δਓʁ ͲΜͳํ๏Ͱਓʹ͑Α͏ͱ͢Δਓʁ ԿΛ͍ͯ͠Δͱ͖͕ͤͳਓʁ ͲΜͳະདྷΛ࣮ݱ͠Α͏ͱࢥ͍ͬͯΔਓʁ
͜ͷਓੜͰԿΛՌͨͦ͏ͱ͍ͯ͠Δਓʁ Կ͔ʹྫ͑ΔͱʁਓݺΜͰʁ ˞ʮ˓˓ͳਓʯʮ˓˓͢Δਓʯͱ͍͏ܗͰ ˞ʮ˓˓ͳਓʯʮ˓˓͢Δਓʯͱ͍͏ܗͰ ˞ʮ˓˓ͳਓʯʮ˓˓͢Δਓʯͱ͍͏ܗͰ ˞ʮ˓˓ͳਓʯʮ˓˓͢Δਓʯͱ͍͏ܗͰ ˞ʮ˓˓ͳਓʯʮ˓˓͢Δਓʯͱ͍͏ܗͰ
ʙϝοηʔδΧʔυʙ ͋ͳ͕ͨߟ͑Δʮ̋̋ͳਓʯΛɺ ϓϨθϯτ͍ͯͩ͘͠͞ɻ ߹Θͤͯɺ͜ͷػձʹ͍͑ͨ͜ͱɺ ྗʹͳΕͦ͏ͳ͜ͱɺ࣭ͳͲ ࣗ༝ʹॻ͍ͯ0,Ͱ͢ ˞ʮ̋̋͞Μɺ̋̋ΑΓʯͱࠓͷΛඞͣॻ͍͍ͯͩ͘͞
ਅل썬쎪쎆 :04)쎟쎡 ২썿༡쎊썿 ݴ༿쎅ྗ썾 ຊ࣭త쎁썪썿쎂 ؾ썼썢썲썽썦쎣쎢ਓ 썢쎁ʂ 썛썻쎙썙쎡썣썿썝썫썭썛쎕썰ɻ 쎂쎴쏃쏃쏫쎅쏙썗쏠쎩ڭ썟썽Լ썬썛ɻ
썙썿ɺҰॹ쎂২Ԃ썛썤쎕썮쎞썝˕
ϚφέΞɾεέον 8PSLl.BVOB,FBz4LFUDI
ʢNBZʣ#&ͷݞॻ͖ ʙ͔̋̋͠Εͳ͍ਓʙ Θͨ͠ͷ໊લ %0ͷݞॻ ʙ͍̋̋ͯ͠Δਓʙ
ʙϋʔϕετʙ ͲΜͳʮ#&ͷݞॻ͖ʯΛॻ͖·͔ͨ͠ʁ ͦͷ৺ʁ͖͔͚ͬʹͳͬͨͷʁ ˞ൃද͢Δͱ͖ɺ࠷ॳʹʮ#&ͷݞॻ͖ʯΛӅ͍ͯͩ͘͠͞
࠷ޙʹ 8PSLl.BVOB,FBz4LFUDI
͓ΘΓͷ࣌ؒ 8PSL$IFDLPVU
Ͳ͏ͩͬͨʁ ࠓɺؾ͍ͨ͜ͱʁ
ʙ՝ʙ ୈ ࢛ ճ Ͱ ͷ ͪ Ό Ϳ
ฦ ͠ Σ ϧ Χ Ϝ ʂ ఆ൛ͷʮϚφέΞჭᣡཏʯΛ ඳ͍͖͍ͯͯͩ͘͞
%0 %0 %0 %0 #& ʙ˓˓ͳະདྷΛͭ͘Γ͍ͨਓʙ #& ʙ̋̋ͷํ๏Ͱදݱ͢Δਓʙ #& ʙ̋̋ʹͤΛײ͡Δਓʙ
#& ʙ˓˓ͳύλʔϯ͕͋Δਓʙ 쏨 쎰 쏔 쎻 쎬 ჭ ᣡ ཏ .& ʙ˓˓ΛՌͨͦ͏ͱ͍ͯ͠Δਓʙ 쎦 썶 썮 쎅 ໊ લ 쎅
ʙώϯτʙ ҆ ৺ Ͱ ͖ Δ ؒ ʹ ύ
ϥ ϑ Ϩ ʔ ζ ͠ ͯ Β ͍ · ͠ ΐ ͏ ৴པͰ͖Δ༑ਓʹ ʮ͋ͳͨʹͱͬͯɺͲΜͳਓʁʯ ͱਘͶͯΈΔ
ʙώϯτʙ ʮ Ϛ Π ϯ υ ϑ ϧ ɾ ϑ
Υ τ ʯ ͱ ݺ Ε ͯ ͍ · ͢ ʮ͋͋ɺϢʔμΠϞχΞͩͳ͋ʯ ͱײͨ͡ͱ͖ɺ ͦͷࣸਅΛࡱͬͯΈΔ
ʙώϯτʙ ʮ Ξ ʔ ς Ο ε τ ɾ σ
ʔ τ ʯ ͱ ݺ Ε ͯ ͍ · ͢ ϢʔμΠϞχΞͷͨΊʹ ࣗͷ࣌ؒΛͬͯΈΔ
ʙώϯτʙ Φ ʔ ϓ ϯ ι ʔ ε Ͱ ެ
։ ͠ ͯ ͍ · ͢ ˕ #&ͷݞॻ͖ϫʔΫγϣοϓΛ ։͍ͯΈΔ