kintoneで楽々交通費精算！駅すぱあとWebサービス連携ハンズオン #kintonedevcamp / 20180802

Transcript

1. Ͱָʑަ௨අਫ਼ࢉʂ
   Ӻ͢ͺ͋ͱWebαʔϏε
   ࿈ܞϋϯζΦϯ
   2018.08.02
   kintone devCamp 2018
   גࣜձࣾϰΝϧݚڀॴ ؙࢁͻ͔Δ
   

   View Slide

2. IJLBSVNBSVZBNB
   !NBSVZBNBIJBLSV
   IUUQIJJJJJJJIJLBSVIBUFOBEJBSZDPN
   ࣗݾ঺հ
   ؙࢁͻ͔Δ
   גࣜձࣾϰΝϧݚڀॴ
   ςΫχΧϧΤόϯδΣϦετ
   ओͳஶॻɿ
   ʰ͸͡ΊͯͷӺ͢ͺ͋ͱWebαʔϏεʱ
   

   View Slide

3. View Slide

4. ຊ೔ͷΞδΣϯμ
   • kintoneͰަ௨අਫ਼ࢉΞϓϦΛ࡞Ζ͏ - ֓ཁ
   • Ӻ͢ͺ͋ͱWebαʔϏεͱ͸ʁ
   • ϋϯζΦϯ
   1. ΞϓϦςϯϓϨʔτΛಡΈࠐ΋͏
   2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏
   3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏
   4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏
   

   View Slide

5. kintoneͰ
   ަ௨අਫ਼ࢉΞϓϦΛ࡞Ζ͏
   https://bit.ly/2mX5VaX
   

   View Slide

6. Ӻ͢ͺ͋ͱWebαʔϏε
   Ӻσʔλɺܦ࿏ݕࡧͷWebAPI
   Ӻ͢ͺ͋ͱ͕࣋ͭػೳΛ
   WebAPIͱͯ͠ఏڙ
   ٕज़తͳϙΠϯτ
   • RESTfuʢ෩ʣ
   • Ϩεϙϯε͸XML or JSON
   • ϦϑΝϨϯε͸WebͰެ։
   • αϯϓϧ͸GithubͰެ։
   • ৐׵Ҋ಺αʔϏε
   • ཱྀඅަ௨අਫ਼ࢉγεςϜ
   ར༻γʔϯ
   બ΂Δ2ͭͷϓϥϯ
   • ແྉͰ࢖͑ΔϑϦʔϓϥϯ
   • શͯͷػೳ͕࢖͑Δελϯμʔυϓϥϯ
   

   View Slide

7. Ӻ͢ͺ͋ͱWebαʔϏε
   Ӻσʔλɺܦ࿏ݕࡧͷWebAPI
   Ӻ͢ͺ͋ͱ͕࣋ͭػೳΛ
   WebAPIͱͯ͠ఏڙ
   ٕज़తͳϙΠϯτ
   • RESTfuʢ෩ʣ
   • Ϩεϙϯε͸XML or JSON
   • ϦϑΝϨϯε͸WebͰެ։
   • αϯϓϧ͸GithubͰެ։
   • ৐׵Ҋ಺αʔϏε
   • ௨ۈඅ؅ཧγεςϜ
   • ཱྀඅަ௨අਫ਼ࢉγεςϜ
   ར༻γʔϯ
   ࠓճͷϋϯζΦϯͰ͸
   ελϯμʔυϓϥϯͷػೳΛར༻͠·͢
   Ӻ͢ͺ͋ͱWebαʔϏεͷελϯμʔυϓϥϯ͸
   90೔ؒແྉͰ͓ࢼ͠Ͱ͖·͢
   ͓ਃ͠ࠐΈ͸ͪ͜Βˣ
   https://ekiworld.net/trial/index.php?case=6
   

   View Slide

8. ຊ೔ͷϋϯζΦϯ಺༰
   1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏
   2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏
   3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏
   4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏
   ༨༟ͷ͋Δਓ͸·Ͱ΍ͬͯΈΑ͏ʂ
   

   View Slide

9. ຊ೔ͷϋϯζΦϯ಺༰
   1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏
   2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏
   3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏
   4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏
   ༨༟ͷ͋Δਓ͸·Ͱ΍ͬͯΈΑ͏ʂ
   

   View Slide

10. 1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏
    https://github.com/hmaruyama/
    seisan-by-ekispert-for-kintone/
    archive/master.zip
    ZIPϑΝΠϧͷμ΢ϯϩʔυ
    

    View Slide

11. 1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏
    ZIPϑΝΠϧͷμ΢ϯϩʔυ
    IBOETPO
    ᵓᴷᴷ
    ᴹᵓᴷᴷFLJTQFSUKT
    ᴹᵋᴷᴷަ௨අਃ੥ΞϓϦ[JQ
    ᵓᴷᴷ
    ᴹᵓᴷᴷFLJTQFSUKT
    ᴹᵋᴷᴷFYQ(VJ$POEJUJPO
    ᴹᵓᴷᴷFYQ$TT
    ᴹᴹᵋᴷᴷFYQ(VJ$POEJUJPODTT
    ᴹᵓᴷᴷFYQ(VJ$POEJUJPOKT
    ᴹᵋᴷᴷFYQ*NBHFT
    ᵋᴷᴷ
    ᵓᴷᴷFLJTQFSUKT
    ᵓᴷᴷFLJTQFSU%FUBJMKT
    ᵋᴷᴷަ௨අਃ੥ৄࡉΞϓϦ[JQ
    ;*1ϑΝΠϧͷத਎ͷ
    σΟϨΫτϦߏ੒Ͱ͢
    

    View Slide

12. 1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏
    ZIPϑΝΠϧͷߏ੒
    IBOETPO
    ᵓᴷᴷ
    ᴹᵓᴷᴷFLJTQFSUKT
    ᴹᵋᴷᴷަ௨අਃ੥ΞϓϦ[JQ
    ᵓᴷᴷ
    ᴹᵓᴷᴷFLJTQFSUKT
    ᴹᵋᴷᴷFYQ(VJ$POEJUJPO
    ᴹᵓᴷᴷFYQ$TT
    ᴹᴹᵋᴷᴷFYQ(VJ$POEJUJPODTT
    ᴹᵓᴷᴷFYQ(VJ$POEJUJPOKT
    ᴹᵋᴷᴷFYQ*NBHFT
    ᵋᴷᴷ
    ᵓᴷᴷFLJTQFSUKT
    ᵓᴷᴷFLJTQFSU%FUBJMKT
    ᵋᴷᴷަ௨අਃ੥ৄࡉΞϓϦ[JQ
    ࣍ͷ޻ఔͰ
    ʮަ௨අਃ੥ΞϓϦ[JQʯ
    Λར༻͠·͢
    

    View Slide

13. ΞϓϦςϯϓϨʔτͷಡΈࠐΈ
    1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏
    

    View Slide

14. ΞϓϦςϯϓϨʔτͷಡΈࠐΈ
    1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏
    ʮަ௨අਃ੥ΞϓϦ[JQʯ
    ΛಡΈࠐΈ·͢
    

    View Slide

15. ΞϓϦςϯϓϨʔτͷಡΈࠐΈ
    1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏
    

    View Slide

16. JavaScriptϑΝΠϧͷฤू
    QBUIUPIBOETPOFLJTQFSUKTϑΝΠϧΛ
    ΤσΟλ౳Ͱ։͖·͢
    (function($) {
    "use strict";
    // Ӻ͢ͺ͋ͱWebαʔϏεͷΞΫηεΩʔ
    var ekispertAccessKey = ‘xxx..’;
    // ަ௨අਃ੥ৄࡉΞϓϦID
    var detailAppId = '';
    ަ௨අਃ੥ৄࡉΞϓϦͷ
    ΞϓϦ*%Λೖྗ͠·͢
    ϑΝΠϧΛอଘ
    1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏
    

    View Slide

17. ݩʑஔ͍ͯ͋Δ

    FLJTQFSUKTϑΝΠϧΛʮºʯϘλϯͰ࡟আ
    ઌ΄Ͳอଘͨ͠FLJTQFSUKT

    ϑΝΠϧΛࢦఆ
    ϑΝΠϧͷಡΈࠐΈ
    1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏
    

    View Slide

18. ΞϓϦͷߋ৽
    ࠷ޙʹΞϓϦΛߋ৽ͯ͠
    ઃఆ͸׬ྃͰ͢
    1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏
    

    View Slide

19. 1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏
    ڍಈͷ֬ೝ
    ৭ʑಈ͔ͯ͠Έͯ
    ͜ͷಈըͱಉ͡Α͏ͳڍಈΛ͍ͯ͠Δ͔
    ֬ೝͯ͠Έ͍ͯͩ͘͞
    https://bit.ly/2n0IOwo
    

    View Slide

20. 1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏
    ิ଍
    ϒϥ΢βͷ։ൃऀπʔϧ
    ʢ8JOͳΒ' NBD04ͳΒ0QUJPO$PNNBOEJʣ

    Λ্ཱͪ͛ͨঢ়ଶͰΞϓϦΛಈ͔͢ͱɾɾɾ
    ͳʹ΍Βը૾͕ಡΈࠐ·Ε͍ͯͳ͍ͱ͍͏Τϥʔ͕
    

    View Slide

21. 1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏
    ิ଍
    ݪҼɿ
    ʮ)5.-ΠϯλʔϑΣʔεαϯϓϧʯͰ͸ɺ
    $44͔Βར༻͢Δը૾Λ૬ରύεͰಡΈࠐΜͰ͍Δɻ
    LJOUPOFͰ͸ը૾ϑΝΠϧͷΞοϓϩʔυ͕Ͱ͖ͳ͍ͨΊಡΈࠐΈΤϥʔͱͳΔ
    ରࡦɿ
    ը૾ϑΝΠϧΛؚΉϑΝΠϧ܈ΛϗεςΟϯάͯ͠
    63-ࢦఆͰLJOUPOF͔ΒΞΫηε͢Δ
    ϋϯζΦϯத͸ಛʹରࡦͤͣɺ͜ͷ··ਐΊͪΌ͍·͢Ͷʂ
    ࣮ࡍʹΞϓϦΛར༻͞ΕΔࡍ͸͝ݕ౼͍ͩ͘͞
    

    View Slide

22. ຊ೔ͷϋϯζΦϯ಺༰
    1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏
    2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏
    3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏
    4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏
    ༨༟ͷ͋Δਓ͸·Ͱ΍ͬͯΈΑ͏ʂ
    

    View Slide

23. 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏
    ఆظܦ࿏ΛׂΓ౰ͯΔ
    ௨ۈఆظׂ͕݊Γ౰ͯΒΕͨঢ়ଶͷֹۚΛ
    ग़ͯ͠ཉ͍͠Ͱ͢ΑͶ
    

    View Slide

24. 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏
    APIͷ࢓༷
    ܦ࿏୳ࡧ"1*ͷϦΫΤετྫɿ
    IUUQTBQJFLJTQFSUKQWKTPOTFBSDIDPVSTF
    FYUSFNF
    LFZYYYWJB-JTUEBUF
    TFBSDI5ZQFQMBJO
    

    View Slide

25. 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏
    APIͷ࢓༷
    https://api.ekispert.jp/v1/json/search/course/
    extreme?key=xxx&viaList=22905:22884&date=201807
    20&searchType=plain
    ϒϥ΢β͔Β
    ΞΫηεͯ͠ΈΑ͏
    

    View Slide

26. 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏
    APIͷ࢓༷
    https://api.ekispert.jp/v1/json/search/course/extreme?
    key=xxx&viaList=22905:22884&date=20180720&searc
    hType=plain
    ϒϥ΢β͔Β
    ΞΫηεͯ͠ΈΑ͏
    +40/σʔλͷϨεϙϯε͕ݟͮΒ͍ʁ
    LJOUPOFΞϓϦ಺Ͱ࣮ࡍʹୟ͍͍ͯΔͷ͸͖ͬ͞ͷ63-Ͱ͕͢
    9.-σʔλͷํ͕ݟ΍͍͔͢΋ͳͷͰ
    ͔͜͜Β͸9.-σʔλͰઆ໌͠·͢Ͷ
    ˞σʔλϑΥʔϚοτ͕ҟͳΔ͚ͩͰத਎͸ಉ͡Ͱ͢
    https://api.ekispert.jp/v1/xml/search/course/extreme?
    key=xxx&viaList=22905:22884&date=20180720&search
    Type=plain
    

    View Slide

27. 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏
    APIͷ࢓༷
    https://api.ekispert.jp/v1/xml/search/course/extreme?
    key=xxx&viaList=22905:22884&date=20180720&searchType=
    plain
    ΫΤϦύϥϝʔλɿ
    σʔλϑΥʔϚοτɿ
    9.-PS+40/͕ࢦఆͰ͖·͢
    "1*ͷػೳɿ
    ަ௨අਫ਼ࢉΞϓϦͷཪଆͰ͸
    Ӻ؆қ৘ใ"1* TUBUJPOMJHIU
    
    ܦ࿏୳ࡧ"1* TFBSDIDPVSTFFYUSFNF
    
    ͳͲ͕ར༻͞Ε͍ͯ·͢
    LFZ Ӻ͢ͺ͋ͱ8FCαʔϏεͷΞΫηεΩʔ
    WJB-JTU ग़ൃ஍ɺܦ༝஍ɺ౸ண஍
    EBUF ୳ࡧ೔ʢ::::..%%ʣ
    TFBSDI5ZQF ୳ࡧछผ
    

    View Slide

28. 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏
    APIͷ࢓༷
    https://api.ekispert.jp/v1/xml/search/course/extreme?
    key=xxx&viaList=22905:22884&date=20180720

    &searchType=plain
    ग़ൃ஍ɺܦ༝஍ɺ౸ண஍ΛͦΕͧΕίϩϯʮʯͰ۠੾Γ·͢ɻ

    ʮʯ͸ീԦࢠӺͷӺίʔυɺʮʯ͸೔ຊڮ ౦ژ౎
    ӺͷӺίʔυΛ

    ද͍ͯ͠·͢ɻWJB-JTUʹ͸ɺӺίʔυҎ֎ʹ΋ɺӺͷ໊শɺҢ౓ܦ౓ɺॅॴͳͲΛ

    ࢦఆ͢Δ͜ͱ͕Ͱ͖·͢ɻ
    Ӻ͢ͺ͋ͱ8FCαʔϏεͰ͸ɺμΠϠσʔλΛ࢖͏୳ࡧʢμΠϠʹΑΔ୳ࡧʣͱɺ

    ฏ೔೔தͷฏۉతͳॴཁ࣌ؒΛར༻ͨ͠୳ࡧʢฏۉ଴ͪ࣌ؒʹΑΔ୳ࡧʣͷ

    ೋͭͷ୳ࡧํ๏͕͋ΓɺͦΕΛ͞Βʹࡉ෼Խͨ͠΋ͷ͕୳ࡧछผͱͳΓ·͢ɻ
    

    View Slide

29. 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏
    APIͷ࢓༷
    https://api.ekispert.jp/v1/xml/search/course/extreme?
    key=xxx&viaList=22905:22884&date=20180720

    &searchType=plain&assignTeikiSerializeData=VkV4QaECpzzHAQED
    pgEz7vsEk8EBpVjDwQGlWNXBAaVYjwWSwwEBA6UBNQSlWNXEA
    QECAQOkbQSlWI8HksUBpVjDAqVY1QMABAAFAMUBpVjVAqVYjw
    MBBAEFAAgBCgE*—
    f3a068ec4c8bda86d18d7209feb5f7637dc3bd8b--0--95
    BTTJHO5FJLJ4FSJBMJ[F%BUBύϥϝʔλʹ
    ఆظܦ࿏γϦΞϥΠζσʔλΛࢦఆ͢Ε͹
    ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉ͕ߦΘΕ·͢ɻ
    

    View Slide

30. 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏
    ఆظܦ࿏γϦΞϥΠζσʔλͷऔಘํ๏
    https://api.ekispert.jp/v1/xml/search/course/extreme?
    key=xxx&viaList=22723:22741:22671&searchType=plain
    Ӻ৘ใ"1* TUBUJPO
    ΍Ӻ؆қ৘ใ"1* TUBUJPOMJHIU
    Ͱ
    Ӻίʔυ͕औಘͰ͖·͢
    ఆظܦ࿏γϦΞϥΠζσʔλ͸ɺܦ࿏୳ࡧAPIͷϨεϙϯεʹ෇༩͞ΕΔͷͰ
    ܦ࿏୳ࡧAPIͰ௨ۈఆظ݊ͷܦ࿏Λݕࡧ͠·͢
    ྫ͑͹ɺԼ๺୔ʔ৽॓ʔߴԁࣉͷ௨ۈఆظ݊Λ͍࣋ͬͯΔͱͨ͠Βɺ
    ҎԼͷϦΫΤετʹͳΓ·͢
    

    View Slide

31. 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏
    ఆظܦ࿏γϦΞϥΠζσʔλͷऔಘํ๏
    https://api.ekispert.jp/v1/xml/search/course/extreme?
    key=ajawaANhL9RWERyT&viaList=22723:22741:22671&searchT
    ype=plain
    Ӻ৘ใ"1* TUBUJPO
    ΍Ӻ؆қ৘ใ"1* TUBUJPOMJHIU
    Ͱ
    Ӻίʔυ͕औಘͰ͖·͢
    ఆظܦ࿏γϦΞϥΠζσʔλ͸ɺܦ࿏୳ࡧAPIͷϨεϙϯεʹ෇༩͞ΕΔͷͰ
    ܦ࿏୳ࡧAPIͰ௨ۈఆظ݊ͷܦ࿏Λݕࡧ͠·͢
    ྫ͑͹ɺԼ๺୔ʔ৽॓ʔߴԁࣉͷ௨ۈఆظ݊Λ͍࣋ͬͯΔͱͨ͠Βɺ
    ҎԼͷϦΫΤετʹͳΓ·͢
    ʮԼ๺୔খాٸখాݪઢ৽̧̟॓தԝઢշ଎ߴԁࣉʯ
    ͷɺఆظܦ࿏γϦΞϥΠζσʔλΛ
    ༻ҙ͓͖ͯ͠·ͨ͠
    7L72B&$QG)"2&%QH&[&&LQ7K%X2(M8/
    9#"B7:KX84XX"6#/24M8/9&"2&$"20LC2
    4M8*)LT6#Q7K%"R7:2."#""'".6#Q7K7"R7:
    KX.##"&'""H#$H&EBBFFDE
    FFGDDF
    

    View Slide

32. 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏
    3FTVMU4FU$PVSTF5FJLJ4FSJBMJ[F%BUB
    ͷ஋͕ɺఆظܦ࿏γϦΞϥΠζσʔλͰ͢
    ఆظܦ࿏γϦΞϥΠζσʔλͷऔಘํ๏
    

    View Slide

33. 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏
    ఆظܦ࿏ΛׂΓ౰ͯΔ
    ަ௨අਃ੥ΞϓϦ͸
    ʮ௨ۈܦ࿏ʯ߲໨ͷ஋ΛBTTJHO5FJLJ4FSJBMJ[F%BUBύϥϝʔλͷ஋ͱͯ͠
    ౉͢Α͏ʹ࣮૷͍ͯ͠·͢ɻ
    ઌ΄Ͳऔಘͨ͠ఆظܦ࿏γϦΞϥΠζσʔλΛೖྗͨ͠ͷͪɺ
    ࠓ·Ͱ௨Γαϒςʔϒϧʹ໌ࡉΛ௥Ճͯ͠Έ·͠ΐ͏
    

    View Slide

34. 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏
    ఆظܦ࿏ΛׂΓ౰ͯΔ
    

    View Slide

35. 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏
    ఆظܦ࿏ׂ͕Γ౰ͯΒΕͨ
    ֹ͕ۚ൓ө͞Ε·ͨ͠ʂ
    ఆظܦ࿏ΛׂΓ౰ͯΔ
    

    View Slide

36. 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏
    ิ଍
    ϋϯζΦϯͰ͸؆қతʹɺϨίʔυʹ௚઀ఆظܦ࿏γϦΞϥΠζσʔλΛ
    ೖྗ͍ͯ͠·͕͢ɺ
    ྫ͑͹ैۀһͷ໊฽Λ؅ཧ͍ͯ͠ΔΞϓϦͱ࿈ܞ͢Ε͹
    ΋ͬͱศརʹͳΔ༧ײ͕
    

    View Slide

37. 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏
    ิ଍
    ࣮ࡍʹఆظܦ࿏γϦΞϥΠζσʔλΛར༻ͨ͠
    ఆظܦ࿏ׂΓ౰ͯΛߦ͏৔߹͸ɺ
    ఆظܦ࿏ͷදࣔ༻จࣈྻΛηοτͰอଘ͍ͯͩ͘͠͞ʂ
    ఆظܦ࿏γϦΞϥΠζσʔλ͕ܦ࿏Λ
    ࠶ݱͰ͖ͳ͘ͳͬͨ৔߹ʹඞཁʹͳΓ·͢ɻ
    ৄ͘͠͸ͪ͜ΒΛ֬͝ೝ͍ͩ͘͞
    IUUQEPDTFLJTQFSUDPNWEJDUJPOBSZUFJLJTFSJBMJ[FEBUB
    

    View Slide

38. ຊ೔ͷϋϯζΦϯ಺༰
    1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏
    2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏
    3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏
    4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏
    ༨༟ͷ͋Δਓ͸·Ͱ΍ͬͯΈΑ͏ʂ
    

    View Slide

39. 3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏
    ୳ࡧ৚݅ઃఆϘλϯ
    ྫ͑͹͜Μͳײ͡Ͱ
    ༗ྉಛٸͷར༻Մ൱ͱ͔
    ৐Γ׵͑࣌ؒͷઃఆͱ͔
    ৭ʑͱܦ࿏୳ࡧΛߦ͏৚݅Λ
    ઃఆ͍ͨ͠Ͱ͢ΑͶ
    

    View Slide

40. ZIPϑΝΠϧͷߏ੒
    IBOETPO
    ᵓᴷᴷ
    ᴹᵓᴷᴷFLJTQFSUKT
    ᴹᵋᴷᴷަ௨අਃ੥ΞϓϦ[JQ
    ᵓᴷᴷ
    ᴹᵓᴷᴷFLJTQFSUKT
    ᴹᵋᴷᴷFYQ(VJ$POEJUJPO
    ᴹᵓᴷᴷFYQ$TT
    ᴹᴹᵋᴷᴷFYQ(VJ$POEJUJPODTT
    ᴹᵓᴷᴷFYQ(VJ$POEJUJPOKT
    ᴹᵋᴷᴷFYQ*NBHFT
    ᵋᴷᴷ
    ᵓᴷᴷFLJTQFSUKT
    ᵓᴷᴷFLJTQFSU%FUBJMKT
    ᵋᴷᴷަ௨අਃ੥ৄࡉΞϓϦ[JQ
    ࣍ͷ޻ఔͰ
    ʮFLJTQFSUKTʯͱ
    ʮFYQ(VJ$POEJUJPOʯσΟϨΫτϦ
    Λར༻͠·͢
    3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏
    

    View Slide

41. 3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏
    ϑΝΠϧͷಡΈࠐΈ
    FYQ(VJ$POEJUJPOKT
    Λબ୒
    FYQ(VJ$POEJUJPODTT
    Λબ୒
    

    View Slide

42. 3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏
    ݩʑஔ͍ͯ͋Δ

    FLJTQFSUKTϑΝΠϧΛʮºʯϘλϯͰ࡟আ
    QBUIUPIBOETPOFLJTQFSUKT

    ϑΝΠϧΛࢦఆ
    ϑΝΠϧͷಡΈࠐΈ
    

    View Slide

43. 3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏
    ϑΝΠϧͷಡΈࠐ·ΕΔॱ൪ʹ஫ҙʂ
    ʮFLJTQFSUKTʯ͕࠷ޙʹಡΈࠐ·ΕΔΑ͏ʹ
    ϑΝΠϧͷಡΈࠐΈ
    

    View Slide

44. 3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏
    ͜ͷΑ͏ͳঢ়ଶʹͳ͍ͬͯΔ͜ͱΛ
    ֬ೝͨ͠ΒɺอଘϘλϯΛ
    ΫϦοΫ͍ͯͩ͘͠͞
    ϑΝΠϧͷಡΈࠐΈ
    

    View Slide

45. 3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏
    ΞϓϦͷߋ৽
    ࠷ޙʹΞϓϦΛߋ৽ͯ͠
    ઃఆ͸׬ྃͰ͢
    

    View Slide

46. 3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏
    ڍಈͷ֬ೝ
    ୳ࡧ৚݅ઃఆϘλϯ͕
    දࣔ͞Ε·ͨ͠ʂ
    

    View Slide

47. ิ଍
    IBOETPO
    ᵓᴷᴷ
    ᴹᵓᴷᴷFLJTQFSUKT
    ᴹᵋᴷᴷަ௨අਃ੥ΞϓϦ[JQ
    ᵓᴷᴷ
    ᴹᵓᴷᴷFLJTQFSUKT
    ᴹᵋᴷᴷFYQ(VJ$POEJUJPO
    ᴹᵓᴷᴷFYQ$TT
    ᴹᴹᵋᴷᴷFYQ(VJ$POEJUJPODTT
    ᴹᵓᴷᴷFYQ(VJ$POEJUJPOKT
    ᴹᵋᴷᴷFYQ*NBHFT
    ᵋᴷᴷ
    ᵓᴷᴷFLJTQFSUKT
    ᵓᴷᴷFLJTQFSU%FUBJMKT
    ᵋᴷᴷަ௨අਃ੥ৄࡉΞϓϦ[JQ
    ͜ͷϑΝΠϧ܈͸ҰମԿʁ
    3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏
    

    View Slide

48. 3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏
    ิ଍
    ʮ)5.-ΠϯλʔϑΣʔεαϯϓϧʯͱݺ͹ΕΔ
    )5.-ͱ+BWB4DSJQUɺ$44Ͱ

    ࣮૷͞Εͨը໘Λαϯϓϧͱͯ͠ఏڙ͍ͯ͠Δ΋ͷͰ͢ɻ
    ͪ͜ΒͷίʔυΛ࢖͏͜ͱͰ୹࣌ؒͰ؆ܿʹ࣮૷Ͱ͖·͢ɻ
    IUUQTHJUIVCDPN&LJTQFSU8FC4FSWJDF(6*
    

    View Slide

49. ຊ೔ͷϋϯζΦϯ಺༰
    1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏
    2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏
    3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏
    4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏
    ༨༟ͷ͋Δਓ͸·Ͱ΍ͬͯΈΑ͏ʂ
    

    View Slide

50. 4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏
    ܦ࿏ͷ࠶ݱ
    ঝೝऀͱͯ͠
    ɾఆظ͕݊ద༻͞Ε͍ͯΔ͔
    ɾ༗ྉಛٸ͕ద੾ʹ࢖༻͞Ε͍ͯΔ͔
    ͳͲɺ֬ೝ͍ͨ͠Ͱ͢ΑͶ
    

    View Slide

51. ZIPϑΝΠϧͷߏ੒
    IBOETPO
    ᵓᴷᴷ
    ᴹᵓᴷᴷFLJTQFSUKT
    ᴹᵋᴷᴷަ௨අਃ੥ΞϓϦ[JQ
    ᵓᴷᴷ
    ᴹᵓᴷᴷFLJTQFSUKT
    ᴹᵋᴷᴷFYQ(VJ$POEJUJPO
    ᴹᵓᴷᴷFYQ$TT
    ᴹᴹᵋᴷᴷFYQ(VJ$POEJUJPODTT
    ᴹᵓᴷᴷFYQ(VJ$POEJUJPOKT
    ᴹᵋᴷᴷFYQ*NBHFT
    ᵋᴷᴷ
    ᵓᴷᴷFLJTQFSU%FUBJMKT
    ᵓᴷᴷFLJTQFSUKT
    ᵋᴷᴷަ௨අਃ੥ৄࡉΞϓϦ[JQ
    ࣍ͷ޻ఔͰ
    ʮFLJTQFSUKTʯͱ
    ʮަ௨අਃ੥ৄࡉΞϓϦ[JQʯ
    Λར༻͠·͢
    4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏
    

    View Slide

52. ΞϓϦςϯϓϨʔτͷಡΈࠐΈ
    1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏
    

    View Slide

53. ΞϓϦςϯϓϨʔτͷಡΈࠐΈ
    1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏
    ʮަ௨අਃ੥ৄࡉΞϓϦ[JQʯ
    ΛಡΈࠐΈ·͢
    

    View Slide

54. ΞϓϦςϯϓϨʔτͷಡΈࠐΈ
    1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏
    

    View Slide

55. 4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏
    ͜ͷΞϓϦͷ*%Λ
    ͋ͱͰ࢖͍·͢
    ΞϓϦςϯϓϨʔτͷಡΈࠐΈ
    

    View Slide

56. 4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏
    ަ௨අਃ੥ΞϓϦͷϑΥʔϜमਖ਼
    

    View Slide

57. 4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏
    ަ௨අਃ੥ΞϓϦͷϑΥʔϜमਖ਼
    ϑΟʔϧυλΠϓ ϧοΫΞοϓ
    ϑΟʔϧυίʔυ ܦ࿏ͷৄࡉ
    ؔ࿈෇͚ΔΞϓϦ ަ௨අਃ੥ৄࡉ
    ίϐʔݩͷϑΟʔϧυ Ϩίʔυ൪߸
    

    View Slide

58. 4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏
    JavaScriptϑΝΠϧͷฤू
    QBUIUPIBOETPOFLJTQFSUKTϑΝΠϧΛ
    ΤσΟλ౳Ͱ։͖·͢
    (function($) {
    "use strict";
    // Ӻ͢ͺ͋ͱWebαʔϏεͷΞΫηεΩʔ
    var ekispertAccessKey = ‘xxx..’;
    // ަ௨අਃ੥ৄࡉΞϓϦID
    var detailAppId = '';
    ަ௨අਃ੥ৄࡉΞϓϦͷ
    ΞϓϦ*%Λೖྗ͠·͢
    ϑΝΠϧΛอଘ
    

    View Slide

59. ݩʑஔ͍ͯ͋Δ

    FLJTQFSUKTϑΝΠϧΛʮºʯϘλϯͰ࡟আ
    ઌ΄Ͳอଘͨ͠FLJTQFSUKT

    ϑΝΠϧΛࢦఆ
    ϑΝΠϧͷಡΈࠐΈ
    4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏
    

    View Slide

60. 4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏
    ΞϓϦͷߋ৽
    ࠷ޙʹΞϓϦΛߋ৽ͯ͠
    ઃఆ͸׬ྃͰ͢
    

    View Slide

61. 4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏
    ڍಈͷ֬ೝ
    ֤ܦ࿏ͷৄࡉ͕
    ݟΕΔΑ͏ʹͳΓ·ͨ͠ʂ
    

    View Slide

62. 4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏
    ิ଍
    ͜ͷ஋͸ҰମԿʹ࢖ΘΕ͍ͯΔͷ͔ʁ
    

    View Slide

63. 4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏
    ิ଍
    ܦ࿏Λ࠶ݱͤ͞ΔͨΊʹɺ
    ܦ࿏୳ࡧ"1* TFBSDIDPVSTFFYUSFNF
    ͷ
    Ϩεϙϯεͷ+40/σʔλΛอଘ͢Δඞཁ͕͋Γ·͢ɻ
    ܦ࿏Λ࠶ݱͰ͖Δʮܦ࿏ͷ࠶ݱʗఆظ݊ɾࢦఆྻंར༻"1* DPVSTFFEJU
    ʯͰ͸ɺ
    ͋͘·Ͱ΋Ұ࣌తͳ࠶ݱΛ૝ఆͯ͠࡞ΒΕ͍ͯ·͢ɻ
    ࠓճͷΑ͏ʹɺঝೝऀ͕ܦ࿏Λ֬ೝ͢ΔΑ͏ͳ৔໘Ͱ͸
    +40/σʔλΛؙʑอଘ͢Δํ๏͕࣮֬ʹܦ࿏Λ࠶ݱ͢Δ͜ͱ͕Ͱ͖·͢ɻ
    ˞μΠϠ৘ใΛอ࣋͢Δߦҝ͸Ӻ͢ͺ͋ͱ8FCαʔϏεͷن໿ʹҧ൓͠·͢ͷͰɺ
    μΠϠʹΑΔ୳ࡧͰͷܦ࿏୳ࡧ݁Ռ͸อ࣋͢Δ͜ͱ͸Ͱ͖·ͤΜɻ
    ͝஫ҙ͍ͩ͘͞ɻ
    

    View Slide