ハッカソンインプット #hackchu / 20180217

Transcript

1. Ӻ͢ͺ͋ͱ WebαʔϏε Ӻ͢ͺ͋ͱ ࿏ઢਤ
2. IJLBSVNBSVZBNB !NBSVZBNBIJBLSV IUUQIJJJJJJJIJLBSVIBUFOBEJBSZDPN Profile ؙࢁͻ͔Δ גࣜձࣾϰΝϧݚڀॴ ςΫχΧϧΤόϯδΣϦετ ਆಸ઒ݝ૬໛ݪࢢࡏॅ
3. גࣜձࣾϰΝϧݚڀॴ • 40೥Ҏ্ଓ͘ITاۀ • ࠃ಺ॳͷ৐׵Ҋ಺ιϑτ“Ӻ͢ͺ͋ͱ” • ܦ࿏୳ࡧΤϯδϯΛ׆༻ͯ͠
 ࣄۀΛల։
4. ࠓճ͸ೋͭͷAPIΛఏڙ ܦ࿏୳ࡧWebAPI Ӻ͢ͺ͋ͱWebαʔϏε ࿏ઢਤJavascriptAPI Ӻ͢ͺ͋ͱ࿏ઢਤ
5. Ӻ͢ͺ͋ͱ WebαʔϏε
6. “Ӻ͢ͺ͋ͱ”͕༷࣋ͭʑͳػೳΛ WebAPIͱͯ͠ఏڙ • ৐׵Ҋ಺αʔϏε • ཱྀඅަ௨අਫ਼ࢉγεςϜ • ෆಈ࢈΍ٻਓαΠτͰΑ͘ΈΔ ʮ௨ۈ/௨ֶ͔Β୳͢ʯػೳ • ࣗࣾαʔϏεͷج൫ Ӻ͢ͺ͋ͱWebαʔϏεɹ֓ཁ ར༻γʔϯ ٕज़ϙΠϯτ • REST API • SSLରԠ • Ϩεϙϯε͸XML or JSON • ϦϑΝϨϯε͸WebͰެ։ • αϯϓϧ͸GithubͰެ։
7. Ӻ৘ใAPIͰΠϯΫϦϝϯλϧαʔν Ӻ͢ͺ͋ͱWebαʔϏεɹͰ͖Δ͜ͱྫ https://roote.ekispert.net
8. ܦ࿏୳ࡧAPIͰܦ࿏୳ࡧ݁Ռදࣔ Ӻ͢ͺ͋ͱWebαʔϏεɹͰ͖Δ͜ͱྫ https://roote.ekispert.net
9. ֎ࠃਓ޲͚αʔϏε ʹ͸ଟݴޠ • ӳޠ • ؖࠃޠ • தࠃޠ(؆ମࣈɺൟମࣈ) • λΠޠ υΩϡϝϯτ͸ඇެ։ͷͨΊ ͝ར༻ر๬ͷํ͸͓ؾܰʹ͓੠͕͚͍ͩ͘͞ Ӻ͢ͺ͋ͱWebαʔϏεɹͰ͖Δ͜ͱྫ https://roote.ekispert.net/en
10. ։ൃ͓໾ཱͪϦϯΫू Ӻ͢ͺ͋ͱWebαʔϏεɹϦϯΫू • Javascript/HTML5αϯϓϧ
 https://github.com/EkispertWebService/GUI • Node-RED Ӻ͢ͺ͋ͱϊʔυ
 https://flows.nodered.org/node/node-red-contrib-ekispert-api • kintone࿈ܞ
 https://github.com/hmaruyama/seisan-by-ekispert-for-kintone • Cognitive services࿈ܞ
 https://qiita.com/hmaruyama/items/fd28cdee19a55fb510b1 • YOLP࿈ܞ
 https://qiita.com/niwasawa/items/dc94f56b6f51f0d5df89
11. 1. ࠓճ͝ར༻͍ͨͩ͘͜ͱ͕Ͱ͖ͳ͍ػೳ • మಓ࣌ࠁදΛར༻ͨ͠ܦ࿏୳ࡧ • ࣌ࠁද • ӡߦ৘ใ σʔλఏڙݩͷࣄۀऀ౎߹ʹΑΓɺ ԼهͷػೳΛ͝ར༻͍ͨͩ͘͜ͱ͕Ͱ͖·ͤΜ 2. ଟݴޠػೳΛར༻ر๬ͷํ͸͓੠͕͚Λ υΩϡϝϯτ͸ඇެ։ͷͨΊɺ ͝ར༻͍ͨ͠৔߹͸͓ؾܰʹ͓੠͕͚͍ͩ͘͞ ͝஫ҙ͍ͩ͘͞ Ӻ͢ͺ͋ͱWebαʔϏεɹར༻্ͷ஫ҙ
12. Ӻ͢ͺ͋ͱ ࿏ઢਤ
13. Ӻ͢ͺ͋ͱ࿏ઢਤɹ֓ཁ • ࿏ઢਤΛ༻͍ͨܦ࿏୳ࡧ • σʔλՄࢹԽ JavascriptͰѻ͑Δ શࠃରԠͷమಓ࿏ઢਤ ར༻γʔϯ ٕज़ϙΠϯτ • Leaflet.js಺แ • εϚϗରԠͷղ૾౓ • ๛෋ͳαϯϓϧू
14. ӺʹϚʔΧʔΛཱͯΔ Ӻ͢ͺ͋ͱ࿏ઢਤɹͰ͖Δ͜ͱྫ
15. ࿏ઢʹઢΛҾ͘ Ӻ͢ͺ͋ͱ࿏ઢਤɹͰ͖Δ͜ͱྫ
16. ӳޠ൛ Ӻ͢ͺ͋ͱ࿏ઢਤɹͰ͖Δ͜ͱྫ
17. × ܦ࿏୳ࡧ݁ՌΛ࿏ઢਤʹදࣔ Ӻ͢ͺ͋ͱ࿏ઢਤɹͰ͖Δ͜ͱྫ
18. × ࢦఆ͞Εͨ࣌ؒ಺ʹ ໊ݹ԰Ӻ͔Βߦ͚ΔӺΛදࣔ Ӻ͢ͺ͋ͱ࿏ઢਤɹͰ͖Δ͜ͱྫ
19. Ӻ͢ͺ͋ͱ࿏ઢਤɹϦϯΫू ։ൃ͓໾ཱͪαϯϓϧ http://rmap.ekispert.jp/sample/
20. ೋͭͷAPIͷར༻ํ๏ • APIͷར༻ʹ͸ΞΫηεΩʔ͕ඞཁͰ͢ • ϋοΧιϯ༻ʹΞΫηεΩʔΛ
 ༻ҙ͍ͯ͠·͢ • खݩͷࢿྉΛ֬͝ೝ͍ͩ͘͞
21. twitter @maruyamahiakru Ͱ ৘ใൃ৴͍ͯ͠·͢ʂ ෼͔Βͳ͍͜ͱ͕͋ͬͨΒ ͓ؾܰʹ࣭͝໰͍ͩ͘͞ʂ