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
940
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
Things - Company Deck
things2109
0
870
ソーシング・ブラザーズ株式会社|会社説明資料
sbro
0
790
AIUX is Agentic UX
kan
1
290
フルリモートで社内にどうやって自分の居場所を作るのか?
satoshi256kbyte
1
290
採用ピッチ資料|SBペイメントサービス株式会社
sbps
0
30k
アッテル会社紹介資料/culture deck
attelu
10
15k
ラクスパートナーズ採用ピッチ資料_エンジニア部門
rakuspartners_recruit
0
2.5k
SlackでDMを使わない方が いい理由を説明してみた
walkersumida
1
1k
三菱商事ロジスティクス_コンサルティング事業紹介
mclogi
0
380
タケウチグループRecruit
takeuchigroup
0
6.9k
組織を AI との協働に最適化する ~ AI と人が補完しあって成長し続ける組織の作り方 ~
yoshizaki
0
530
特別講義 理系のための法学入門
seko_shuhei
2
2.4k
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
It's Worth the Effort
3n
185
28k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
KATA
mclloyd
30
14k
How STYLIGHT went responsive
nonsquared
100
5.6k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Automating Front-end Workflow
addyosmani
1370
200k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
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/ ໎Θͳ͍ಓҊΛ؆୯ʹ࡞Δ