20160524 登壇者女子限定 MilkcocoaGirls! LT

Milkcocoa Girls!で初めてのLTをした時のスライドです。
スマホの向きを変えることで画像エフェクトを変えられるようなものを作ってみました。
Web系の知識はほとんど無い私でも、Milkcocoaは簡単に使えて楽しめたのでオススメです。

Transcript

1. ॳLTͰ͢…ʂɹ@ikppp_730 MilkcocoaͰগ͚ͩ͠ΦγϟϨͿͬͯΈΔ
2. ࣗݾ঺հ ֶੜ࣌୅͸ੜ෺(ॳظൃੜ)ɺΞʔνΣϦʔ ৽ଔ̎೥໨ Qt(C++), VB.NET, Node.js౳ Webͱ͔ϑϩϯτΤϯυͱ͔͸ͬ͞ͺΓ… ϥʔϝϯͱϥΠϒ͕޷͖
3. ಥવͰ͕͢…
4. ಥવͰ͕͢… MilkcocoaΛ͝ଘ஌Ͱ͔͢ʁ
5. ࠓ͞ΒͰ͕͢೦ͷͨΊ ʲMilkcocoaͱ͸ʳ ࣗ෼ͰαʔόΛ༻ҙ͠ͳͯ͘΋σʔλͷอଘɺ ߋ৽ɺऔಘ͕Ͱ͖Δ ϦΞϧλΠϜ௨৴͕҆ఆͯ͠Ͱ͖Δ ༷ʑͳσόΠεɺϓϥοτϑΥʔϜͰ ࢖༻Ͱ͖Δ
6. Milkcocoaͱͷग़ձ͍͔Βࠓ೔·Ͱ લճͷMilkcocoa GirlsʹͳΜͱͳ͘ࢀՃ ɹɹɹɹɹɹɹ˞౰೔·ͰMilkcocoa͕Կऀ͔஌Γ·ͤΜͰͨ͠ɻ
7. Milkcocoaͱͷग़ձ͍͔Βࠓ೔·Ͱ લճͷMilkcocoa GirlsʹͳΜͱͳ͘ࢀՃ ɹɹɹɹɹɹɹ˞౰೔·ͰMilkcocoa͕Կऀ͔஌Γ·ͤΜͰͨ͠ɻ ָͦ͠͏ʂ΍ͬͯΈ͍ͨʂͱࢥ͏
8. Milkcocoaͱͷग़ձ͍͔Βࠓ೔·Ͱ લճͷMilkcocoa GirlsʹͳΜͱͳ͘ࢀՃ ɹɹɹɹɹɹɹ˞౰೔·ͰMilkcocoa͕Կऀ͔஌Γ·ͤΜͰͨ͠ɻ ָͦ͠͏ʂ΍ͬͯΈ͍ͨʂͱࢥ͏ ͜Μͳײ͡ˠ
9. Milkcocoaͱͷग़ձ͍͔Βࠓ೔·Ͱ લճͷMilkcocoa GirlsʹͳΜͱͳ͘ࢀՃ ɹɹɹɹɹɹɹ˞౰೔·ͰMilkcocoa͕Կऀ͔஌Γ·ͤΜͰͨ͠ɻ ָͦ͠͏ʂ΍ͬͯΈ͍ͨʂͱࢥ͏ ؾ෇͍ͨΒLT͢Δ͜ͱʹͳ͍ͬͯ·ͨ͠ ͜Μͳײ͡ˠ
10. ͱΓ͋͑ͣ νϡʔτϦΞϧΛ΍ͬͯΈΑ͏ʂ
11. ʲνϡʔτϦΞϧʳ εϚϗͷ޲͖ΛPCͷϒϥ΢βͰදࣔ Milkcocoaʹແྉొ࿥͢Δ ΞϓϦΛ࡞੒͢Δ(IDऔಘ) εϚϗଆͷίʔυΛॻ͘ PCଆͷίʔυΛॻ͘ ↓ ↑
12. ʲνϡʔτϦΞϧʳ εϚϗͷ޲͖ΛPCͷϒϥ΢βͰදࣔ Milkcocoaʹແྉొ࿥͢Δ ΞϓϦΛ࡞੒͢Δ(IDऔಘ) εϚϗଆͷίʔυΛॻ͘(ίϐϖ) PCଆͷίʔυΛॻ͘(ίϐϖ) →؆୯ʂʂʂ ↓ ↑
13. ίʔυॻ͘✏️✏️✏️ ʢίϐϖʣ
14. ……ʁ
15. ͦ͏͍͑͹ʂ
16. ϑϩϯτΤϯυͷ͜ͱ͸ શવΘ͔Βͳ͍Μͩͬͨʂ ʢ஗͍ʣ
17. ࣮͸… ৭ʑ͍͚᪴ͨͲলུɻ ※ϑϩϯτΤϯυ͕෼͔Δํ͸͔᪴ͳ͍ͱࢥ͍·͢
18. ΍ͬͯΈΑ͏ͱࢥͬͨ͜ͱ εϚϗը໘ʹը૾දࣔ ಈ͖ʹΑͬͯը૾ͷޮՌΛม͑Δ
19. ΍ͬͯΈΑ͏ͱࢥͬͨ͜ͱ εϚϗը໘ʹը૾දࣔ ಈ͖ʹΑͬͯը૾ͷޮՌΛม͑Δ →͜Ε͚ͩͩͱ Milkcocoa࢖ͬͨʂͱ͸ͳΒͳͦ͞͏
20. ΍ͬͯΈͨ͜ͱ εϚϗը໘ʹը૾දࣔ ಈ͖ʹΑͬͯը૾ͷޮՌΛม͑Δ PCը໘ εϚϗͷ →DEMO
21. ·ͱΊ(ٕज़తͳ͜ͱ) σʔλͷ΍ΓऔΓɿ΋ͪΖΜMilkcocoa શମɿNode.js ը૾ͷΤϑΣΫτɿCamanJS ϖʔδͷެ։ɿHeroku
22. ͍᪴ͨ͜ͱ ιʔείʔυΛม͍͑ͯͳ͍ʹ΋ؔΘΒͣɺ σʔλ͕sendɺpushͰ͖ͳ͍͕࣌͋ͬͨɻ →ݪҼෆ໌్͕ͩத͔Β্ख͍͘͘Α͏ʹͳͬͨɻ ෆࢥٞͰ͢…ɻ ᔬམͨը໘Λ࡞Γͨͯ͘΋஌͕ࣝ଍Γͳͯ͘ Ͱ͖ͳ͔ͬͨɻ
23. ࢥͬͨ͜ͱ ϑϩϯτͷ͜ͱ͕Θ͔Βͳͯ͘΋ɺ MilkcocoaΛ࢖͏͜ͱʹؔͯ͠͸໰୊ແ͍ ͓෩࿊ೖͬͯΔ࣌ͱ৸ى͖͕ Ұ൪಄͕ࡓ͑ͯΔ LT͢Δͷ͸ۓுͯ͠ເʹग़ͯ͘Δ…!
24. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ