Upgrade to Pro — share decks privately, control downloads, hide ads and more …

沖縄のバスがつらすぎて自分でバスアプリ作った話 / ngk2018b-okinawabus

girigiribauer
December 22, 2018
1.4k

沖縄のバスがつらすぎて自分でバスアプリ作った話 / ngk2018b-okinawabus

NGK2018B 昼の部(LT大会)
沖縄のバスがつらすぎて自分でバスアプリ作った話

girigiribauer

December 22, 2018
Tweet

More Decks by girigiribauer

Transcript

  1. 分からないから乗ってみた • ࠓ೥2݄ʹॳΊͯ৐ͬͨ • ಹ೼ࢢͷόελʔϛφϧ͔Β
 ίβʢԭೄࢢʣ෇ۙ·Ͱ diff औΓʹߦ͖͍ͨ • Wikipedia

    ͷ ”ԭೄຊౡͷόε࿏ઢ” ʹ
 ൺֱత៉ྷʹ·ͱ·͍ͬͯΔ • https://ja.wikipedia.org/wiki/ԭೄຊౡͷόε࿏ઢ
  2. データさえ取って来れれば
 こっちで作れる • puppeteer Ͱ ΫιΞϓϦɾΫιαʔϏε͔Β εΫϨΠϐϯά • HTML ϨϕϧͰσʔλ͕දࣔ͞Ε͍ͯΕ͹ɺ


    ௨৴աఔ͸ؾʹ͠ͳͯ͘ྑ͍ • Ajax ͰϞʔμϧͷத਎Λ HTML ͝ͱ΍ΓͱΓͯ͠Δ
 αʔϏεʢʁʣͰ΋ɺൺֱత৺Ժ΍͔ʹऔͬͯ͜ΕΔ • ୁั͞Εͳ͍Α͏ɺϦΫΤετස౓ʹؾΛ͚ͭΔ • લྫ: Ԭ࡚ਤॻؗࣄ݅ • ษڧձձ৔΍ίϫʔΩϯάεϖʔεͳͲͷ Wi-Fi Ͱ͸
 ۃྗεΫϨΠϐϯά͠ͳ͍ʢ໎࿭͔͚ͳ͍ʣ
  3. { "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",
  4. 取ってきたデータを元に
 雑に作る • React Native ͷͪ React • React Native

    ͷͳΜͪΌͬͯ CSS ͕ͭΒͯ͘ɺ
 ΋͏ Web Ͱྑ͘Ͷʁͬͯͳͬͨ • औ͖ͬͯͨ࿏ઢ৘ใ͕ 8MB ͩͬͨͷͰɺ
 API ʹ͠Α͏͔໎͏ • ·ͣ͸ࣗ෼͕࢖͍͍͚ͨͩͩ͠·͍͍͔͋ • ී௨ʹखݩʹஔ͍ͯ import ͪ͠Ό͏
  5. ※なお注意点 • ͨͿΜ͜͜·Ͱ LT Ͱ஻Εͦ͏ʹͳ͍͚Ͳ
 ҰԠॻ͍͓͖ͯ·͢ • ݱࡏɺ·ͩܥ౷͝ͱͷରԠ͕׬શͰ͸ͳ͍όʔδϣϯͰ͢
 ʢ༵೔΍࣌ؒʹΑͬͯϧʔτ͕एׯҧ͏΍ͭʣ •

    ্هͷܥ౷໰୊͕ղܾ͔ͯ͠Βਖ਼ࣜϦϦʔε͠·͢
 Ͱͳ͍ͱۤ৘ରԠ͠ͳ͍ͱ͍͚ͳ͘ͳΔͷͰɾɾɾ
 ʢͨͩ͠΋͏ຊ൪ެ։͸͞Ε͍ͯͨΓʣ • Ͳ͔͔͜Β͓ۚΛ΋Βͬͯ΍͍ͬͯΔΘ͚Ͱ͸͋Γ·ͤΜ
 झຯͷ࿩Ͱ͢