$30 off During Our Annual Pro Sale. View Details »

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

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

HikaruMaruyama

August 03, 2018
Tweet

More Decks by HikaruMaruyama

Other Decks in Programming

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