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
沖縄のバスがつらすぎて自分でバスアプリ作った話 / ngk2018b-okinawabus
Search
girigiribauer
December 22, 2018
2
1.4k
沖縄のバスがつらすぎて自分でバスアプリ作った話 / ngk2018b-okinawabus
NGK2018B 昼の部(LT大会)
沖縄のバスがつらすぎて自分でバスアプリ作った話
girigiribauer
December 22, 2018
Tweet
Share
More Decks by girigiribauer
See All by girigiribauer
『Bluesky 公式アカウント移行まとめ』のアップデートをした話 / 20241018-niigata-5min-tech
girigiribauer
0
50
コンテナクエリはコンテナ技術の話ではなく CSS の話です / 20240920-niigata-5min-tech
girigiribauer
1
49
公共交通のオープンデータ事始め / 20240823-niigata-5min-tech
girigiribauer
0
53
私と Vim / 20240426-niigata-5min-tech
girigiribauer
2
140
がんばらない勉強会の続け方 / 20240426-niigata-5min-tech-omake
girigiribauer
1
520
初めての chrome extension で Plasmo 使ってみた / 20240329-niigata-5min-tech
girigiribauer
0
77
時間配分を常に意識するために、通知する仕組みを作った話 / 20220527-peacock-meets-up-01
girigiribauer
0
210
モーダルウィンドウを作るときは createPortal を選択肢に加えよう、という話 / 20200201-react-nagoya-learning
girigiribauer
0
99
コードフォーマッタを導入して プロジェクト内に平穏をもたらす話 / 20191025-v-okinawa
girigiribauer
0
160
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
Side Projects
sachag
452
42k
How To Stay Up To Date on Web Technology
chriscoyier
788
250k
Faster Mobile Websites
deanohume
305
30k
Mobile First: as difficult as doing things right
swwweet
222
8.9k
Designing for Performance
lara
604
68k
Bash Introduction
62gerente
608
210k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
32
1.8k
A Modern Web Designer's Workflow
chriscoyier
693
190k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
48k
Transcript
沖縄のバスがつらすぎて 自分でバスアプリ作った話 2018/12/22 NGK2018B னͷ෦ʢLTେձʣ @girigiribauer
\ 沖縄から来ました /
コミュニティの紹介 • Nagoya Frontend User Group ʹ͍ͭͯ • ඇӦརͷίϛϡχςΟͳͷʹ γϧόʔεϙϯαʔʢʁʁʁʣ
• ςʔϚ: ӡӦ͕ΜΒͳ͍
None
みんなで金を出す流れ
みんなで金を出す流れ
運営頑張らない
運営頑張らない • ͘͘ձͱ ӡӦ͕ΜΒͳ͍ ͘͢͝߹͏
勉強会の会場を 貸してくれる会社は 良い会社!
勉強会の会場を貸してくれる 会社は良い会社! • 2018ʰגࣜձࣾMisocaʱ ʰ༗ݶձࣾ དྷిࢉʱʰגࣜձࣾελϝϯʱ ͷ3ࣾΛ͡Ίͱͨ͠ձΛ͓आΓ͠ɺ ͘͘ձΛଓ͚Δ͜ͱ͕ग़དྷ·ͨ͠ • དྷΑΓͨ͘͞ΜͷձࣾΛཔΒͤͯ΄͍͠ɺ
ษڧձձΛି͍͚ͯͨͩ͠Δձࣾɾஂମ͞Μ େืूͩΑʂ
Slack 誰でも入れます • Slack ্ͰϑϩϯτΤϯυपΓͷɺ ษڧձ։࠵ͷͯ͠·͢ • ࠓʰӡӦ͕ΜΒͳ͍ʱग़དྷͨ དྷҾ͖ଓ͖ʰӡӦ͕ΜΒͳ͍ʱ
TypeScript やりたくないです??? • ݸਓతʹ TypeScript ͷษڧձΛ ͬͨํ͕ྑ͍ͷͰʁͱࢥ͍ͬͯΔ ʢͱ͍͏͔Γ͍ͨʣ • Γํ·͍͠ɾɾɾ
৭ΜͳεϖγϟϦετͷํ͍Δͱࢥ͏ͷͰ ܙΛ͓आΓ͍ͨ͠ • ଓ͖ Slack Ͱʂ
ここから趣味の話
沖縄のバスがつらすぎて 自分でバスアプリ作った話 _人人人人人人人人人人人人人_ > 時間ぎりぎりまで話します <  ̄Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^ ̄
沖縄のバスが分からない
沖縄のバスが分からない • ԭೄຊౡʢnot Ϧκʔτʣͷ • ެڞަ௨ػؔɺಹࢢͷϞϊϨʔϧ ʢΏ͍Ϩʔϧʣͱόε͘Β͍͔͠ͳ͍ • ಹࢢͷौ͍ɺ Βͳ͍؍ޫ٬ϨϯλΧʔฦ࣌͢ʹࢮ͵
• మಓ͕ͳ͍ɺ૬ରతʹόεͷॏཁ͕ߴ͍
分からないから乗ってみた • ࠓ2݄ʹॳΊͯͬͨ • ಹࢢͷόελʔϛφϧ͔Β ίβʢԭೄࢢʣۙ·Ͱ diff औΓʹߦ͖͍ͨ • Wikipedia
ͷ ”ԭೄຊౡͷόε࿏ઢ” ʹ ൺֱత៉ྷʹ·ͱ·͍ͬͯΔ • https://ja.wikipedia.org/wiki/ԭೄຊౡͷόε࿏ઢ
分からないから乗ってみた
分からないから乗ってみた
None
分からないから乗ってみた • ʮΑʔ͠ɺ23൪ͷ۩ࢤઢͱΒʹ Εྑ͍ͷͩͳʁʯ →結果爆死
なるほど分からん
なるほど分からん
なるほど分からん
なるほど分からん
行って利用してみないと 分からないこと • ࠓͷௐࠪΛ શ෦આ໌͍ͯ͠Δͱ͖Γ͕ͳ͍ɾɾɾ • ҰݴͰ·ͱΊΔͱૉਓ͓அΓͳαʔϏε • ݩຽͱʮԭೄͷόεͻͲ͍ΑͶʔʯͬͯ Λ͢Δͱൺֱత͙͢ʹଧͪղ͚Δઆ
困った・・・
ならば、エンジニアリングで 解決しよう!
自分の困っていることを エンジニアリングで解決する
自分の困っていることを エンジニアリングで解決する • όεϚχΞʹͳΓ͍ͨΘ͚͡Όͳ͍ • ͨͩతʹ͔͏όεͷ൪߸͕ Γ͍͚ͨͩͳͷʹɺ ͳͥ͜Μͳۤ࿑͠ͳ͍ͱ͍͚ͳ͍ͷ͔ɾɾɾ • ࠓ͍Δόεఀͱతͷόεఀ͚ͩ
ͬͯΕ͑ΔόεΞϓϦ
自分の困っていることを エンジニアリングで解決する
データさえ取って来れれば こっちで作れる • puppeteer Ͱ ΫιΞϓϦɾΫιαʔϏε͔Β εΫϨΠϐϯά • HTML ϨϕϧͰσʔλ͕දࣔ͞Ε͍ͯΕɺ
௨৴աఔؾʹ͠ͳͯ͘ྑ͍ • Ajax ͰϞʔμϧͷதΛ HTML ͝ͱΓͱΓͯ͠Δ αʔϏεʢʁʣͰɺൺֱత৺Ժ͔ʹऔͬͯ͜ΕΔ • ୁั͞Εͳ͍Α͏ɺϦΫΤετසʹؾΛ͚ͭΔ • લྫ: Ԭ࡚ਤॻؗࣄ݅ • ษڧձձίϫʔΩϯάεϖʔεͳͲͷ Wi-Fi Ͱ ۃྗεΫϨΠϐϯά͠ͳ͍ʢ໎͔͚ͳ͍ʣ
{ "4887bda7-0731-4396-ae92-4aae41d7c32d": { "courseId": "4887bda7-0731-4396-ae92-4aae41d7c32d", "courseName": "टཬࢤઢ", "courseNo": "1", "courseGroupId":
"63b39b63-dbf6-413d-912c-60e65acd3d25", "courseGroupName": "टཬࢤઢ", "routes": [ { "id": "852af1bb-ba27-442b-b570-006161feb166", "name": "टཬࢤઢ॥टཬࢤઢ" } ], "stations": [ { "id": "0649244c-4c74-4314-9f27-d8cbe9d14f07", "name": "৽Ӧۀॴ", "hiragana": "ΞϥΧϫΤΠΪϣγϣ", "lat": 26.204163565332134, "lon": 127.72591024154555, "certain": true }, { データさえ取って来れれば こっちで作れる [ { "ja": "ཧ٬", "en": "Jitchaku", "candidates": [ "ཧ٬", "Jitchaku", "ͬͪ͡Ό͘" ] }, { "ja": "ୈҰ", "en": "Daiichi Nakanishi", "candidates": [ "ୈҰ", "Daiichi Nakanishi", "͍͍ͩͪͳ͔ʹ͠" ] }, { "ja": "", "en": "Nakanishi",
取ってきたデータを元に 雑に作る • React Native ͷͪ React • React Native
ͷͳΜͪΌͬͯ CSS ͕ͭΒͯ͘ɺ ͏ Web Ͱྑ͘Ͷʁͬͯͳͬͨ • औ͖ͬͯͨ࿏ઢใ͕ 8MB ͩͬͨͷͰɺ API ʹ͠Α͏͔໎͏ • ·͕͍͍͚ͣࣗͨͩͩ͠·͍͍͔͋ • ී௨ʹखݩʹஔ͍ͯ import ͪ͠Ό͏
\ もくもくできた /
実際に使ってみた
あえて普段行かないような ところへ移動計画を立てる • ಹࢢ͔Β༩ಹݪொߦ͘όε࿏ઢΛ ׆༻ͯ͠ΈΔ • ߦͬͨ͜ͱͳ͍͠શવ͔Βͳ͍ ʢͦͦ؍ޫͰͳ͍ʣ
あえて普段行かないような ところへ移動計画を立てる
那覇バスターミナル、 番号だらけで 分からないが・・・
分かる、分かるぞ・・・!
分かる、分かるぞ・・・!
• ಹ৽։ઢͱ͔๐౦ઢͱ͔ɺ ࿏ઢશવ͔Βͳ͍͚Ͳɺ ͲΕ͕དྷ͍͍͔ͯͬͯͬͯΔʂ • όεձࣾ͢ΒΒͳ͍͚Ͳɺ ݱࡏͱతͷόεఀ͑ͬͯ͞ΕΕΔʂ • ಹόελʔϛφϧ৭Μͳόε͕དྷΔ͚Ͳ ࣗͷ࡞ͬͨ
Web ΞϓϦͷ͓͔͛Ͱɺ Ͳ͜ͰͬͯΕ͍͍͔͕͔ͬͨ 分かる、分かるぞ・・・!
まとめ
まとめ • ࠔ͍ͬͯΔ͜ͱΛΤϯδχΞϦϯάͰղܾ͢Δ ʢΤϯδχΞͳͷͰʣ • ͘͘ձʹࢀՃͯࣗ͠Β࡞Δ • ࠔ͍ͬͯΔ͜ͱΛݟ͚ͭΔʹɺ ੵۃతʹ diff
ΛऔΓʹߦ͘ ͭ·Γ diff ΛऔΔ
※なお注意点 • ͨͿΜ͜͜·Ͱ LT ͰΕͦ͏ʹͳ͍͚Ͳ ҰԠॻ͍͓͖ͯ·͢ • ݱࡏɺ·ͩܥ౷͝ͱͷରԠ͕શͰͳ͍όʔδϣϯͰ͢ ʢ༵࣌ؒʹΑͬͯϧʔτ͕एׯҧ͏ͭʣ •
্هͷܥ౷͕ղܾ͔ͯ͠Βਖ਼ࣜϦϦʔε͠·͢ Ͱͳ͍ͱۤରԠ͠ͳ͍ͱ͍͚ͳ͘ͳΔͷͰɾɾɾ ʢͨͩ͠͏ຊ൪ެ։͞Ε͍ͯͨΓʣ • Ͳ͔͔͜Β͓ۚΛΒ͍ͬͯͬͯΔΘ͚Ͱ͋Γ·ͤΜ झຯͷͰ͢
ご静聴 ありがとうございました!