Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
迷わない道案内を簡単に作る Kulku
Search
komagata
May 28, 2019
Business
1
280
迷わない道案内を簡単に作る Kulku
迷わない道案内を簡単に作れるサービスKulkuのご紹介。
komagata
May 28, 2019
Tweet
Share
More Decks by komagata
See All by komagata
Web系自社開発企業への就職
komagata
3
920
FBCの紹介@RailsGirls
komagata
0
130
フィヨルドブートキャンプの紹介
komagata
0
320
プログラミングスクールでのOSS教育
komagata
0
290
FBCの紹介@RailsGIrls
komagata
0
2.1k
FBCのご紹介
komagata
0
360
Unlimited Web Services
komagata
1
1.6k
漬け水に浸かる
komagata
13
6.3k
交換型インターンシップ
komagata
4
4.2k
Other Decks in Business
See All in Business
デジタル証券株式会社・会社紹介
dts
0
370
VISASQ: ABOUT DEV TEAM
eikohashiba
4
30k
アディクシィ株式会社 会社資料
adixi
0
850
c-slide_サービス紹介資料テンプレート
coneinc
0
240
プロダクトディスカバリーのためのユーザーインタビュー 200+本ノックの知見
hynym
PRO
0
290
enechain company deck
enechain
PRO
9
120k
フルリモートで社内にどうやって自分の居場所を作るのか?
satoshi256kbyte
0
170
RF会社紹介250605.pdf
shotaroabe
0
270
プレイドのGo-To-Market活動
plaid
PRO
0
310
【DearOne】Dear Newest Member
hrm
2
9.9k
Vpon COMPANY DECK(JP)
vpon
PRO
0
630
Notes on “Camp”
campinc
0
1.7k
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
524
40k
The World Runs on Bad Software
bkeepers
PRO
69
11k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
700
Being A Developer After 40
akosma
90
590k
The Language of Interfaces
destraynor
158
25k
How to train your dragon (web standard)
notwaldorf
92
6.1k
GraphQLとの向き合い方2022年版
quramy
46
14k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.2k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
137
34k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Transcript
໎Θͳ͍ಓҊΛ؆୯ʹ࡞Δ
ୈҰষ ղܾ͍ͨ͠
ࠓͷ࣌ɺεϚϗ͕͋Δ͔Β తʹ͔͏ਓ Πϕϯτओ࠵ऀ ࢪઃళฮͷӡӦऀ GoogleMapͷϦϯΫΛ ࡌ͓͚ͤͯOK εϚϗͰGoogleMapͳͲͷ ΞϓϦΛ͑OK …ͱɺࢥ͍͖
ࠓͷ࣌ɺεϚϗ͕͋Δ͔Β తʹ͔͏ਓ Πϕϯτओ࠵ऀ ࢪઃళฮͷӡӦऀ GoogleMapͷϦϯΫΛ ࡌ͓͚ͤͯOK εϚϗͰGoogleMapͳͲͷ ΞϓϦΛ͑OK …ͱɺࢥ͍͖ ͠ΐͬͪΎ͏ಓʹ໎ͬͯΔɻ
͍ͭͪ߹Θͤ࣌ؒʹ ࠁ͢Δ৺͕͖ͭ·ͱ͏ʂʂ
͜Ε͚ͬͯࣗͩʁ ΦϑΟεʹ༡ͼʹདྷͨਓɺ30ਓ͘Β͍ʹฉ͖·ͨ͠ɻ 100%ͷਓ͕ಉ͡Α͏ʹ͠ΐͬͪΎ͏ಓʹ໎ͬͯ·ͨ͠ɻ ճऀ100% ΈΜͳॳΊͯͷॴʹߦ͘ͱ͖ɺ్தͰ໎͏৺͕͋Δɻ
ͲΜͳରࡦऔͬͯΔʁ ͦͷ30ਓ͘Β͍ͷਓʹͲΜͳରࡦΛऔͬͯΔ͔ฉ͖·ͨ͠ɻ 100%ͷਓ͕ಉ͡ಉ͡ରࡦΛऔͬͯ·ͨ͠ɻ ૣΊʹग़Δ ճऀ100% ్தͰ໎ͬͯؒʹ߹͏Α͏ʹ
ͲΜͳରࡦऔͬͯΔʁ ͦͷ30ਓ͘Β͍ͷਓʹͲΜͳରࡦΛऔͬͯΔ͔ฉ͖·ͨ͠ɻ 100%ͷਓ͕ಉ͡ಉ͡ରࡦΛऔͬͯ·ͨ͠ɻ ૣΊʹग़Δ ճऀ100% ్தͰ໎ͬͯؒʹ߹͏Α͏ʹ ಓʹ໎͏લఏʂʂ
తʹͨͲΓ͚ͭͳ͍ཧ༝ ి͕ෆ҆ఆͰ ਤ͕άϧάϧ ϏϧͷೖΓޱ͕ Θ͔Βͳ͍ Ϗϧ໊ͬͯͲ͜ʹ ॻ͍ͯ͋Δͷʁ εϚϗ͕͋ͬͯ·ͩ·ͩ໎͏ɻ
తʹͨͲΓ͚ͭͳ͍ཧ༝ ి͕ෆ҆ఆͰ ਤ͕άϧάϧ ϏϧͷೖΓޱ͕ Θ͔Βͳ͍ Ϗϧ໊ͬͯͲ͜ʹ ॻ͍ͯ͋Δͷʁ εϚϗ͕͋ͬͯ·ͩ·ͩ໎͏ɻ ͜ΕΒΛղܾ͢Δʹʁ
͜͏͍͏ಓҊͳΒ໎Θͳ͍ʁ Ծઆ ࣸਅ ҹ 1 2 ژԦ৽ઢʮॳӺʯΛࠃཱܶͷग़ޱ͔Βग़·͢ɻ ͢Δͱɺυτʔϧ͕͋Γ·͢ͷͰɺυτʔϧ͕ࠨʹ ͋ΔํͰ·͙ͬ͢ਐΈ·͢ɻ ్தɺϚΫυφϧυ͕͋Γ·͢ɻ͞Βʹਅ͙ͬਐ
Έ·͢ɻ ϝϞ
ϙΠϯτ ࣸਅ + ҹ + ϝϞ తʹ͔ͬͯา͍͍ͯΔͱ͖ɺʮͲ͜ʯͰ ʮͲͬͪʹۂ͕Δ͔ʯ͕Θ͔Ε໎Θͳ͍͔ɻ ʮͲ͜ʯͰʮͲͬͪʹۂ͕Δ͔ʯΛΒͤΔͨΊ ʹɺۂ͕Γ֯͝ͱʹʮࣸਅʯ+ʮҹʯ+ʮϝϞʯ
Λ༻ҙ͞ΕͨಓҊΛ༻ҙɻ ͜ΕͳΒ໎Θͳ͍ʁ 1 ژԦ৽ઢʮॳӺʯΛࠃཱܶͷग़ޱ͔Βग़·͢ɻ ͢Δͱɺυτʔϧ͕͋Γ·͢ͷͰɺυτʔϧ͕ࠨʹ ͋ΔํͰ·͙ͬ͢ਐΈ·͢ɻ 2 3 4 5 ΰʔϧʂ
͜ΕͳΒ໎Θͳ͍ʁࣗͷମݧͰݕূ Α͘ɺגࣜձࣾສ༿༷ͷΦϑΟεΛआΓͨΠϕϯτʹࢀՃ͍ͯͨ͠ɻ ్தಓʹ໎ͬͯࠁ͢Δਓ͕ଓग़ʢࢀՃऀͷ 1/3 ͘Β͍ʣɻ גࣜձࣾສ༿औక ᓎҪୡੜ͞Μ͕ʮສ༿ͷಓʯΛ࡞ɻ ಓʹ໎ͬͯࠁ͢Δਓ͕͍ͳ͘ͳͬͨʂ ͱɺ͍͏ମݧΛͨ͠
ສ༿ͷಓͱʁ ಓʹ໎͏ਓ͕͍ͳ͘ͳͬͨຐ๏ͷίϯςϯπɺ ʮສ༿ͷಓʯͱɺ ʮࣸਅ + ҹ + ϝϞʯͰ࡞ΒΕͨಓҊͩͬͨʂʂ
͜Ε͕ݱ
͜Ε͕ݱ ࣸਅ + ҹ + ϝϞ ͷಓҊΛͲ͏ͬͯ࡞Δʁ
࡞Δͷ͕໘ա͗Δ ͬͱ؆୯ʹ࡞Γ͍ͨʂ ֎ʹग़ͯ ࣸਅΛࡱͬͯ HTMLʹͯ͠ϝϞΛه ωοτʹެ։ ܁Γฦ͢ ࣸਅʹҹΛॻ͘ ಛʹɺ֎ʹग़ͨ͘ͳ͍ʂ ൃੜʂ
໎Θͳ͍ಓҊΛ؆୯ʹ࡞Δ ͜ͷαʔϏεΛ࡞Γ·ͨ͠ ֎ʹग़ͣʹ
ୈೋষ ࡞ͬͨαʔϏε
None
ࣸਅͰͳ͘ɺ GoogleStreetViewͰ ໎ΘͣͨͲΓண͚Δ͔ʁ Google Street ViewʹҹΛషͬͨը૾ͱϝϞΛషͬͨPDFΛ༻ҙɻ ͜ΕΛݟͳ͕Β࣮ࡍʹͦ͜ḷΓண͚Δ͔ςετΛߦ͍·ͨ͠ɻ ݕূ తେͷத՚ྉཧ
ݕূʹͬͨPDF ͜Ε͕ݱ
ࣸਅͰͳ͘ɺ GoogleStreetViewͰ ໎ΘͣͨͲΓண͚Δ͔ʁ ݁Ռ ݕূࡁΈʂ ḷΓ͚ͭͨʂ
ࣗಈੜͰͳ͘ɺ࣮ࡍʹߦͬͨ͜ͱ͕͋Δਓ͕࡞ͬͨಓҊͳͷͰɺ ໎͍ͦ͏ͳϙΠϯτʹɺ໎Θͳ͍Α͏ʹؾ͕ར͍ͨϝϞ͕͋Δ͔Β ଞͷਓ໎ΘͣͨͲΓண͚࣮ͨͷ͋ΔಓҊͩͬͨΒ ͜ͷݕূͰΘ͔ͬͨ͜ͱ ҆৺ ҆৺
ࣗಈੜͰͳ͘ɺ࣮ࡍʹߦͬͨ͜ͱ͕͋Δਓ͕࡞ͬͨಓҊͳͷͰɺ ໎͍ͦ͏ͳϙΠϯτʹɺ໎Θͳ͍Α͏ʹؾ͕ར͍ͨϝϞ͕͋Δ͔Β ଞͷਓ໎ΘͣͨͲΓண͚࣮ͨͷ͋ΔಓҊͩͬͨΒ ಓҊ͔ͩΒͦ͜ɺ ʮ҆৺ʯ͕ੜ·ΕΔʂ ਓ͕࡞ͬͨ ਓ͕ͬͨ ҆৺ ҆৺ ͜ͷݕূͰΘ͔ͬͨ͜ͱ
ୈࡾষ ࣮ݱ͍ͨ͠ੈք
࣮ݱ͍ͨ͠ੈք 1 ݕࡧ త + ߦ͖ํ త + ߦ͖ํ Ͱݕࡧ͢Δͱ
໎Θͳ͍ಓҊ͕ݕࡧ݁Ռʹදࣔ͞ΕΔੈք
ͬͨʔʂ ಓҊ͕࡞ΒΕͯΔ
࣮ݱ͍ͨ͠ੈք 2 ໎Θͳ͍ಓҊͷϦϯΫ͕͋Δੈք άϧϝαΠτ ΠϕϯταΠτ ձࣾαΠτ γϣοϓαΠτ
ྫ͑ɺձࣾαΠτʹόφʔΛϖλο ʹཱͨͳ͍খ͍͞Google MapͷΘΓʹɺ TweetϘλϯΛషΔΑ͏ͳཁྖͰɺιʔείʔυΛషΓ ͚ͯɺձࣾϖʔδʹಓҊϖʔδͷόφʔ͕؆୯ઃஔʂ ಓҊͪ͜Β KULKU ϖ λ ο
ྫ͑ɺάϧϝαΠτΠϕϯταΠτ ͔ΒϦϯΫΛషΔ ಓҊͷϦϯΫ άϧϝαΠτ ΠϕϯταΠτ
࣮ݱʹඞཁͳ͜ͱ 1 ݕূͯ͠Έͨ ࣗͨͪҎ֎Ͱ GoogleStreetView ͬͯ ಓҊ͕࡞ΕΔͷ͔ʁ ࡞Δ͜ͱ͕ग़དྷͳ͔ͬͨΒҙຯ͕ͳ͍ɻ ʮ ຊʹ࡞ΕΔͷʁ
ʯ
ಓҊ͕࡞ΕΔͷ͔ʁ ΫϩʔζυͰαΠτΛެ։͠ɺCrowdworksʹۚΛಥͬࠐΜͰɺ ಓҊͷ࡞Λ100ݸґཔͯ͠Έͨɻ ݕূ
͜Ε͕ݱ
ಓҊ͕࡞ΕΔͷ͔ʁ Θ͔ͣ3Ͱ100ݸͷಓҊ͕ೲɻ ͦͷ͏ͪͷ10ՕॴΛࢼͯ͠ΈͨΒɺͪΌΜͱతʹͨͲΓண͚ͨɻ ݕূࡁΈʂ ଈೲ͞Εͨ ݁Ռ
࣮ݱʹඞཁͳ͜ͱ 2 ࡞Γ͍ͨʂͱࢥͬͯΒ͏ ࣗͨͪͰؤுͬͯσʔλΛొͯ͠ݶք͕͋ΔͷͰɺ ଟ͘ͷਓʹʮࣗಓҊΛ࡞Γ͍ͨʂʯͱ ࢥͬͯΒΘͳͯ͘ͳΒͳ͍ɻ ʮ ͨ͘͞Μͷσʔλྔ ʯ
࡞Γͨ͘ͳΔ͔ʁ ະݕূ ݕূ ετϨεແ͘ಓҊ͕࡞ΕΔUIͱʁ ࡞ͬͯخ͍͠ಓҊར༻ऀ͔ΒͷԠͱʁ Ҋ࡞͔Βެ։·Ͱͷखؒɺ࣌ؒΛॖ͢Δʹʁ ࡞Γ͍ͨਓʹϦʔν͢Δʹʁ
࡞Γͨ͘ͳΔ͔ʁ ະݕূ ݕূ ετϨεແ͘ಓҊ͕࡞ΕΔUIͱʁ ࡞ͬͯخ͍͠ಓҊར༻ऀ͔ΒͷԠͱʁ Ҋ࡞͔Βެ։·Ͱͷखؒɺ࣌ؒΛॖ͢Δʹʁ ࡞Γ͍ͨਓʹϦʔν͢Δʹʁ ࡞Γͨ͘ͳΔࢪࡦɺ ͬͱ࡞Γͨ͘ͳΔΧΠθϯ͕ ඞཁ
ୈ࢛ষ ऩӹԽ
ऩӹ1 ࠂ ࣗྗʢΠϯλʔϯɺΦϯϥΠϯൿॻɺΫϥυιʔγϯάʣͰ ҿ৯ళاۀͳͲͷಓҊΛେྔʹ༻ҙɻ ͦΕͱฏߦͯ͠ɺΧΠθϯΛ܁Γฦ͠ɺಓҊ࡞Λͯ͘͠ΕΔϢʔβʔΛ૿͢ɻ σʔλ͕ͦΖͬͯݕࡧͰҾ͔͔ͬΔΑ͏ʹͳΕɺPVΛ͋ΔఔՔ͛ΔΑ͏ʹͳΔͣɻ ·ͣɺΞυηϯεͳͲͷࠂͰαʔϏεͷҡ͕࣋Ͱ͖Δ·ͰͷऩೖΛࢦ͢ɻ ͜͜·Ͱ͍͚αʔϏε͕͙͢ʹࢮ͵͜ͱͳ͘ͳΔɻ ʮత +
ߦ͖ํ ʯ͔ͳΓͷϩϯάςʔϧΛظͰ͖Δ
ऩӹ2 ϓϨϛΞϜΞΧϯτ اۀ͚ඇެ։ಓҊ ࣸਅʹϑϦʔϋϯυͰॻ͖ࠐΈ GoogleStreetViewͰͳ͍ࣸਅ͕͑Δ ಓҊ࡞ߦ νΣʔϯళɺࢧళͳͲͷಠࣗͷ·ͱΊ࡞ػೳ ϗʔϜϖʔδΣϒαʔϏεʹຒΊࠐΊΔػೳ اۀΣϒαʔϏε͚ʹσβΠϯΧελϚΠζ ۙ͘ͷࢪઃʹࣗͷళฮͷࠂܝࡌ
ऩӹ2 ϓϨϛΞϜΞΧϯτ اۀ͚ඇެ։ಓҊ ࣸਅʹϑϦʔϋϯυͰॻ͖ࠐΈ GoogleStreetViewͰͳ͍ࣸਅ͕͑Δ ಓҊ࡞ߦ νΣʔϯళɺࢧళͳͲͷಠࣗͷ·ͱΊ࡞ػೳ ϗʔϜϖʔδΣϒαʔϏεʹຒΊࠐΊΔػೳ اۀΣϒαʔϏε͚ʹσβΠϯΧελϚΠζ ۙ͘ͷࢪઃʹࣗͷళฮͷࠂܝࡌ
ͲΜͳधཁ͕͋Δ͔ͷௐࠪ
Ϗδωεͱཱͯ͢͠Δ͔ʁ ϓϨϛΞϜ ΞΧϯτ ࠂऩೖ ະݕূ ԿਓʢԿࣾʣ͕ ϓϨϛΞϜΞΧϯτ Λܖ͢Δ͔ ͲΕ͚ͩͷΩʔϫʔυ͕ ্ҐʹདྷΔ͔
ݕূ
http://kulku.me/ ໎Θͳ͍ಓҊΛ؆୯ʹ࡞Δ