「A+つくば」ネイティブアプリの裏側（UNTIL-LT #0x04）

UNTIL-LT #0x04の登壇資料です

https://until-tsukuba.github.io/events/2024/until-lt0x04/

https://until-tsukuba.connpass.com/event/309828/

Transcript

1. 「A+つくば」ネイティブアプリの裏側 UNTIL-LT #0x04 @つくば 2024.05.11 A+つくば運営チーム info@aplus-tsukuba.net
2. 登壇者紹介 加藤 宇生 (KATO Takaki) : 情報理工学M1 A+つくばのプロダクトオーナー 研究テーマは因果推論と公平性 田村 匠 (TAMURA Takumi) : 情報学M1 Web開発よりも機械学習の方が詳しい 専門は人間とAIの協調・推薦システム 松田 蒼唯 (MATSUDA Aoi) : 情報理工学M1 スクラムマスターや各種デザインなどを担当 A+つくば猫ミームを作ったのもこの人
3. 目次 1. 「A+つくば」の紹介 2. ネイティブアプリを３カ月で作成せよ！ 3. Join us !!
4. 「A+つくば」を一言でいうと、 筑波大生向けの匿名掲示板 https://www.aplus-tsukuba.net/ 2022年10月リリース 4 「A+つくば」の紹介
5. ネイティブアプリを作ろう！ Webアプリの問題点 • 通知機能がない • せっかく返信をもらえてもわからない • 新しい投稿があっても気付かない • ユーザがサイトに能動的アクセスしないといけない • 「ホーム画面に追加」をアナウンスするのには限界 • ユーザの大半はスマホからアクセス 新入生の入学に合わせてネイティブアプリをリリースすることを決定
6. タイムスケジュール 11月 12月 1月 2月 3月 4月 卒論執筆 学会準備 アプリ開発を決定 アプリ公開 メンバーのアプリ開発経験はほぼゼロ なぜうまくいったのか？
7. なぜうまくいった？=>ズルをしたから ズル１：Flutterを使う AndroidとiOSを同時に開発！ ズル２：WebViewを使う 通知機能以外はWebViewでWebアプリ版A+ つくばを表示してるだけ 作ったのはここだけ
8. プッシュ通知の実装は難しい Webアプリ版 A+つくば www.aplus-tsukuba.net WEB アプリ DB 通知管理用サーバ fcm.aplus-tsukuba.net ネイティブアプリ WebView(表示・投稿） スレッドの購読・購読解除 更新の監視 特定デバイスに 対して通知を指示 プッシュ通知
9. 他に難しかったこと • 環境構築（特にiOS） • アプリストアへの公開 ◦ 各種公開鍵の設定とか • 通知の実装いろいろ ◦ 通知には３つの状態があるって知ってましたか？ ▪ アプリ未実行時(terminated)の通知 ▪ バッググラウンド通知 ▪ フォアグラウンド通知 ◦ 通知の権限管理
10. 宣伝もしっかりやりました https://youtu.be/_s_rtjQ6TyI?feature=shared
11. Join us!!!! 「A＋つくば」の開発・運営に参加してくれるメンバーを募集しています！！ （特に１・２年生） 経験不問です！乗っ取り歓迎します！ GitとかDockerとか教えます！！ 技術スタック？ 興味ある方は、 UNTILのサーバーから メンバーにご連絡ください！ #a_plus_tsukuba のチャンネルへ！