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

Slide 1

Slide 1 text

໎Θͳ͍ಓҊ಺Λ؆୯ʹ࡞Δ

Slide 2

Slide 2 text

ୈҰষ ղܾ͍ͨ͠໰୊

Slide 3

Slide 3 text

ࠓͷ࣌୅ɺεϚϗ͕͋Δ͔Β ໨త஍ʹ޲͔͏ਓ Πϕϯτओ࠵ऀ ࢪઃ΍ళฮͷӡӦऀ GoogleMap΁ͷϦϯΫΛ ࡌ͓͚ͤͯ͹OK εϚϗͰGoogleMapͳͲͷ ΞϓϦΛ࢖͑͹OK …ͱɺࢥ͍͖΍

Slide 4

Slide 4 text

ࠓͷ࣌୅ɺεϚϗ͕͋Δ͔Β ໨త஍ʹ޲͔͏ਓ Πϕϯτओ࠵ऀ ࢪઃ΍ళฮͷӡӦऀ GoogleMap΁ͷϦϯΫΛ ࡌ͓͚ͤͯ͹OK εϚϗͰGoogleMapͳͲͷ ΞϓϦΛ࢖͑͹OK …ͱɺࢥ͍͖΍ ͠ΐͬͪΎ͏ಓʹ໎ͬͯΔɻ ͍ͭ΋଴ͪ߹Θͤ࣌ؒʹ ஗ࠁ͢Δ৺഑͕͖ͭ·ͱ͏ʂʂ

Slide 5

Slide 5 text

͜Εͬͯࣗ෼͚ͩʁ ΦϑΟεʹ༡ͼʹདྷͨਓɺ30ਓ͘Β͍ʹฉ͖·ͨ͠ɻ 100%ͷਓ͕ಉ͡Α͏ʹ͠ΐͬͪΎ͏ಓʹ໎ͬͯ·ͨ͠ɻ ճ౴ऀ100% ΈΜͳ΋ॳΊͯͷ৔ॴʹߦ͘ͱ͖͸ɺ్தͰ໎͏৺഑͕͋Δɻ

Slide 6

Slide 6 text

ͲΜͳରࡦऔͬͯΔʁ ͦͷ30ਓ͘Β͍ͷਓʹͲΜͳରࡦΛऔͬͯΔ͔ฉ͖·ͨ͠ɻ 100%ͷਓ͕ಉ͡ಉ͡ରࡦΛऔͬͯ·ͨ͠ɻ ૣΊʹग़Δ ճ౴ऀ100% ్தͰ໎ͬͯ΋ؒʹ߹͏Α͏ʹ

Slide 7

Slide 7 text

ͲΜͳରࡦऔͬͯΔʁ ͦͷ30ਓ͘Β͍ͷਓʹͲΜͳରࡦΛऔͬͯΔ͔ฉ͖·ͨ͠ɻ 100%ͷਓ͕ಉ͡ಉ͡ରࡦΛऔͬͯ·ͨ͠ɻ ૣΊʹग़Δ ճ౴ऀ100% ్தͰ໎ͬͯ΋ؒʹ߹͏Α͏ʹ ಓʹ໎͏લఏʂʂ

Slide 8

Slide 8 text

໨త஍ʹͨͲΓ͚ͭͳ͍ཧ༝ ి೾͕ෆ҆ఆͰ ஍ਤ͕άϧάϧ ϏϧͷೖΓޱ͕ Θ͔Βͳ͍ Ϗϧ໊ͬͯͲ͜ʹ ॻ͍ͯ͋Δͷʁ εϚϗ͕͋ͬͯ΋·ͩ·ͩ໎͏ɻ

Slide 9

Slide 9 text

໨త஍ʹͨͲΓ͚ͭͳ͍ཧ༝ ి೾͕ෆ҆ఆͰ ஍ਤ͕άϧάϧ ϏϧͷೖΓޱ͕ Θ͔Βͳ͍ Ϗϧ໊ͬͯͲ͜ʹ ॻ͍ͯ͋Δͷʁ εϚϗ͕͋ͬͯ΋·ͩ·ͩ໎͏ɻ ͜ΕΒΛղܾ͢Δʹ͸ʁ

Slide 10

Slide 10 text

͜͏͍͏ಓҊ಺ͳΒ໎Θͳ͍ʁ Ծઆ ࣸਅ ໼ҹ 1 2 ژԦ৽ઢʮॳ୆ӺʯΛࠃཱܶ৔ͷग़ޱ͔Βग़·͢ɻ ͢Δͱɺυτʔϧ͕͋Γ·͢ͷͰɺυτʔϧ͕ࠨʹ ͋Δํ޲Ͱ·͙ͬ͢ਐΈ·͢ɻ ్தɺϚΫυφϧυ͕͋Γ·͢ɻ͞Βʹਅͬ௚͙ਐ Έ·͢ɻ ϝϞ

Slide 11

Slide 11 text

ϙΠϯτ͸ ࣸਅ + ໼ҹ + ϝϞ ໨త஍ʹ޲͔ͬͯา͍͍ͯΔͱ͖ɺʮͲ͜ʯͰ ʮͲͬͪʹۂ͕Δ͔ʯ͕Θ͔Ε͹໎Θͳ͍͔΋ɻ ʮͲ͜ʯͰʮͲͬͪʹۂ͕Δ͔ʯΛ஌ΒͤΔͨΊ ʹɺۂ͕Γ֯͝ͱʹʮࣸਅʯ+ʮ໼ҹʯ+ʮϝϞʯ Λ༻ҙ͞ΕͨಓҊ಺Λ༻ҙɻ ͜ΕͳΒ໎Θͳ͍ʁ 1 ژԦ৽ઢʮॳ୆ӺʯΛࠃཱܶ৔ͷग़ޱ͔Βग़·͢ɻ ͢Δͱɺυτʔϧ͕͋Γ·͢ͷͰɺυτʔϧ͕ࠨʹ ͋Δํ޲Ͱ·͙ͬ͢ਐΈ·͢ɻ 2 3 4 5 ΰʔϧʂ

Slide 12

Slide 12 text

͜ΕͳΒ໎Θͳ͍ʁࣗ෼ͷମݧͰݕূ Α͘ɺגࣜձࣾສ༿༷ͷΦϑΟεΛआΓͨΠϕϯτʹࢀՃ͍ͯͨ͠ɻ ్தಓʹ໎ͬͯ஗ࠁ͢Δਓ͕ଓग़ʢࢀՃऀͷ 1/3 ͘Β͍ʣɻ גࣜձࣾສ༿औక໾ ᓎҪୡੜ͞Μ͕ʮສ༿΁ͷಓʯΛ࡞੒ɻ ಓʹ໎ͬͯ஗ࠁ͢Δਓ͕͍ͳ͘ͳͬͨʂ ͱɺ͍͏ମݧΛͨ͠

Slide 13

Slide 13 text

ສ༿΁ͷಓͱ͸ʁ ಓʹ໎͏ਓ͕͍ͳ͘ͳͬͨຐ๏ͷίϯςϯπɺ ʮສ༿΁ͷಓʯͱ͸ɺ ʮࣸਅ + ໼ҹ + ϝϞʯͰ࡞ΒΕͨಓҊ಺ͩͬͨʂʂ

Slide 14

Slide 14 text

͜Ε͕ݱ෺

Slide 15

Slide 15 text

͜Ε͕ݱ෺ ࣸਅ + ໼ҹ + ϝϞ ͷಓҊ಺ΛͲ͏΍ͬͯ࡞Δʁ

Slide 16

Slide 16 text

࡞Δͷ͕໘౗ա͗Δ ΋ͬͱ؆୯ʹ࡞Γ͍ͨʂ ֎ʹग़ͯ ࣸਅΛࡱͬͯ HTMLʹͯ͠ϝϞΛ௥ه ωοτʹެ։ ܁Γฦ͢ ࣸਅʹ໼ҹΛॻ͘ ಛʹɺ֎ʹग़ͨ͘ͳ͍ʂ ໰୊ൃੜʂ

Slide 17

Slide 17 text

໎Θͳ͍ಓҊ಺Λ؆୯ʹ࡞Δ ͜ͷαʔϏεΛ࡞Γ·ͨ͠ ֎ʹग़ͣʹ

Slide 18

Slide 18 text

ୈೋষ ࡞ͬͨαʔϏε

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

ࣸਅͰ͸ͳ͘ɺ GoogleStreetViewͰ΋ ໎ΘͣͨͲΓண͚Δ͔ʁ Google Street Viewʹ໼ҹΛషͬͨը૾ͱϝϞΛషͬͨPDFΛ༻ҙɻ  ͜ΕΛݟͳ͕Β࣮ࡍʹͦ͜΁ḷΓண͚Δ͔ςετΛߦ͍·ͨ͠ɻ ݕূ ໨త஍͸େ৿ͷத՚ྉཧ԰

Slide 21

Slide 21 text

ݕূʹ࢖ͬͨPDF ͜Ε͕ݱ෺

Slide 22

Slide 22 text

ࣸਅͰ͸ͳ͘ɺ GoogleStreetViewͰ΋ ໎ΘͣͨͲΓண͚Δ͔ʁ ݁Ռ ݕূࡁΈʂ ḷΓ͚ͭͨʂ

Slide 23

Slide 23 text

ࣗಈੜ੒Ͱ͸ͳ͘ɺ࣮ࡍʹߦͬͨ͜ͱ͕͋Δਓ͕࡞ͬͨಓҊ಺ͳͷͰɺ ໎͍ͦ͏ͳϙΠϯτʹ͸ɺ໎Θͳ͍Α͏ʹؾ͕ར͍ͨϝϞ͕͋Δ͔Β ଞͷਓ΋໎ΘͣͨͲΓண͚࣮ͨ੷ͷ͋ΔಓҊ಺ͩͬͨΒ ͜ͷݕূͰΘ͔ͬͨ͜ͱ ҆৺ ҆৺

Slide 24

Slide 24 text

ࣗಈੜ੒Ͱ͸ͳ͘ɺ࣮ࡍʹߦͬͨ͜ͱ͕͋Δਓ͕࡞ͬͨಓҊ಺ͳͷͰɺ ໎͍ͦ͏ͳϙΠϯτʹ͸ɺ໎Θͳ͍Α͏ʹؾ͕ར͍ͨϝϞ͕͋Δ͔Β ଞͷਓ΋໎ΘͣͨͲΓண͚࣮ͨ੷ͷ͋ΔಓҊ಺ͩͬͨΒ ಓҊ಺͔ͩΒͦ͜ɺ ʮ҆৺ʯ͕ੜ·ΕΔʂ ਓ͕࡞ͬͨ ਓ͕࢖ͬͨ ҆৺ ҆৺ ͜ͷݕূͰΘ͔ͬͨ͜ͱ

Slide 25

Slide 25 text

ୈࡾষ ࣮ݱ͍ͨ͠ੈք

Slide 26

Slide 26 text

࣮ݱ͍ͨ͠ੈք 1 ݕࡧ ໨త஍ + ߦ͖ํ ໨త஍ + ߦ͖ํ Ͱݕࡧ͢Δͱ ໎Θͳ͍ಓҊ಺͕ݕࡧ݁Ռʹදࣔ͞ΕΔੈք

Slide 27

Slide 27 text

΍ͬͨʔʂ ಓҊ಺͕࡞ΒΕͯΔ

Slide 28

Slide 28 text

࣮ݱ͍ͨ͠ੈք 2 ໎Θͳ͍ಓҊ಺΁ͷϦϯΫ͕͋Δੈք άϧϝαΠτ ΠϕϯταΠτ ձࣾαΠτ γϣοϓαΠτ

Slide 29

Slide 29 text

ྫ͑͹ɺձࣾαΠτʹόφʔΛϖλο ໾ʹཱͨͳ͍খ͍͞Google Mapͷ୅ΘΓʹɺ TweetϘλϯΛషΔΑ͏ͳཁྖͰɺιʔείʔυΛషΓ෇ ͚ͯɺձࣾϖʔδʹಓҊ಺ϖʔδ΁ͷόφʔ͕؆୯ઃஔʂ ಓҊ಺͸ͪ͜Β KULKU ϖ λ ο

Slide 30

Slide 30 text

ྫ͑͹ɺάϧϝαΠτ΍ΠϕϯταΠτ ͔ΒϦϯΫΛషΔ ಓҊ಺΁ͷϦϯΫ άϧϝαΠτ ΠϕϯταΠτ

Slide 31

Slide 31 text

࣮ݱʹඞཁͳ͜ͱ 1 ݕূͯ͠Έͨ ࣗ෼ͨͪҎ֎Ͱ΋ GoogleStreetView ࢖ͬͯ ಓҊ಺͕࡞ΕΔͷ͔ʁ ࡞Δ͜ͱ͕ग़དྷͳ͔ͬͨΒҙຯ͕ͳ͍ɻ ʮ ຊ౰ʹ࡞ΕΔͷʁ ʯ

Slide 32

Slide 32 text

ಓҊ಺͕࡞ΕΔͷ͔ʁ ΫϩʔζυͰαΠτΛެ։͠ɺCrowdworksʹۚΛಥͬࠐΜͰɺ ಓҊ಺ͷ࡞੒Λ100ݸґཔͯ͠Έͨɻ ݕূ

Slide 33

Slide 33 text

͜Ε͕ݱ෺

Slide 34

Slide 34 text

ಓҊ಺͕࡞ΕΔͷ͔ʁ Θ͔ͣ3೔Ͱ100ݸͷಓҊ಺͕ೲ඼ɻ ͦͷ͏ͪͷ10ՕॴΛࢼͯ͠ΈͨΒɺͪΌΜͱ໨త஍ʹͨͲΓண͚ͨɻ ݕূࡁΈʂ ଈೲ඼͞Εͨ ݁Ռ

Slide 35

Slide 35 text

࣮ݱʹඞཁͳ͜ͱ 2 ࡞Γ͍ͨʂͱࢥͬͯ΋Β͏ ࣗ෼ͨͪͰؤுͬͯσʔλΛొ࿥ͯ͠΋ݶք͕͋ΔͷͰɺ ଟ͘ͷਓʹʮࣗ෼΋ಓҊ಺Λ࡞Γ͍ͨʂʯͱ ࢥͬͯ΋ΒΘͳͯ͘͸ͳΒͳ͍ɻ ʮ ͨ͘͞Μͷσʔλྔ ʯ

Slide 36

Slide 36 text

࡞Γͨ͘ͳΔ͔ʁ ະݕূ ݕূ ετϨεແ͘ಓҊ಺͕࡞ΕΔUIͱ͸ʁ ࡞ͬͯخ͍͠ಓҊ಺ར༻ऀ͔Βͷ൓Ԡͱ͸ʁ Ҋ಺࡞੒͔Βެ։·Ͱͷखؒɺ࣌ؒΛ୹ॖ͢Δʹ͸ʁ ࡞Γ͍ͨਓʹϦʔν͢Δʹ͸ʁ

Slide 37

Slide 37 text

࡞Γͨ͘ͳΔ͔ʁ ະݕূ ݕূ ετϨεແ͘ಓҊ಺͕࡞ΕΔUIͱ͸ʁ ࡞ͬͯخ͍͠ಓҊ಺ར༻ऀ͔Βͷ൓Ԡͱ͸ʁ Ҋ಺࡞੒͔Βެ։·Ͱͷखؒɺ࣌ؒΛ୹ॖ͢Δʹ͸ʁ ࡞Γ͍ͨਓʹϦʔν͢Δʹ͸ʁ ࡞Γͨ͘ͳΔࢪࡦɺ ΋ͬͱ࡞Γͨ͘ͳΔΧΠθϯ͕ ඞཁ

Slide 38

Slide 38 text

ୈ࢛ষ ऩӹԽ

Slide 39

Slide 39 text

ऩӹ1 ޿ࠂ ࣗྗʢΠϯλʔϯɺΦϯϥΠϯൿॻɺΫϥ΢υιʔγϯάʣͰ ҿ৯ళ΍اۀͳͲͷಓҊ಺Λେྔʹ༻ҙɻ ͦΕͱฏߦͯ͠ɺΧΠθϯΛ܁Γฦ͠ɺಓҊ಺࡞੒Λͯ͘͠ΕΔϢʔβʔΛ૿΍͢ɻ σʔλ͕ͦΖͬͯݕࡧͰҾ͔͔ͬΔΑ͏ʹͳΕ͹ɺPVΛ͋Δఔ౓Ք͛ΔΑ͏ʹͳΔ͸ͣɻ ·ͣ͸ɺΞυηϯεͳͲͷ޿ࠂͰαʔϏεͷҡ͕࣋Ͱ͖Δ·ͰͷऩೖΛ໨ࢦ͢ɻ ͜͜·Ͱ͍͚͹αʔϏε͕͙͢ʹࢮ͵͜ͱ͸ͳ͘ͳΔɻ ʮ໨త஍ + ߦ͖ํ ʯ͸͔ͳΓͷϩϯάςʔϧΛظ଴Ͱ͖Δ

Slide 40

Slide 40 text

ऩӹ2 ϓϨϛΞϜΞΧ΢ϯτ اۀ޲͚ඇެ։ಓҊ಺ ࣸਅʹϑϦʔϋϯυͰॻ͖ࠐΈ GoogleStreetViewͰ͸ͳ͍ࣸਅ͕࢖͑Δ ಓҊ಺࡞੒୅ߦ νΣʔϯళɺࢧళͳͲͷಠࣗͷ·ͱΊ࡞੒ػೳ ϗʔϜϖʔδ΍΢ΣϒαʔϏεʹຒΊࠐΊΔػೳ اۀ΍΢ΣϒαʔϏε޲͚ʹσβΠϯΧελϚΠζ ۙ͘ͷࢪઃʹࣗ෼ͷళฮͷ޿ࠂܝࡌ

Slide 41

Slide 41 text

Slide 42

Slide 42 text

Ϗδωεͱͯ͠੒ཱ͢Δ͔ʁ ϓϨϛΞϜ ΞΧ΢ϯτ ޿ࠂऩೖ ະݕূ ԿਓʢԿࣾʣ͕ ϓϨϛΞϜΞΧ΢ϯτ Λܖ໿͢Δ͔ ͲΕ͚ͩͷΩʔϫʔυ͕ ্ҐʹདྷΔ͔ ݕূ

Slide 43

Slide 43 text

http://kulku.me/ ໎Θͳ͍ಓҊ಺Λ؆୯ʹ࡞Δ