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

自作サービスのEVENT FOLLOWのご紹介 / Introducing EVENT FOLLOW, a self-made service

mh-mobile
June 29, 2021
1.2k

自作サービスのEVENT FOLLOWのご紹介 / Introducing EVENT FOLLOW, a self-made service

mh-mobile

June 29, 2021
Tweet

Transcript

  1. 自作サービスの概要 サービス名 EVENT FOLLOW ( 読み: イベントフォロー) コンセプト 興味のある技術イベントを見逃さない技術イベント発見サービス エレベータピッチ

    [EVENT FOLLOW] というサービスは、 [ 自分の興味の方向に近い技術系のイベントを見逃してしまう問題] を 解決したい [ 積極的にイベントを探さずに、自分の興味の方向に近い技術系のイベントを見つけたい人] 向け の、 [ 技術系のイベント発見サービス] です。 ユーザーは [Twitter の友達がシェアしたDoorkeeper やconnpass な どのイベントを発見すること] ができ、 [Doorkeeper やconnpass などでキーワードで検索すること] とは違っ て、 [ 検索せずに自分の興味の方向に近いイベントを発見できること] が備わっている事が特徴です。 参考: どんなサービスを作るかを考えるの提出物
  2. エレベータピッチ [1. サービス名] というサービスは、 [2. 解決する問題] を解決したい [3. このサービスを使うターゲット] 向

    けの、 [4. サービスのカテゴリー] です。 ユーザーは [5. このサービスでできること] ができ、 [6. 競合サービ ス] とは違って、 [7. 差別化要素] が備わっている事が特徴です。 1. サービス名 EVENT FOLLOW 2. 解決する問題 自分の興味の方向に近い技術系のイベントを見逃してしまう問題 3. このサービスを使うターゲッ ト 積極的にイベントを探さずに、自分の興味の方向に近い技術系のイベントを見つけた い人 4. サービスのカテゴリー 技術系のイベント発見サービス 5. このサービスでできること Twitter の友達がシェアしたDoorkeeper やconnpass などのイベントを発見すること 6. 競合サービス Doorkeeper やconnpass などでキーワードで検索すること 7. 差別化要素 検索せずに自分の興味の方向に近いイベントを発見できること
  3. Twitter 検索からイベントデータの取得 Twitter でイベントの収集 収集したイベント詳細の取得 connpass Doorkeeper 友達一覧(フォロワー)情報の取得 イベントに関連したツイート情報の取得 ツイート

    リツイート 引用リツイート 過去のイベントの削除 24 時に一括削除 ツイート取得 DB イベント情報取得 リツイート取得 引⽤リツイート 取得 フォロー 情報取得 過去のイベント 削除
  4. 技術スタック フロントエンド ・Nuxt.js (Nuxt Composition API) ・Firebase Autentication iPhone アプリ

    ・Flutter ・Firebase Authentication バックエンド ・Ruby 3.0.0 ・Rails 6.1.3 (Rails API モード) アプリケーションサーバ ・Puma 5.2.2 データベース ・PostgreSQL キャッシュサーバ ・Redis ツール ・Storybook ・Sentry ・Skylight ・OpenAPI インフラ ・Docker (開発環境) ・Heroku (本番環境) ・GitHub Actions
  5. インフラ構成図 本番環境の構成図の例になります。 コード リポジトリ プッシュ デプロイ GitHub Actions アクセス アクセス

    ブラウザからのアクセスは、Nuxt.js にリクエストされます。 iPhone アプリからのアクセスは、Rails API にリクエストされます。
  6. ランニングコスト 項目 費用 Nuxt.js (Heroku Web Dyno ) $7 Rails

    API (Heroku Web Dyno + Worker Dyno ) $14 PostgreSQL (Heorku Addon ) $9 合計で $30
  7. サービスの各種URL アプリ リポジトリURL サービスURL Web アプリ https://github.com/mh- mobile/event_follow https://eventfollow.app/ iPhone

    ア プリ https://github.com/mh- mobile/event_follow_mobile https://apps.apple.com/jp/app/event- follow/id1561648565 Android アプリは今回の自作サービスのスコープ対象外です。 Web アプリはHeroku でリリース済みです。 iPhone アプリはApp Store にリリース済みです。
  8. 作って学んだこと API 連携 Nuxt.js とRails API の連携 iPhone アプリ(Flutter )とRails

    API の連携 Firebase Authentication (JWT トークンを使った認証) 定期実行処理 Clockwork を用いた定期実行 外部API からイベント情報の抽出 ツール周り Docker OpenAPI Storybook Sentry Skylight セキュリティ周りの対策
  9. 今後やりたいこと 機能を追加する Twitter のリスト毎にイベント一覧の表示 connpass やDoorkeeper 以外の技術イベントの抽出 iPhone アプリ版の強化 iPhone

    アプリのプッシュ通知機能 サーバ側に通知配信の機能を実装 Apple Watch やウィジェット対応など 運用の知見を蓄える 運用してサービスの改善を図りたい メトリクスの評価 パフォーマンス改善
  10. 振り返り - フェーズ 「Web サービスを作って公開する」プラクティスのフェーズ 期間 サービス案の検討 7/20 〜9/23 (約2

    か月) ペーパープロトタイプを作る 9/23 〜9/25 (3 日) 自分で作るWeb サービスのリポジトリを作る 10/2 Web サービスを作る 10/26 〜4/20 (約半年) 自分で作ったWeb サービスのデザインレビューを受ける 4/20 〜5/11 (約3 週間) 自分で作ったWeb サービスのコードレビュー 6/5 〜6/10 (約1 週間) 参考: どんなサービスを作るかを考えるの提出物