ID:38234さん

プログラマ1人(私)とデザイナ1人でスクラッチから副業のマッチングシステムの構築しました。 LPなどの静的ページはWordPressを使用することでプログラマ以外の人も記事やニュースを作成することができ、OGPタグもうまく動作します。 システムは、アプリはパートナー、企業、管理でドメインがわかれ、CloudFrontで同じAPIサーバ(Rails)に向くようになっています。assetsに関してはそれぞれのドメインごとにS3のバケットが分かれていて、ReactのSPAで構築されています。 また、サブドメイン的なシステムについては、SQSを使って別のシステムがイベントを拾いイベントに応じてメールで通知したり、Slackで管理者に通知するなどを行うことで、本体のAPIは見通しのよい作りになっています。 Dockerベースで開発していて、StagingはMicroK8sで構築し、本番はECSです。 Dockerベースにすることにより、デザイナーのマシンに対して環境構築を本人に行ってもらえ、サーバ内のOSやミドルウェアのバージョンアップが容易になり、ECSにより、AutoScaleや障害復旧が自動でできるようになりました。 デプロイに関しては、DBのマイグレーションや移行バッチを実行したい時があることを想定し、Slack上でコマンドを打つことで明示的にdeployを行うようにしています。 DockerのImageの作成はGitHub ActionsでPushが行われるたびに自動的に作成し、ECRに登録される仕組みです。

元々私がJOINSする前はiOSアプリはネイティブで作られていて、Androidアプリは人手が足りずリリースできなかったのですが、私がSPAが得意で以前の職場でApache Cordovaを使ったアプリをリリースしたことがあったため、FrontはBackbone.jsでSPAで構築することで、入社3ヶ月でApache Cordovaを使って、iOSアプリやAndroidアプリとして公開しました。 サーバサイドもスタートアップということもあり、インターンで学生が作っていた状態でセッションにオブジェクトがそのままつっこまれていたりと、とても保守性が低いものだったため、新規でAPIサーバをRailsで構築し、徐々にSPA化していき、最終的に過去のサーバをなくし、PC,iOS,Androidが同じコードで動作するSPAになりました。 新規でAPIサーバを作る際に、混乱したコードを再度産んでしまわないよう、DDDを意識して、ActiveRecordを使わない純粋なモデルを使ったり、主ドメインではないようなメール配信のような処理は、イベントをSQSに発行して別のサービスで実行するようにしました。 また、FrontのBackbone.jsも全体をSPAにしたことにより、かなり複雑なものとなってきたため、TypeScriptやReduxを導入するなどして保守性を高めていくことができました。 staging,本番ともitamaeを使って構築。開発環境(stagingも含む)はDockerで作成 DeployはSlack経由で前回Deploy時のgitのlogと比較した差分のコメントを表示することで今回どの機能がリリースされるのかがわかるツールを作成しました。

APIがPHPでその場その場で増やしていっていたため、保守が困難になったこともあり、型を使ったGo言語でClean Architectureにのっとった仕組みで新しく作っていこうとなり、開発を始めましたが、同じことを何度も書く必要にせまられることが多く、重量級な開発手法であったため、OpenAPIのxmlから各レイヤーのソースファイル(テストも含む)を自動生成するツールを作り、wireというDIツールを活用することで快適に開発できる環境を構築しました。 もともとのAPIが提供しているOAuth providerのバージョンが1だったため、新APIでは、OAuth2 Providerの機能を実装するとともに、OAuth1しか存在しないAPIも残っているため、OAuth1で認証した状態でOAuth2も認証を済ませられるような実装を行いました。 WebのフロントはCoffeeScriptとjQueryを使った動的にDomを書き換えたり、クラス名に対するElementのイベントを拾って更に独自イベントを発行する複雑なものであったため、ReactとTypeScriptを使って宣言的に記述し、Atomic Designにのっとって、コンポーネントを分割してStorybook上で管理することで、いつでもデバッグしやすく見通しのいいものになりました。 個人的に家計簿ではチャートを見ることが好きで、チャート上で気になった動きを詳細に調べたり、予算に対してどのくらいかを知りたいという思いからそれらの仕様を提案書を書き、過去にFXトレードシステムを実装した際のチャートの技術を活用し実装しリリースし、一部ユーザから歓迎されました。