Slide 1
Slide 1 text
ײΠϯλϥΫγϣϯЌ
株式会社LIG 菅原 のびすけ
@n0bisuke
sugawara.ryousuke
d͜Ε͔Βͷ*P5άϥϑԽ͡Όͳ͍ͩΖ͏͔d
Slide 2
Slide 2 text
ࣗݾհ
ੁݪ ͷͼ͚͢ LIG inc. ΤϯδχΞ (৽ଔ2ʹ)
ग़ٶੜ·Εؠखҭͪ
ಛٕΘΜͦ͜ ഋ
Ωʔϫʔυ
.JMLDPDPBɺ(`TΞΧσϛʔɺՈԁ
#BB4
*P5
ϦΞϧλΠϜ௨৴ͳͲ͕͖
࠷ۙςΫχΧϧϥΠςΟϯά͕૿͖͑ͯͨ
Slide 3
Slide 3 text
࠷ۙIoTྖҬʹྗೖΕͯ·͢ɻ
͓͠ΖϝσΟΞΛ͍࣋ͬͯΔWeb੍࡞ձࣾ
Slide 4
Slide 4 text
Amazon WebσβΠϯΧςΰϦ 1Ґʂ
ݱͷϓϩ͕ڭ͑Δ WEBσβΠϯ ৽ɾελϯμʔυ
ςΫχοΫ37
એ: ॻ੶σϏϡʔ͠·ͨ͠ʂ
Slide 5
Slide 5 text
ࠓΈΜͳ͕ؾʹͳͬͯΔ
Ͱ͋Ζ͏Λ͠·͢ɻ
ίΠπˠ
Slide 6
Slide 6 text
ࠓΈΜͳ͕ؾʹͳͬͯΔ
Ͱ͋Ζ͏Λ͠·͢ɻ
ίΠπˠ
Slide 7
Slide 7 text
ΫϚJT)VF
Slide 8
Slide 8 text
Hueͬͯ? IUUQXXXNFFUIVFDPNKB+1
ϓϩάϥϜૢ࡞Մೳͳর໌*P5σόΠε
ɾ8FC"1*+BWBTDSJQUͰ੍ޚͰ͖Δ
ɾଟ࠼ͳૢ࡞ ৭ɺ໌Δ͞FUD
Slide 9
Slide 9 text
Q: ͜ͷΫϚԿΛ͍ͯ͠Δʁ
Slide 10
Slide 10 text
A: ձͷΓ্͕ΓΛՄࢹԽ
͍ͯ͠·͢ɻ
Slide 11
Slide 11 text
Ͳ͏ͬͯΔͷ͔…?
ਓͷײΛੳͯ͠
ΠϯλϥΫγϣϯΛ͍ͯ͠·͢ɻ
Slide 12
Slide 12 text
͜͜Ζίϯύε (by εϚʔτϝσΟΧϧ)
IUUQTNBSUNFEJDBMKQJDUDPDPSP@DPNQBTT
͔ΒײΛղੳ
ɾൃͷςϯϙɺԻఔɺ
ͳͲछྨఔͷಛྔ
͔Βࢉग़
ɾҩྍݱͳͲͰར༻
͞Ε͍ͯΔٕज़
Slide 13
Slide 13 text
γεςϜߏ શ෦Javascript!
ൃ
WebAudioAPI
ajax
Hue
Cylon.jsͷHueΞμϓλͰ؆୯ૢ࡞
Slide 14
Slide 14 text
͜ͷΈΛͬͯࡢ#tritonjsͰσϞ͖ͯ͠·ͨ͠ɻ
Slide 15
Slide 15 text
͜ͷΈΛͬͯࡢ#tritonjsͰσϞ͖ͯ͠·ͨ͠ɻ
Slide 16
Slide 16 text
ࡢͱಉ͡༰?
Slide 17
Slide 17 text
ಉ͡ൃද͠ͳ͍ͬ͢ʂ
σϞΛݟͨਓҧ͍͕͔
Δϋζʂ
Slide 18
Slide 18 text
Γ͔ͨͬͨ͜ͱษڧձՄࢹԽ
എܠ: ΠϕϯτΑ͘Δ͠ͳΜ͔ใ
ͱΓ͍ͨɻ
→ ͜͜ΖίϯύεͬͯΓ্͕Γ
ՄࢹԽ
Slide 19
Slide 19 text
ษڧձͷΓ্͕Γ?
ɾൃ͔ΒऔΕΔײ
ɾԻྔʹΑΔձͷ্༙͖͕Γ
ɾπΠʔτ
ɾؾ
ʜͱ͔ͷใΛ͑Δ͔
ϦΞϧλΠϜʹݟΕͨΒΓ্͕Δ͔ͳʂͱ͍͏͜ͱͰ
Slide 20
Slide 20 text
ͭ͘Γ·ͨ͠ʂ
·్ͩத͔ͩΒЌ
Slide 21
Slide 21 text
ͭ͘Γ·ͨ͠ʂ
·్ͩத͔ͩΒЌ
ײ
Ի
ྔ
πΠʔτ
Γ͔ͨͬͨ
Slide 22
Slide 22 text
No content
Slide 23
Slide 23 text
ɾൃ͔ΒऔΕΔײ
ɾԻྔʹΑΔձͷΓ্͕Γ
ɾπΠʔτ
ɾؾ
։ൃঢ়گ
ˡࡢ
ˡࠓ
ˡࠓΓ͔͚ͨͬͨͲʜ
ˡ͍͔ͭΓ͍ͨ
Slide 24
Slide 24 text
ɾݟ͑ͳ͔ͬͨσʔλͷՄࢹԽָ͍͠
ɾσόΠε࿈ܞׂͱ͔ΜͨΜ
ɾσʔλूΊ͍͍͚ͨͲάϥϑԽ͕
໘
ɾYJWFMZతͳαʔϏεधཁ͋Γͦ͏ɻ
࡞ͬͯΈͨײ
ൃදऀεςʔλε: ࣾձਓೋͷ৽ถΤϯδχΞ
Slide 25
Slide 25 text
·ͱΊ
)VFͱ͜͜ΖίϯύεͰձΓ্͕ΓΛՄࢹԽ
ͯ͠Έ·ͨ͠ʂϓϨθϯπʔϧతͳͷΛ࡞
͜Ε͔Βͷ*P5άϥϑԽ͡Όͳ͍͔
ձٞΛՄࢹԽ
ਓήʔϜͬͯΈ͍ͨ
ਫ਼ͱ͔৭ʑௐ͠ͳ͍ͱ
ࠓޙ
Slide 26
Slide 26 text
-*(͕αʔϏεΓ্͛·͢Αɻ
ɾٕज़ܥͳࣥචͨ͠Γ
ɾΠϕϯτ։͍ͨΓ
ɾొஃͨ͠Γ
ɾΠϯλʔϯืूͯ͠·͢ʂ
࠙ձͰ͔͚͍ͯͩ͘͞ʙ
Ҏ্Ͱ͢ʂ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ
ࣄతͳɻ