0からのAWS環境でのCI/CD構築。 AWS CodePipelineをECS on Fargateと連携させCI/CDを実現しつつDockleとTrivyでのセキュリティ対策も行った。

エンジニア向け質疑応答サイトteratailのパフォーマンス改善 実働6日間でトップページの表示速度を50%程度改善した

• GraphQLのスキーマ最適化
• データの目的に応じたSSRとCSRの適切な併用化

React,Go,DBモデリングなどの講義の後、「価値のあるプロダクトを創るための」チーム開発と成果物の発表を行うもの。

React,MantineUI,Swagger,Golang,PostgreSQL,Redis,make,Elasticache,WebSocket,Skyway

開発したプロダクト:Matchong(マッチョング) 短時間の筋トレをする人とオンラインでリアルタイムでマッチングできるサービス。 発表スライドはこちら

担当

• Redisの開発環境,Elasticache構築
• Go Routineを使ったRedisキューのポーリングの実装(=マッチング処理の実装)
• サービス全体の構成図を描く
• 直感的,統一されたUIになるように改善

良かった,学んだこと

• マッチングのために必要な要件は何か(待機中のユーザをためるところが要る)。そのために必要だからというアプリのコアとしっかり対応した理由づけをした上で技術を選べたこと
• 開発する上でルールを決めるべきところ(コードレビューやCIの可否など品質に影響したり頻繁に起こったりするイベント)と緩くすべきところ(リファクタなど指摘すべきだがアプリの価値そのものには影響を与えない)の違いや、やるべきでないアンチパターン(同じファイルのバージョン2を作ること)を体感できたこと
• 適応性の強みや言語化力を生かして、チームや相手の理解度に合わせて全体・お互いの認識を合わせられたこと(構成図の作成と説明や、擬似コーディングなど)
• チームとして当初設定したニーズに応えるプロダクトをデプロイできたこと
• アイディアと技術的なベストチャレンジの2部門で賞を頂けたこと

タスクの依存関係も登録できるタスク管理アプリを学生チームで開発したもの 技育展2022「世の中を便利にする」部門登壇作品

資料はこちら

• Docker,TypeScript,React,Redux,Next.js,Mantine,EsLint,prettier,husky,vercel,Github Actions,flyway
• Golang,GraphQL

チームリーダー兼エンジニアとして、要件定義、技術調査・選定、開発環境構築、画面設計、DB・コンテナ設計、フロントエンド・バックエンド実装の一部を担当。具体的には下記。

• Next.js+TypeScript+Functional Componentを使ったフロントエンドの実装
• Mantine, FlowbiteなどのUIライブラリの選定とUI作成
• Redux,Jotai,Recoilなどの状態管理ライブラリの調査と選定
• Docker, docker-composeを使った開発環境の構築
• 1コマンド1コンテナを意識したコンテナ設計
• タスク管理アプリとしての新規性を担保した要件定義
• flywayによるマイグレーション管理の導入
• GraphQLの導入とスキーマ設計
• GolangとGraphQLによるquery,mutationsの実装

ReactとTypeScriptでの開発はいずれも初体験でありReact Hooksの理解はハードルが高かったが公式ドキュメントやUdemyなどを地道に調べベストプラクティスを素早く習得した。また、テーマがタスク管理アプリということでいかに新規性を出すかに腐心した結果、「タスクの親子関係を踏まえて家族単位でタスクを登録できること」「タスク全体に対する現在の達成度やスケジュール感を把握しやすくすること」という2点を採択し要件定義を行った。加えてフロントエンドのデータ操作の責務が肥大化しているところに問題を感じ、バックエンドをGraphQLで立ち上げてこれを解決し導入時のスキーマ設計や実装を行った。

パーソルの開発組織で実際に使われている「確かなニーズのある開発事業を5日で立ち上げユーザーテストまで行う」手法であるデザインスプリント の実践とUpper Managementへの発表。5チーム中2位を獲得。

この中でチームリーダーを務め、それに徹することを意識し以下のような点でチームに貢献した。

• 議論が迷走しないよう事前に議論の進め方(全体像)を共有してから議論を始める
• メンバーの強みが埋もれないよう、発言の少ないメンバーに積極的に意見を求める
• 分業できるところは積極的に分業して作業効率を上げる

Miro, Figma(プロトタイプ作成に使用)

merpayで用いられている様々な品質保証技術の基本や開発組織作りに関する講義やその実践。

この中で組み合わせテストケース数を統計的に10%まで削減するPICTを学習した。他の開発においてテストケースの組み合わせが膨大になってしまう箇所にこれを適用し効率的なテストの実行に貢献した。

概要: 東北大学理学部に特化した大学公式Webサイトの統合型スクレイパー。技育展2021「はじめてのアウトプット」部門登壇作品。

発表資料はこちら

開発背景: 「大学からのお知らせを確認するために毎日大学Webサイトをいくつも巡回するのは面倒」という友人の悩みから、Pythonのスクレイピングとの相性の良さを感じ開発に着手。

開発期間: 約3ヶ月

開発人数: 2人

開発言語: Python

役割: 企画・プロジェクトマネジメント・エンジニア

episode: 開発メンバーの相方には東北大学理学部の学生さんをLINEで募集して来てもらいました

B向けの日本初SNSマーケティングサービスにおける新規開発・保守運用 サービスサイト: https://rox-message.jp/

• Docker,PHP8.0,Laravel8,Vue.js,MySQL8.0,REST API,Github Actions
• AWSは以下の通り CloudWatchLogs/ALB/ECS/Fargate/ECR/CodePipeline/S3/Cloudfront/EC2/RDS/VPC/CloudTrail/EventBridge

エンジニアの1人目としてプロダクトの立ち上げ初期からプロジェクトに入り、価値や機能の定義、外部APIやその他の技術調査、画面設計、DB設計、Vue.jsによるフロントエンドの実装の一部、Laravelによるバックエンドの実装、AWSの各種サービスを用いた機能の構築/運用等を担当。また、社会人エンジニアの方とのチーム開発であった。具体的には下記。

• Laravelを用いたCRUDなどの基本的なAPI開発
• Vue.js, Typescript,Composition APIでのコンポーネント作成
• 各種外部APIの調査
• 外部APIを利用したキーワード検知機能を持つDM自動返信基盤の構築と高速化
• Laravel-enumによる拡張性を考慮した権限管理機能の実装
• Git-flowイメージに基づいたGitブランチ管理
• 管理ドメインごとに分けたDockerコンテナの設計
• local,dev,stg,prod環境を切り分けた上での運用
• ECS Fargate, EventBridge, CloudTrailを用いたDM配信基盤の構築と証跡管理
• Github ActionsとCodePipeline,ECS,ECRを用いたCI/CDの運用
• supervisorを用いたDM配信基盤の安定化
• AWS Budegt Explorerに基づいたコスト最適化
• ドメインモデルをはじめとするドメイン駆動設計の導入による保守性の向上
• PHPUnitによるユニットテスト
• バッチプログラムの開発と実行基盤の構築

本格的な開発の現場はこれが初めてであり、あらゆる技術が初体験だった。

• 特に技術面ではGithub Actions, CodePipelineとECS Fargateを用いたCI/CDに関しては、Docker自体初めてな上に難度が高く情報も少なかったが、各種書籍やネット情報を地道に調査して運用に必要な知識を素早く習得した。
• 設計面では未経験から書籍などを参考にしながらドメインモデルをはじめとするドメイン駆動設計を積極的に実装し、保守性の向上に寄与した。
• 運用面では外部のAPIのChangelogをRSS登録して自主的にまとめて、開発途中で得られた知見を付け加えたNotionを独自に社内に公開し新機能の立案や修正点の早期発見などに大きく貢献できた。
• 現在ではUX向上を目的として様々な機能の改修に従事。

• PHP
• Python3
• Ruby
• JS/TS
• Go

• GraphQL
• Laravel(6.xと8.x)
• Streamlit
• Rails
• Vue.js
• React
• Next.js
• Tailwind CSS
• Jest
• Eslint
• Prettier
• husky
• Bootstrap
• PHPUnit
• Node.js
• tRPC
• Prisma

• Linux
• Windows
• Mac

• Apache
• Nginx
• MySQL
• PostgreSQL
• Redis

• VSCode
• PhpStorm
• RubyMine
• PyCharm Professional

• EC2
• ECS Fargate
• Application Load Balancer
• RDS
• Route53
• ACM
• Lambda
• SNS
• DynamoDB
• IAM
• VPC
• CloudTrail
• S3
• CloudFront
• CloudWatchLogs
• ECR
• WAF
• Parameter Store
• Secrets Manager
• CodePipeline(CodeCommit,CodeBuild,CodeDeploy)
• EventBridge
• Cloud9

• Cloud Run
• Cloud IAM
• Cloud Build
• Cloud Deploy
• Container Registry
• Secret Manager

• Github Actions(CI)
• vercel/Aiven
• dockle
• Trivy
• flyway
• Docker

• Firebase Auth