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

Transcript

1. Ͱָʑަ௨අਫ਼ࢉʂ Ӻ͢ͺ͋ͱWebαʔϏε ࿈ܞϋϯζΦϯ 2018.08.02 kintone devCamp 2018 גࣜձࣾϰΝϧݚڀॴ ؙࢁͻ͔Δ
2. IJLBSVNBSVZBNB !NBSVZBNBIJBLSV IUUQIJJJJJJJIJLBSVIBUFOBEJBSZDPN ࣗݾ঺հ ؙࢁͻ͔Δ גࣜձࣾϰΝϧݚڀॴ ςΫχΧϧΤόϯδΣϦετ ओͳஶॻɿ ʰ͸͡ΊͯͷӺ͢ͺ͋ͱWebαʔϏεʱ
4. ຊ೔ͷΞδΣϯμ • kintoneͰަ௨අਫ਼ࢉΞϓϦΛ࡞Ζ͏ - ֓ཁ • Ӻ͢ͺ͋ͱWebαʔϏεͱ͸ʁ • ϋϯζΦϯ 1. ΞϓϦςϯϓϨʔτΛಡΈࠐ΋͏ 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏ 3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏ 4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏
5. kintoneͰ ަ௨අਫ਼ࢉΞϓϦΛ࡞Ζ͏ https://bit.ly/2mX5VaX
6. Ӻ͢ͺ͋ͱWebαʔϏε Ӻσʔλɺܦ࿏ݕࡧͷWebAPI Ӻ͢ͺ͋ͱ͕࣋ͭػೳΛ WebAPIͱͯ͠ఏڙ ٕज़తͳϙΠϯτ • RESTfuʢ෩ʣ • Ϩεϙϯε͸XML or JSON • ϦϑΝϨϯε͸WebͰެ։ • αϯϓϧ͸GithubͰެ։ • ৐׵Ҋ಺αʔϏε • ཱྀඅަ௨අਫ਼ࢉγεςϜ ར༻γʔϯ બ΂Δ2ͭͷϓϥϯ • ແྉͰ࢖͑ΔϑϦʔϓϥϯ • શͯͷػೳ͕࢖͑Δελϯμʔυϓϥϯ
7. Ӻ͢ͺ͋ͱWebαʔϏε Ӻσʔλɺܦ࿏ݕࡧͷWebAPI Ӻ͢ͺ͋ͱ͕࣋ͭػೳΛ WebAPIͱͯ͠ఏڙ ٕज़తͳϙΠϯτ • RESTfuʢ෩ʣ • Ϩεϙϯε͸XML or JSON • ϦϑΝϨϯε͸WebͰެ։ • αϯϓϧ͸GithubͰެ։ • ৐׵Ҋ಺αʔϏε • ௨ۈඅ؅ཧγεςϜ • ཱྀඅަ௨අਫ਼ࢉγεςϜ ར༻γʔϯ ࠓճͷϋϯζΦϯͰ͸ ελϯμʔυϓϥϯͷػೳΛར༻͠·͢ Ӻ͢ͺ͋ͱWebαʔϏεͷελϯμʔυϓϥϯ͸ 90೔ؒແྉͰ͓ࢼ͠Ͱ͖·͢ ͓ਃ͠ࠐΈ͸ͪ͜Βˣ https://ekiworld.net/trial/index.php?case=6
8. ຊ೔ͷϋϯζΦϯ಺༰ 1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏ 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏ 3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏ 4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏ ༨༟ͷ͋Δਓ͸·Ͱ΍ͬͯΈΑ͏ʂ
9. ຊ೔ͷϋϯζΦϯ಺༰ 1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏ 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏ 3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏ 4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏ ༨༟ͷ͋Δਓ͸·Ͱ΍ͬͯΈΑ͏ʂ
10. 1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏ https://github.com/hmaruyama/ seisan-by-ekispert-for-kintone/ archive/master.zip ZIPϑΝΠϧͷμ΢ϯϩʔυ
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ϑΝΠϧͷத਎ͷ
    σΟϨΫτϦߏ੒Ͱ͢
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ʯ
    Λར༻͠·͢
13. ΞϓϦςϯϓϨʔτͷಡΈࠐΈ 1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏
14. ΞϓϦςϯϓϨʔτͷಡΈࠐΈ 1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏ ʮަ௨අਃ੥ΞϓϦ[JQʯ
    ΛಡΈࠐΈ·͢
15. ΞϓϦςϯϓϨʔτͷಡΈࠐΈ 1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏
16. JavaScriptϑΝΠϧͷฤू 
    QBUIUPIBOETPOFLJTQFSUKTϑΝΠϧΛ
    ΤσΟλ౳Ͱ։͖·͢ (function($) { "use strict"; // Ӻ͢ͺ͋ͱWebαʔϏεͷΞΫηεΩʔ var ekispertAccessKey = ‘xxx..’; // ަ௨අਃ੥ৄࡉΞϓϦID var detailAppId = ''; 
    ަ௨අਃ੥ৄࡉΞϓϦͷ
    ΞϓϦ*%Λೖྗ͠·͢ 
    ϑΝΠϧΛอଘ 1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏
17. 
    ݩʑஔ͍ͯ͋Δ
 FLJTQFSUKTϑΝΠϧΛʮºʯϘλϯͰ࡟আ
    
    ઌ΄Ͳอଘͨ͠FLJTQFSUKT
    
 ϑΝΠϧΛࢦఆ ϑΝΠϧͷಡΈࠐΈ 1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏
18. ΞϓϦͷߋ৽ ࠷ޙʹΞϓϦΛߋ৽ͯ͠
    ઃఆ͸׬ྃͰ͢ 1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏
19. 1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏ ڍಈͷ֬ೝ ৭ʑಈ͔ͯ͠Έͯ
    ͜ͷಈըͱಉ͡Α͏ͳڍಈΛ͍ͯ͠Δ͔
    ֬ೝͯ͠Έ͍ͯͩ͘͞ https://bit.ly/2n0IOwo
20. 1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏ ิ଍ ϒϥ΢βͷ։ൃऀπʔϧ
    ʢ8JOͳΒ'
    NBD04ͳΒ0QUJPO
    
    $PNNBOE
    
    Jʣ
 Λ্ཱͪ͛ͨঢ়ଶͰΞϓϦΛಈ͔͢ͱɾɾɾ
    ͳʹ΍Βը૾͕ಡΈࠐ·Ε͍ͯͳ͍ͱ͍͏Τϥʔ͕
21. 1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏ ิ଍ ݪҼɿ
    ʮ)5.-ΠϯλʔϑΣʔεαϯϓϧʯͰ͸ɺ
    $44͔Βར༻͢Δը૾Λ૬ରύεͰಡΈࠐΜͰ͍Δɻ
    LJOUPOFͰ͸ը૾ϑΝΠϧͷΞοϓϩʔυ͕Ͱ͖ͳ͍ͨΊಡΈࠐΈΤϥʔͱͳΔ
    ରࡦɿ
    ը૾ϑΝΠϧΛؚΉϑΝΠϧ܈ΛϗεςΟϯάͯ͠
    63-ࢦఆͰLJOUPOF͔ΒΞΫηε͢Δ
    ϋϯζΦϯத͸ಛʹରࡦͤͣɺ͜ͷ··ਐΊͪΌ͍·͢Ͷʂ
    ࣮ࡍʹΞϓϦΛར༻͞ΕΔࡍ͸͝ݕ౼͍ͩ͘͞
22. ຊ೔ͷϋϯζΦϯ಺༰ 1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏ 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏ 3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏ 4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏ ༨༟ͷ͋Δਓ͸·Ͱ΍ͬͯΈΑ͏ʂ
23. 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏ ఆظܦ࿏ΛׂΓ౰ͯΔ ௨ۈఆظׂ͕݊Γ౰ͯΒΕͨঢ়ଶͷֹۚΛ
    ग़ͯ͠ཉ͍͠Ͱ͢ΑͶ
24. 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏ APIͷ࢓༷ ܦ࿏୳ࡧ"1*ͷϦΫΤετྫɿ
    IUUQTBQJFLJTQFSUKQWKTPOTFBSDIDPVSTF FYUSFNF LFZYYYWJB-JTUEBUF TFBSDI5ZQFQMBJO
25. 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏ APIͷ࢓༷ https://api.ekispert.jp/v1/json/search/course/ extreme?key=xxx&viaList=22905:22884&date=201807 20&searchType=plain ϒϥ΢β͔Β
    ΞΫηεͯ͠ΈΑ͏
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
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 ୳ࡧछผ
28. 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏ APIͷ࢓༷ https://api.ekispert.jp/v1/xml/search/course/extreme? key=xxx&viaList=22905:22884&date=20180720
 &searchType=plain ग़ൃ஍ɺܦ༝஍ɺ౸ண஍ΛͦΕͧΕίϩϯʮʯͰ۠੾Γ·͢ɻ
 ʮʯ͸ീԦࢠӺͷӺίʔυɺʮʯ͸೔ຊڮ ౦ژ౎ ӺͷӺίʔυΛ
 ද͍ͯ͠·͢ɻWJB-JTUʹ͸ɺӺίʔυҎ֎ʹ΋ɺӺͷ໊শɺҢ౓ܦ౓ɺॅॴͳͲΛ
 ࢦఆ͢Δ͜ͱ͕Ͱ͖·͢ɻ Ӻ͢ͺ͋ͱ8FCαʔϏεͰ͸ɺμΠϠσʔλΛ࢖͏୳ࡧʢμΠϠʹΑΔ୳ࡧʣͱɺ
 ฏ೔೔தͷฏۉతͳॴཁ࣌ؒΛར༻ͨ͠୳ࡧʢฏۉ଴ͪ࣌ؒʹΑΔ୳ࡧʣͷ
 ೋͭͷ୳ࡧํ๏͕͋ΓɺͦΕΛ͞Βʹࡉ෼Խͨ͠΋ͷ͕୳ࡧछผͱͳΓ·͢ɻ
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ύϥϝʔλʹ
    ఆظܦ࿏γϦΞϥΠζσʔλΛࢦఆ͢Ε͹
    ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉ͕ߦΘΕ·͢ɻ
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Ͱ௨ۈఆظ݊ͷܦ࿏Λݕࡧ͠·͢ ྫ͑͹ɺԼ๺୔ʔ৽॓ʔߴԁࣉͷ௨ۈఆظ݊Λ͍࣋ͬͯΔͱͨ͠Βɺ ҎԼͷϦΫΤετʹͳΓ·͢
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&[&&L&#Q7K%X2(M8/ 9#"B7:KX84XX&#"6#/24M8/9&"2&$"20LC2 4M8*)LT6#Q7K%"R7:2."#""'".6#Q7K7"R7: KX.##"&'""H#$H& EBBFFDE FFGDDF
32. 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏ 3FTVMU4FU$PVSTF5FJLJ4FSJBMJ[F%BUB
    ͷ஋͕ɺఆظܦ࿏γϦΞϥΠζσʔλͰ͢ ఆظܦ࿏γϦΞϥΠζσʔλͷऔಘํ๏
33. 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏ ఆظܦ࿏ΛׂΓ౰ͯΔ ަ௨අਃ੥ΞϓϦ͸
    ʮ௨ۈܦ࿏ʯ߲໨ͷ஋ΛBTTJHO5FJLJ4FSJBMJ[F%BUBύϥϝʔλͷ஋ͱͯ͠
    ౉͢Α͏ʹ࣮૷͍ͯ͠·͢ɻ
    ઌ΄Ͳऔಘͨ͠ఆظܦ࿏γϦΞϥΠζσʔλΛೖྗͨ͠ͷͪɺ
    ࠓ·Ͱ௨Γαϒςʔϒϧʹ໌ࡉΛ௥Ճͯ͠Έ·͠ΐ͏
34. 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏ ఆظܦ࿏ΛׂΓ౰ͯΔ
35. 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏ ఆظܦ࿏ׂ͕Γ౰ͯΒΕͨ ֹ͕ۚ൓ө͞Ε·ͨ͠ʂ ఆظܦ࿏ΛׂΓ౰ͯΔ
36. 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏ ิ଍ ϋϯζΦϯͰ͸؆қతʹɺϨίʔυʹ௚઀ఆظܦ࿏γϦΞϥΠζσʔλΛ
    ೖྗ͍ͯ͠·͕͢ɺ
    ྫ͑͹ैۀһͷ໊฽Λ؅ཧ͍ͯ͠ΔΞϓϦͱ࿈ܞ͢Ε͹
    ΋ͬͱศརʹͳΔ༧ײ͕
37. 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏ ิ଍ ࣮ࡍʹఆظܦ࿏γϦΞϥΠζσʔλΛར༻ͨ͠
    ఆظܦ࿏ׂΓ౰ͯΛߦ͏৔߹͸ɺ
    ఆظܦ࿏ͷදࣔ༻จࣈྻΛηοτͰอଘ͍ͯͩ͘͠͞ʂ
    ఆظܦ࿏γϦΞϥΠζσʔλ͕ܦ࿏Λ
    ࠶ݱͰ͖ͳ͘ͳͬͨ৔߹ʹඞཁʹͳΓ·͢ɻ
    ৄ͘͠͸ͪ͜ΒΛ֬͝ೝ͍ͩ͘͞
    IUUQEPDTFLJTQFSUDPNWEJDUJPOBSZUFJLJTFSJBMJ[FEBUB
38. ຊ೔ͷϋϯζΦϯ಺༰ 1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏ 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏ 3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏ 4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏ ༨༟ͷ͋Δਓ͸·Ͱ΍ͬͯΈΑ͏ʂ
39. 3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏ ୳ࡧ৚݅ઃఆϘλϯ ྫ͑͹͜Μͳײ͡Ͱ
    ༗ྉಛٸͷར༻Մ൱ͱ͔
    ৐Γ׵͑࣌ؒͷઃఆͱ͔
    ৭ʑͱܦ࿏୳ࡧΛߦ͏৚݅Λ
    ઃఆ͍ͨ͠Ͱ͢ΑͶ
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. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏
41. 3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏ ϑΝΠϧͷಡΈࠐΈ FYQ(VJ$POEJUJPOKT
    Λબ୒ FYQ(VJ$POEJUJPODTT
    Λબ୒
42. 3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏ 
    ݩʑஔ͍ͯ͋Δ
 FLJTQFSUKTϑΝΠϧΛʮºʯϘλϯͰ࡟আ
    
    QBUIUPIBOETPOFLJTQFSUKT
    
 ϑΝΠϧΛࢦఆ ϑΝΠϧͷಡΈࠐΈ
43. 3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏ ϑΝΠϧͷಡΈࠐ·ΕΔॱ൪ʹ஫ҙʂ
    ʮFLJTQFSUKTʯ͕࠷ޙʹಡΈࠐ·ΕΔΑ͏ʹ ϑΝΠϧͷಡΈࠐΈ
44. 3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏ ͜ͷΑ͏ͳঢ়ଶʹͳ͍ͬͯΔ͜ͱΛ
    ֬ೝͨ͠ΒɺอଘϘλϯΛ
    ΫϦοΫ͍ͯͩ͘͠͞ ϑΝΠϧͷಡΈࠐΈ
45. 3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏ ΞϓϦͷߋ৽ ࠷ޙʹΞϓϦΛߋ৽ͯ͠
    ઃఆ͸׬ྃͰ͢
46. 3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏ ڍಈͷ֬ೝ ୳ࡧ৚݅ઃఆϘλϯ͕ දࣔ͞Ε·ͨ͠ʂ
47. ิ଍ IBOETPO
    ᵓᴷᴷ
    
    ᴹ
    
    
    ᵓᴷᴷ
    FLJTQFSUKT
    ᴹ
    
    
    ᵋᴷᴷ
    ަ௨අਃ੥ΞϓϦ[JQ
    ᵓᴷᴷ
    
    ᴹ
    
    
    ᵓᴷᴷ
    FLJTQFSUKT
    ᴹ
    
    
    ᵋᴷᴷ
    FYQ(VJ$POEJUJPO
    ᴹ
    
    
    
    
    
    
    ᵓᴷᴷ
    FYQ$TT
    ᴹ
    
    
    
    
    
    
    ᴹ
    
    
    ᵋᴷᴷ
    FYQ(VJ$POEJUJPODTT
    ᴹ
    
    
    
    
    
    
    ᵓᴷᴷ
    FYQ(VJ$POEJUJPOKT
    ᴹ
    
    
    
    
    
    
    ᵋᴷᴷ
    FYQ*NBHFT
    ᵋᴷᴷ
    
    
    
    
    
    ᵓᴷᴷ
    FLJTQFSUKT
    
    
    
    
    ᵓᴷᴷ
    FLJTQFSU%FUBJMKT
    
    
    
    
    ᵋᴷᴷ
    ަ௨අਃ੥ৄࡉΞϓϦ[JQ ͜ͷϑΝΠϧ܈͸ҰମԿʁ 3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏
48. 3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏ ิ଍ ʮ)5.-ΠϯλʔϑΣʔεαϯϓϧʯͱݺ͹ΕΔ
    )5.-ͱ+BWB4DSJQUɺ$44Ͱ
 ࣮૷͞Εͨը໘Λαϯϓϧͱͯ͠ఏڙ͍ͯ͠Δ΋ͷͰ͢ɻ
    ͪ͜ΒͷίʔυΛ࢖͏͜ͱͰ୹࣌ؒͰ؆ܿʹ࣮૷Ͱ͖·͢ɻ
    IUUQTHJUIVCDPN&LJTQFSU8FC4FSWJDF(6*
49. ຊ೔ͷϋϯζΦϯ಺༰ 1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏ 2. ఆظ݊Λར༻ͨ͠ӡ௞ܭࢉΛ͠Α͏ 3. ୳ࡧ৚݅ઃఆϘλϯΛ௥Ճ͠Α͏ 4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏ ༨༟ͷ͋Δਓ͸·Ͱ΍ͬͯΈΑ͏ʂ
50. 4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏ ܦ࿏ͷ࠶ݱ ঝೝऀͱͯ͠
    ɾఆظ͕݊ద༻͞Ε͍ͯΔ͔
    ɾ༗ྉಛٸ͕ద੾ʹ࢖༻͞Ε͍ͯΔ͔
    ͳͲɺ֬ೝ͍ͨ͠Ͱ͢ΑͶ
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. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏
52. ΞϓϦςϯϓϨʔτͷಡΈࠐΈ 1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏
53. ΞϓϦςϯϓϨʔτͷಡΈࠐΈ 1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏ ʮަ௨අਃ੥ৄࡉΞϓϦ[JQʯ
    ΛಡΈࠐΈ·͢
54. ΞϓϦςϯϓϨʔτͷಡΈࠐΈ 1. ࣗ෼ͷ؀ڥͰΞϓϦ͕ಈ͘ঢ়ଶʹ͠Α͏
55. 4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏ ͜ͷΞϓϦͷ*%Λ
    ͋ͱͰ࢖͍·͢ ΞϓϦςϯϓϨʔτͷಡΈࠐΈ
56. 4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏ ަ௨අਃ੥ΞϓϦͷϑΥʔϜमਖ਼
57. 4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏ ަ௨අਃ੥ΞϓϦͷϑΥʔϜमਖ਼ ϑΟʔϧυλΠϓ ϧοΫΞοϓ ϑΟʔϧυίʔυ ܦ࿏ͷৄࡉ ؔ࿈෇͚ΔΞϓϦ ަ௨අਃ੥ৄࡉ ίϐʔݩͷϑΟʔϧυ Ϩίʔυ൪߸
58. 4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏ JavaScriptϑΝΠϧͷฤू 
    QBUIUPIBOETPOFLJTQFSUKTϑΝΠϧΛ
    ΤσΟλ౳Ͱ։͖·͢ (function($) { "use strict"; // Ӻ͢ͺ͋ͱWebαʔϏεͷΞΫηεΩʔ var ekispertAccessKey = ‘xxx..’; // ަ௨අਃ੥ৄࡉΞϓϦID var detailAppId = ''; 
    ަ௨අਃ੥ৄࡉΞϓϦͷ
    ΞϓϦ*%Λೖྗ͠·͢ 
    ϑΝΠϧΛอଘ
59. 
    ݩʑஔ͍ͯ͋Δ
 FLJTQFSUKTϑΝΠϧΛʮºʯϘλϯͰ࡟আ
    
    ઌ΄Ͳอଘͨ͠FLJTQFSUKT
    
 ϑΝΠϧΛࢦఆ ϑΝΠϧͷಡΈࠐΈ 4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏
60. 4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏ ΞϓϦͷߋ৽ ࠷ޙʹΞϓϦΛߋ৽ͯ͠
    ઃఆ͸׬ྃͰ͢
61. 4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏ ڍಈͷ֬ೝ ֤ܦ࿏ͷৄࡉ͕ ݟΕΔΑ͏ʹͳΓ·ͨ͠ʂ
62. 4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏ ิ଍ ͜ͷ஋͸ҰମԿʹ࢖ΘΕ͍ͯΔͷ͔ʁ
63. 4. ܦ࿏Λ࠶ݱ͢ΔػೳΛ௥Ճ͠Α͏ ิ଍ ܦ࿏Λ࠶ݱͤ͞ΔͨΊʹɺ
    ܦ࿏୳ࡧ"1* TFBSDIDPVSTFFYUSFNF ͷ
    Ϩεϙϯεͷ+40/σʔλΛอଘ͢Δඞཁ͕͋Γ·͢ɻ
    ܦ࿏Λ࠶ݱͰ͖Δʮܦ࿏ͷ࠶ݱʗఆظ݊ɾࢦఆྻंར༻"1* DPVSTFFEJU ʯͰ͸ɺ ͋͘·Ͱ΋Ұ࣌తͳ࠶ݱΛ૝ఆͯ͠࡞ΒΕ͍ͯ·͢ɻ
    ࠓճͷΑ͏ʹɺঝೝऀ͕ܦ࿏Λ֬ೝ͢ΔΑ͏ͳ৔໘Ͱ͸
    +40/σʔλΛؙʑอଘ͢Δํ๏͕࣮֬ʹܦ࿏Λ࠶ݱ͢Δ͜ͱ͕Ͱ͖·͢ɻ
    ˞μΠϠ৘ใΛอ࣋͢Δߦҝ͸Ӻ͢ͺ͋ͱ8FCαʔϏεͷن໿ʹҧ൓͠·͢ͷͰɺ
    μΠϠʹΑΔ୳ࡧͰͷܦ࿏୳ࡧ݁Ռ͸อ࣋͢Δ͜ͱ͸Ͱ͖·ͤΜɻ
    ͝஫ҙ͍ͩ͘͞ɻ