APIのない大学ログインWebサービスをWKWebViewとJavaScriptでアプリ化した話

今では多くの開発者にとって、APIはアプリ開発の基盤となっています。しかし、個人開発においてニッチな情報を取得したい場合、APIが提供されていないことが少なくありません。このトークでは、APIがない環境でも学生向けの学修サポートアプリを実現するために、WKWebViewによるJavaScriptとの相互通信などの活用事例について経緯を踏まえて紹介します。

APIが当たり前の時代に開発を始められた方々にとって、これらの技術を習得することで、APIがない環境でも柔軟に対応できるようになり、開発の選択肢が大幅に広がるようになります。このトークを通じて、あなたも新たな技術的アイデアを得ることができるでしょう。

また、大学に学生用のアプリがない学生開発者の皆さんへ
「自身で大学のアプリを作り、学生生活を向上させたい！」と思うきっかけなれば嬉しいです！

Transcript

1. "1*ͷͳ͍େֶϩάΠϯ8FCαʔϏεΛ 8,8FC7JFXͱ+BWB4DSJQUͰ
   ΞϓϦԽͨ͠࿩ !BLJEPO
2. দࢁ
   ߊେ
   
   BLJEPO ಙౡେֶӃ
   ػೳԽֶߨ࠲
   म࢜೥ ଔ
   4BOTBOגࣜձࣾ
3. J04%$ J04%$
4. リジェクト
6. ຊ୊
7. ͔͠͠ɺݸਓ։ൃʹ͓͍ͯχονͳ৘ใΛऔಘ͍ͨ͠৔߹ɺ "1*͕ఏڙ͞Ε͍ͯͳ͍͜ͱ͕ଟʑ͋Γ·͢ ࠓͰ͸"1*͸ଟ͘ͷ։ൃऀʹͱͬͯɺ
   ΞϓϦ։ൃͷج൫ͱͳ͍ͬͯ·͢ɻ
8. ࢲͷ৔߹ ཤमঢ়گ΍
   ੒੷Λ֬ೝ͢ΔαΠτ ߨٛ಺༰΍খςετɺ
   Ϩϙʔτఏग़Λ͢ΔαΠτ ϩάΠϯޙͷ৘ใΛͻͱ·ͱΊʹ
   ศརʹͯ͘͠ΕΔΞϓϦΛ࡞Ζ͏ʂ ˞ֶੜΤϯδχΞ͋Δ͋Δ
9. ࢲͷ৔߹ ཤमঢ়گ΍
   ੒੷Λ֬ೝ͢ΔαΠτ ߨٛ಺༰΍খςετɺ
   Ϩϙʔτఏग़Λ͢ΔαΠτ
10. େֶ͸ͲͷΑ͏ͳϩάΠϯͷ࢓૊ΈΛͱ͍ͬͯͨͷ͔
11. 4XJGU
    $PODVSSFODZ
    Λ࢖ͬͯݺͼग़͢͜ͱ΋Մೳ 8,8FC7JFX
13. ͜ΕʹΑΓɺࣗಈͰϩάΠϯࡁΈͷঢ়ଶʹ͢Δ͜ͱ͕Մೳʹͳͬͨ🙌 ͔͠͠ɺ໰୊͕ɻɻɻ
14. γνϡΤʔγϣϯ
    *%ɺύεϫʔυΛؒҧ࣮͑ͯߦͨ͠৔߹ 63-ͷύϥϝʔλʔ͕มԽ͢Δ͚ͩ IUUQT440 FYFDVUJPOFT IUUQT440 FYFDVUJPOFT ՝୊఺
    %04߈ܸʹͳΒͳ͍Α͏ʹରࡦ
15. ՝୊఺
    %04߈ܸʹͳΒͳ͍Α͏ʹରࡦ func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) { let url = self.webView.url! if url.contains({ϩάΠϯೖྗ͕ඞཁͳը໘ͷURL}) { // ͜͜ʂ } } FWBMVBUF+BWB4DSJQUΛಈ͔͔͢൑ఆ͍ͯ͠ΔՕॴ 8FCͷಡΈࠐΈ͕EJE'JOJTIͨ͠λΠϛϯάͰ
    63-ʹ͍ͭͯύϥϝʔλΛ੾ΓऔͬͨϩάΠϯೖྗ͕ඞཁͳը໘ͷ63-ͱ
    ৚݅෼ذΛߦ͍ͬͯͨ ແݶʹϩάΠϯࣦഊ͠ଓ͚Δ
16. ՝୊఺
    %04߈ܸʹͳΒͳ͍Α͏ʹରࡦ enum LoginState { case .loggedIn: // ϩάΠϯதʹϩάΠϯ͕׬ྃ͢Ε͹URLυϝΠϯ͕มΘΔͷͰ൑ఆՄೳ(ྫ֎ͳ͠) case .loggingIn: // ΞϓϦىಈ࣌΍࠶ϩάΠϯ͕ඞཁͳ࣌ case .loggedOut: // ύεϫʔυະೖྗϢʔβʔ case .timeOut: // λΠϜΞ΢τ࣌ } ղܾࡦɿঢ়ଶ؅ཧͯ͋͛͠Δ ͔͠͠ɾɾɾ
17. γνϡΤʔγϣϯ
    λΠϜΞ΢τ͕ൃੜͨ͠৔߹ 63-Ͱ൑ఆ͕Ͱ͖ͳ͍ )551εςʔλε΋ͷ·· IUUQT440 FYFDVUJPOFT IUUQT440 FYFDVUJPOFT ՝୊఺
    %04߈ܸʹͳΒͳ͍Α͏ʹରࡦ
18. ՝୊఺
    %04߈ܸʹͳΒͳ͍Α͏ʹରࡦ ղܾࡦɿϩάΠϯॲཧʹ
    ඵҎ্͔͔ΔͱλΠϜΞ΢τͱΈͳ͢ ແཧͳ࣌͸΋͏ྗٕ💪
19. ͦΜͳ͜ΜͳͰɺͰ͖ͨΞϓϦʮτΫϝϞʴʯ AppleStore: https://apps.apple.com/jp/app/id1582738889 GooglePlay: https://play.google.com/store/apps/details?id=com.tokudai0000.tokumemo
20. ೥݄ʹϦϦʔε μ΢ϯϩʔυ ݄ؒར༻ऀ਺
    ਓ
    ಙౡେֶֶ෦ੜ
    ໿
    
21. ༨ஊͳΜͰ͕͢ɻɻɻ
27. ྗٕ💪
28. ·ͱΊ
29. ·ͱΊ ແཧͳ࣌͸ྗٕ💪