迷わない道案内を簡単に作る Kulku

迷わない道案内を簡単に作れるサービスKulkuのご紹介。

Transcript

1. ໎Θͳ͍ಓҊ಺Λ؆୯ʹ࡞Δ
2. ୈҰষ ղܾ͍ͨ͠໰୊
3. ࠓͷ࣌୅ɺεϚϗ͕͋Δ͔Β ໨త஍ʹ޲͔͏ਓ Πϕϯτओ࠵ऀ ࢪઃ΍ళฮͷӡӦऀ GoogleMap΁ͷϦϯΫΛ ࡌ͓͚ͤͯ͹OK εϚϗͰGoogleMapͳͲͷ ΞϓϦΛ࢖͑͹OK …ͱɺࢥ͍͖΍
4. ࠓͷ࣌୅ɺεϚϗ͕͋Δ͔Β ໨త஍ʹ޲͔͏ਓ Πϕϯτओ࠵ऀ ࢪઃ΍ళฮͷӡӦऀ GoogleMap΁ͷϦϯΫΛ ࡌ͓͚ͤͯ͹OK εϚϗͰGoogleMapͳͲͷ ΞϓϦΛ࢖͑͹OK …ͱɺࢥ͍͖΍ ͠ΐͬͪΎ͏ಓʹ໎ͬͯΔɻ ͍ͭ΋଴ͪ߹Θͤ࣌ؒʹ ஗ࠁ͢Δ৺഑͕͖ͭ·ͱ͏ʂʂ
5. ͜Εͬͯࣗ෼͚ͩʁ ΦϑΟεʹ༡ͼʹདྷͨਓɺ30ਓ͘Β͍ʹฉ͖·ͨ͠ɻ 100%ͷਓ͕ಉ͡Α͏ʹ͠ΐͬͪΎ͏ಓʹ໎ͬͯ·ͨ͠ɻ ճ౴ऀ100% ΈΜͳ΋ॳΊͯͷ৔ॴʹߦ͘ͱ͖͸ɺ్தͰ໎͏৺഑͕͋Δɻ
6. ͲΜͳରࡦऔͬͯΔʁ ͦͷ30ਓ͘Β͍ͷਓʹͲΜͳରࡦΛऔͬͯΔ͔ฉ͖·ͨ͠ɻ 100%ͷਓ͕ಉ͡ಉ͡ରࡦΛऔͬͯ·ͨ͠ɻ ૣΊʹग़Δ ճ౴ऀ100% ్தͰ໎ͬͯ΋ؒʹ߹͏Α͏ʹ
7. ͲΜͳରࡦऔͬͯΔʁ ͦͷ30ਓ͘Β͍ͷਓʹͲΜͳରࡦΛऔͬͯΔ͔ฉ͖·ͨ͠ɻ 100%ͷਓ͕ಉ͡ಉ͡ରࡦΛऔͬͯ·ͨ͠ɻ ૣΊʹग़Δ ճ౴ऀ100% ్தͰ໎ͬͯ΋ؒʹ߹͏Α͏ʹ ಓʹ໎͏લఏʂʂ
8. ໨త஍ʹͨͲΓ͚ͭͳ͍ཧ༝ ి೾͕ෆ҆ఆͰ ஍ਤ͕άϧάϧ ϏϧͷೖΓޱ͕ Θ͔Βͳ͍ Ϗϧ໊ͬͯͲ͜ʹ ॻ͍ͯ͋Δͷʁ εϚϗ͕͋ͬͯ΋·ͩ·ͩ໎͏ɻ
9. ໨త஍ʹͨͲΓ͚ͭͳ͍ཧ༝ ి೾͕ෆ҆ఆͰ ஍ਤ͕άϧάϧ ϏϧͷೖΓޱ͕ Θ͔Βͳ͍ Ϗϧ໊ͬͯͲ͜ʹ ॻ͍ͯ͋Δͷʁ εϚϗ͕͋ͬͯ΋·ͩ·ͩ໎͏ɻ ͜ΕΒΛղܾ͢Δʹ͸ʁ
10. ͜͏͍͏ಓҊ಺ͳΒ໎Θͳ͍ʁ Ծઆ ࣸਅ ໼ҹ 1 2 ژԦ৽ઢʮॳ୆ӺʯΛࠃཱܶ৔ͷग़ޱ͔Βग़·͢ɻ ͢Δͱɺυτʔϧ͕͋Γ·͢ͷͰɺυτʔϧ͕ࠨʹ ͋Δํ޲Ͱ·͙ͬ͢ਐΈ·͢ɻ ్தɺϚΫυφϧυ͕͋Γ·͢ɻ͞Βʹਅͬ௚͙ਐ Έ·͢ɻ ϝϞ
11. ϙΠϯτ͸ ࣸਅ + ໼ҹ + ϝϞ ໨త஍ʹ޲͔ͬͯา͍͍ͯΔͱ͖ɺʮͲ͜ʯͰ ʮͲͬͪʹۂ͕Δ͔ʯ͕Θ͔Ε͹໎Θͳ͍͔΋ɻ ʮͲ͜ʯͰʮͲͬͪʹۂ͕Δ͔ʯΛ஌ΒͤΔͨΊ ʹɺۂ͕Γ֯͝ͱʹʮࣸਅʯ+ʮ໼ҹʯ+ʮϝϞʯ Λ༻ҙ͞ΕͨಓҊ಺Λ༻ҙɻ ͜ΕͳΒ໎Θͳ͍ʁ 1 ژԦ৽ઢʮॳ୆ӺʯΛࠃཱܶ৔ͷग़ޱ͔Βग़·͢ɻ ͢Δͱɺυτʔϧ͕͋Γ·͢ͷͰɺυτʔϧ͕ࠨʹ ͋Δํ޲Ͱ·͙ͬ͢ਐΈ·͢ɻ 2 3 4 5 ΰʔϧʂ
12. ͜ΕͳΒ໎Θͳ͍ʁࣗ෼ͷମݧͰݕূ Α͘ɺגࣜձࣾສ༿༷ͷΦϑΟεΛआΓͨΠϕϯτʹࢀՃ͍ͯͨ͠ɻ ్தಓʹ໎ͬͯ஗ࠁ͢Δਓ͕ଓग़ʢࢀՃऀͷ 1/3 ͘Β͍ʣɻ גࣜձࣾສ༿औక໾ ᓎҪୡੜ͞Μ͕ʮສ༿΁ͷಓʯΛ࡞੒ɻ ಓʹ໎ͬͯ஗ࠁ͢Δਓ͕͍ͳ͘ͳͬͨʂ ͱɺ͍͏ମݧΛͨ͠
13. ສ༿΁ͷಓͱ͸ʁ ಓʹ໎͏ਓ͕͍ͳ͘ͳͬͨຐ๏ͷίϯςϯπɺ ʮສ༿΁ͷಓʯͱ͸ɺ ʮࣸਅ + ໼ҹ + ϝϞʯͰ࡞ΒΕͨಓҊ಺ͩͬͨʂʂ
14. ͜Ε͕ݱ෺
15. ͜Ε͕ݱ෺ ࣸਅ + ໼ҹ + ϝϞ ͷಓҊ಺ΛͲ͏΍ͬͯ࡞Δʁ
16. ࡞Δͷ͕໘౗ա͗Δ ΋ͬͱ؆୯ʹ࡞Γ͍ͨʂ ֎ʹग़ͯ ࣸਅΛࡱͬͯ HTMLʹͯ͠ϝϞΛ௥ه ωοτʹެ։ ܁Γฦ͢ ࣸਅʹ໼ҹΛॻ͘ ಛʹɺ֎ʹग़ͨ͘ͳ͍ʂ ໰୊ൃੜʂ
17. ໎Θͳ͍ಓҊ಺Λ؆୯ʹ࡞Δ ͜ͷαʔϏεΛ࡞Γ·ͨ͠ ֎ʹग़ͣʹ
18. ୈೋষ ࡞ͬͨαʔϏε
20. ࣸਅͰ͸ͳ͘ɺ GoogleStreetViewͰ΋ ໎ΘͣͨͲΓண͚Δ͔ʁ Google Street Viewʹ໼ҹΛషͬͨը૾ͱϝϞΛషͬͨPDFΛ༻ҙɻ
 ͜ΕΛݟͳ͕Β࣮ࡍʹͦ͜΁ḷΓண͚Δ͔ςετΛߦ͍·ͨ͠ɻ ݕূ ໨త஍͸େ৿ͷத՚ྉཧ԰
21. ݕূʹ࢖ͬͨPDF ͜Ε͕ݱ෺
22. ࣸਅͰ͸ͳ͘ɺ GoogleStreetViewͰ΋ ໎ΘͣͨͲΓண͚Δ͔ʁ ݁Ռ ݕূࡁΈʂ ḷΓ͚ͭͨʂ
23. ࣗಈੜ੒Ͱ͸ͳ͘ɺ࣮ࡍʹߦͬͨ͜ͱ͕͋Δਓ͕࡞ͬͨಓҊ಺ͳͷͰɺ ໎͍ͦ͏ͳϙΠϯτʹ͸ɺ໎Θͳ͍Α͏ʹؾ͕ར͍ͨϝϞ͕͋Δ͔Β ଞͷਓ΋໎ΘͣͨͲΓண͚࣮ͨ੷ͷ͋ΔಓҊ಺ͩͬͨΒ ͜ͷݕূͰΘ͔ͬͨ͜ͱ ҆৺ ҆৺
24. ࣗಈੜ੒Ͱ͸ͳ͘ɺ࣮ࡍʹߦͬͨ͜ͱ͕͋Δਓ͕࡞ͬͨಓҊ಺ͳͷͰɺ ໎͍ͦ͏ͳϙΠϯτʹ͸ɺ໎Θͳ͍Α͏ʹؾ͕ར͍ͨϝϞ͕͋Δ͔Β ଞͷਓ΋໎ΘͣͨͲΓண͚࣮ͨ੷ͷ͋ΔಓҊ಺ͩͬͨΒ ಓҊ಺͔ͩΒͦ͜ɺ ʮ҆৺ʯ͕ੜ·ΕΔʂ ਓ͕࡞ͬͨ ਓ͕࢖ͬͨ ҆৺ ҆৺ ͜ͷݕূͰΘ͔ͬͨ͜ͱ
25. ୈࡾষ ࣮ݱ͍ͨ͠ੈք
26. ࣮ݱ͍ͨ͠ੈք 1 ݕࡧ ໨త஍ + ߦ͖ํ ໨త஍ + ߦ͖ํ Ͱݕࡧ͢Δͱ ໎Θͳ͍ಓҊ಺͕ݕࡧ݁Ռʹදࣔ͞ΕΔੈք
27. ΍ͬͨʔʂ ಓҊ಺͕࡞ΒΕͯΔ
28. ࣮ݱ͍ͨ͠ੈք 2 ໎Θͳ͍ಓҊ಺΁ͷϦϯΫ͕͋Δੈք άϧϝαΠτ ΠϕϯταΠτ ձࣾαΠτ γϣοϓαΠτ
29. ྫ͑͹ɺձࣾαΠτʹόφʔΛϖλο ໾ʹཱͨͳ͍খ͍͞Google Mapͷ୅ΘΓʹɺ TweetϘλϯΛషΔΑ͏ͳཁྖͰɺιʔείʔυΛషΓ෇ ͚ͯɺձࣾϖʔδʹಓҊ಺ϖʔδ΁ͷόφʔ͕؆୯ઃஔʂ ಓҊ಺͸ͪ͜Β KULKU ϖ λ ο
30. ྫ͑͹ɺάϧϝαΠτ΍ΠϕϯταΠτ ͔ΒϦϯΫΛషΔ ಓҊ಺΁ͷϦϯΫ άϧϝαΠτ ΠϕϯταΠτ
31. ࣮ݱʹඞཁͳ͜ͱ 1 ݕূͯ͠Έͨ ࣗ෼ͨͪҎ֎Ͱ΋ GoogleStreetView ࢖ͬͯ ಓҊ಺͕࡞ΕΔͷ͔ʁ ࡞Δ͜ͱ͕ग़དྷͳ͔ͬͨΒҙຯ͕ͳ͍ɻ ʮ ຊ౰ʹ࡞ΕΔͷʁ ʯ
32. ಓҊ಺͕࡞ΕΔͷ͔ʁ ΫϩʔζυͰαΠτΛެ։͠ɺCrowdworksʹۚΛಥͬࠐΜͰɺ ಓҊ಺ͷ࡞੒Λ100ݸґཔͯ͠Έͨɻ ݕূ
33. ͜Ε͕ݱ෺
34. ಓҊ಺͕࡞ΕΔͷ͔ʁ Θ͔ͣ3೔Ͱ100ݸͷಓҊ಺͕ೲ඼ɻ ͦͷ͏ͪͷ10ՕॴΛࢼͯ͠ΈͨΒɺͪΌΜͱ໨త஍ʹͨͲΓண͚ͨɻ ݕূࡁΈʂ ଈೲ඼͞Εͨ ݁Ռ
35. ࣮ݱʹඞཁͳ͜ͱ 2 ࡞Γ͍ͨʂͱࢥͬͯ΋Β͏ ࣗ෼ͨͪͰؤுͬͯσʔλΛొ࿥ͯ͠΋ݶք͕͋ΔͷͰɺ ଟ͘ͷਓʹʮࣗ෼΋ಓҊ಺Λ࡞Γ͍ͨʂʯͱ ࢥͬͯ΋ΒΘͳͯ͘͸ͳΒͳ͍ɻ ʮ ͨ͘͞Μͷσʔλྔ ʯ
36. ࡞Γͨ͘ͳΔ͔ʁ ະݕূ ݕূ ετϨεແ͘ಓҊ಺͕࡞ΕΔUIͱ͸ʁ ࡞ͬͯخ͍͠ಓҊ಺ར༻ऀ͔Βͷ൓Ԡͱ͸ʁ Ҋ಺࡞੒͔Βެ։·Ͱͷखؒɺ࣌ؒΛ୹ॖ͢Δʹ͸ʁ ࡞Γ͍ͨਓʹϦʔν͢Δʹ͸ʁ
37. ࡞Γͨ͘ͳΔ͔ʁ ະݕূ ݕূ ετϨεແ͘ಓҊ಺͕࡞ΕΔUIͱ͸ʁ ࡞ͬͯخ͍͠ಓҊ಺ར༻ऀ͔Βͷ൓Ԡͱ͸ʁ Ҋ಺࡞੒͔Βެ։·Ͱͷखؒɺ࣌ؒΛ୹ॖ͢Δʹ͸ʁ ࡞Γ͍ͨਓʹϦʔν͢Δʹ͸ʁ ࡞Γͨ͘ͳΔࢪࡦɺ ΋ͬͱ࡞Γͨ͘ͳΔΧΠθϯ͕ ඞཁ
38. ୈ࢛ষ ऩӹԽ
39. ऩӹ1 ޿ࠂ ࣗྗʢΠϯλʔϯɺΦϯϥΠϯൿॻɺΫϥ΢υιʔγϯάʣͰ ҿ৯ళ΍اۀͳͲͷಓҊ಺Λେྔʹ༻ҙɻ ͦΕͱฏߦͯ͠ɺΧΠθϯΛ܁Γฦ͠ɺಓҊ಺࡞੒Λͯ͘͠ΕΔϢʔβʔΛ૿΍͢ɻ σʔλ͕ͦΖͬͯݕࡧͰҾ͔͔ͬΔΑ͏ʹͳΕ͹ɺPVΛ͋Δఔ౓Ք͛ΔΑ͏ʹͳΔ͸ͣɻ ·ͣ͸ɺΞυηϯεͳͲͷ޿ࠂͰαʔϏεͷҡ͕࣋Ͱ͖Δ·ͰͷऩೖΛ໨ࢦ͢ɻ ͜͜·Ͱ͍͚͹αʔϏε͕͙͢ʹࢮ͵͜ͱ͸ͳ͘ͳΔɻ ʮ໨త஍ + ߦ͖ํ ʯ͸͔ͳΓͷϩϯάςʔϧΛظ଴Ͱ͖Δ
40. ऩӹ2 ϓϨϛΞϜΞΧ΢ϯτ اۀ޲͚ඇެ։ಓҊ಺ ࣸਅʹϑϦʔϋϯυͰॻ͖ࠐΈ GoogleStreetViewͰ͸ͳ͍ࣸਅ͕࢖͑Δ ಓҊ಺࡞੒୅ߦ νΣʔϯళɺࢧళͳͲͷಠࣗͷ·ͱΊ࡞੒ػೳ ϗʔϜϖʔδ΍΢ΣϒαʔϏεʹຒΊࠐΊΔػೳ اۀ΍΢ΣϒαʔϏε޲͚ʹσβΠϯΧελϚΠζ ۙ͘ͷࢪઃʹࣗ෼ͷళฮͷ޿ࠂܝࡌ
41. ऩӹ2 ϓϨϛΞϜΞΧ΢ϯτ اۀ޲͚ඇެ։ಓҊ಺ ࣸਅʹϑϦʔϋϯυͰॻ͖ࠐΈ GoogleStreetViewͰ͸ͳ͍ࣸਅ͕࢖͑Δ ಓҊ಺࡞੒୅ߦ νΣʔϯళɺࢧళͳͲͷಠࣗͷ·ͱΊ࡞੒ػೳ ϗʔϜϖʔδ΍΢ΣϒαʔϏεʹຒΊࠐΊΔػೳ اۀ΍΢ΣϒαʔϏε޲͚ʹσβΠϯΧελϚΠζ ۙ͘ͷࢪઃʹࣗ෼ͷళฮͷ޿ࠂܝࡌ ͲΜͳधཁ͕͋Δ͔ͷௐࠪ
42. Ϗδωεͱͯ͠੒ཱ͢Δ͔ʁ ϓϨϛΞϜ ΞΧ΢ϯτ ޿ࠂऩೖ ະݕূ ԿਓʢԿࣾʣ͕ ϓϨϛΞϜΞΧ΢ϯτ Λܖ໿͢Δ͔ ͲΕ͚ͩͷΩʔϫʔυ͕ ্ҐʹདྷΔ͔ ݕূ
43. http://kulku.me/ ໎Θͳ͍ಓҊ಺Λ؆୯ʹ࡞Δ