ちなみにこの人は研究室のHPをサーバレス、SPA、GraphQL、ChatOpsで作ったに出てくる後輩くんです。担当はこんな感じです。以下の技術を使いました。CloudGraphQLサーバレスwebAPIをGraphQLで書いてスマホアプリがこいつと通信するってだけです。認証系は自分で作りたくなかったのでAuth0に丸投げしました。繋ぎこみが結構大変でした。Computeで動かしました。アリババクラウド部分の構成は以下の図のような感じになります。Computeで作りました。私は「このサービスに人は集まらないだろうからRDSでいいや」という相当雑な判断でRDSを使いました。してもサーバレスでやりたかったらNoSQLデータベースのTableStoreを使うか、コネクション用サービスを自分で立ててそこを経由してデータのやり取りをするって手があります。NoSQLでリレーション持ったデータ扱うの辛いし中間サービス作ると管理するのだるいしで、あまりスッキリ解決はしません。GraphQLAPIはGraphQLで作りました。Gatewayを使うとHTTPメソッドごとに複数の設定が必要になるからPOSTのみで事足りるGraphQLが便利だったためです。GatewayでGraphQLのAPIを作成するが参考になります。モバイルアプリreact-nativeでサクッとモバイルアプリを作りました。上の問題を解決するためにreact-nativeを0.56から0.57にアップデートしようとしたのですが、ビルドできなくなったので断念しました。react-native、GoogleかAppleがメンテしてくれって感じです。どっちのOSのアップデートにも追従しなきゃいけないのって、そりゃあバグりますわ。使ったreact-nativeのライブラリreact-nativeを使うにあたってライブラリの紹介って結構役に立つみたいなので私も紹介します。native-baseアプリ全体としてはnative-baseを使ってレイアウトの調整をしました。以前使ったことあったしドキュメント分かりやすいしと思ったので採用しました。react-native-masonry-layout私もこの開発をしていて初めて知ったのですが、Pinterestみたいな可変高さのタイルはmasonryレイアウトって言うらしいです。ちなみに、もっと有名なライブラリであるreact-native-masonryを使おうとしたのですがレイアウトが崩れたのでこっちにしました。インタフェース的にもこっちがいいので使える人はなるべくこっちを使いましょう。masonryレイアウトはホーム画面などで使いました。react-native-splash-screenアプリが立ち上がるときに表示されるロード画面をいい感じにしてくれるライブラリです。react-navigaion画面遷移はこいつを使いました。ナビゲーションって難しいですよね。wixが出してるreact-native-navigationも使ってみようとしたのですが使いこなせなかったので断念しました。react-native-image-pickerreact-nativeでローカルから画像を持ってこようとしたらだいたい使うライブラリです。react-native-placeholderロード待ちの時にグレーの領域が表示されるやつありますよね。PlaceholderとかSkeltonとか言うそうです。これがあるのとないのとではだいぶ印象が違ってきますよね。react-native-web-headroompull-to-refreshを実現するために使いました。まんまではありませんがこんな感じにやって作りました。<Spinner>はnative-baseのコンポーネントです。react-native-elements<Avatar>などいろいろな場所で使っています。費用など開発開始が9月1日で1stリリースが9月20日でした。かかっている費用はRDS代の1700円/月とドメイン代くらいで他は特にかかっていません。Cloudのサービス、結構ググラビリティが低い名前が付いていて検索で辛い時がたまにありました。GatewayとかOSSとか。gateway」とかつけなきゃいけなくてスマホで打つ時面倒だった記憶。react-nativeでハマると結局nativeの知識が必要になって辛いので次からはreact-nativeやめてKotlinにしようと思います。自分が作ったこのアプリに今は正直あまり価値を感じていないので、価値を見出した方がいたら一緒にやりませんか。upLoginユーザーは見つかりませんでした。