ID:70059さん

## プロジェクト概要 社内広報サービス（SaaS）の新規開発 マルチテナント対応で社内広報の管理・配信の効率化が行えるサービス ## 業務内容 主に以下の業務に携わった ・API実装（Java、Spring Boot、Node.js、TypeScript、OpenAPI、Docker、LocalStack） ・テーブル設計（MySQL） ・単体/結合テスト（JUnit、Jest） ・CI/CD環境を構築（Github Actions） ・ネットワーク設計 ・インフラ構築（Terraform、Fargate、Aurora他） ・サーバーレスの技術選定・構築・実装（AWS Lambda、 AWS SAM、Serverless Framework） ・外部認証サービスの技術調査・構築・実装（Auth0、Auth0 Actions、Next.js SDK） ## チームについて バックエンド、フロントエンド、アプリ、UI/UXデザイナーがそれぞれ4名ずつ、プロジェクト全体としては常時16名ほどのメンバー アジャイルでの開発 ## 実績・取り組み ### 外部認証サービスの調査・サービスへの組み込み 認証機能実装のためにAuth0について調査・組み込みを行った。 サービス全体のインフラ構成とAuth0の仕様に合わせどのような認証フローを組むかという課題があったが、SDKやAuth0 Actionsといった機能の仕様調査、外部サービスを組み合わせる検討、各チームとの要件擦り合せを行ったことでプロジェクトに適した認証機能の実装を行うことができた。 ・いくつか種類のあるSDKをそれぞれNext.jsに組み込み、JWTトークンの取得方法や認証方式を理解して比較検討 ・Auth0 ActionsとAWS Lambdaを組み合わせ、認証成功時にAuth0と独自DBを紐付ける処理を実装 ・ユニバーサルログイン画面のカスタマイズ ・TerraformでAuth0リソースを構築 ### サーバーレスの開発環境の構築・実装 プロジェクトでは一部AWS Lambdaを利用している（認証、メディア配信、記事配信など）。 開発方法が定まっておらずテストも行えない状況だったため、開発の効率化、サービスのスケールのためにフレームワークの選定をさせてもらった。Serverless Frameworkを導入することで、TypeScriptを使った型安全な開発やローカルでのテスト、パッケージ化・デプロイの効率を格段に向上させることができた。 ・サーバーレスに関するフレームワークの調査（AWS SAM、Serverless Framework） ・Serverless Frameworkを使った開発環境の構築 ・TypeScriptを用いたLambdaの実装 ・Jestを用いたユニットテスト ### インフラの設計とTerraformを使ったAWS構築 ネットワーク構成を含めたインフラの設計と、Terraformを使ったAWSの構築を一人で行った。 プロジェクト都合により2ヶ月以内に完了、複数環境用意する必要があった。 手戻りがないよう詳細な設計図/設計書を作成、Terraformの構成の試行錯誤、デプロイのエラー対応として問題の切り分けができるような構築を行ったことでスケジュール内でやり切ることができた。この経験を社内LTで発表し、知見の共有を行ったところ高評価を頂くことができた。 ・Draw.ioを使ってインフラ構成図を作成 ・AWSリソースを構築（ECR、Fargate、ALB、SSM、Route53、ACM、CloudWatch、Lambda、S3、Aurora、SES） ・デプロイサイクルを環境ごと(env)にディレクトリを切って分ける、サービス単位でモジュールを作成して抽象化しつ柔軟に対応可能とするなど、Terraformの構成を工夫 ・Fargateのデバッグ用にCLIなどを梱包したイメージを作成しモックとして起動、そのタスクに対しECS EXECを使用することでネットワーク構成を変更せずデバッグを容易に行う工夫をした ### CI/CDの実装 プロジェクトではAPIの定義にOpenAPIを使用し、それを基に型チェックやモックを作成するスキーマ駆動開発を採用している。 OpenAPIのyamlフォーマットが正しいかバリデーションを行うためGithub Actionsを使って定義ファイルのコミット時に自動でバリデーションが行われる実装を行った。

## プロジェクト概要 大規模旅行サイトのフロントエンドの開発 複数のチームがあり私が所属したチームは10名弱のメンバー ## 業務内容 ・既存ページの改修 ・新規ページの作成 ・その他モーダルやフォームなどのUI実装 ## 開発環境 主にJavaScriptとjQueryを使用し、テンプレートエンジンにNunjucks、タスクランナーとしてgulpを使用した。 一部Reactの実装を行った。 ### 行ったこと 幅広いブラウザへの対応のために、Web APIや言語機能の制限があったが、使用可能な技術の範囲でどのようにすれば実装できるかを工夫しつつ、既存のソースコードを活かしながら、依存関係や状態を意識して開発を行った。

日々の学びや気付きをアウトプットするためにブログを作成 URL: https://sun-develop.com/ 使用技術 ・Next.js ・TypeScript ・GraphQL ・GraphQL Code Generater ・Chakra UI ・Prism.js ・cheerio ・Vercel ・WordPress 以下の点を工夫 ・静的サイトジェネレートとVercelのCDNを活用した高速配信 ・GraphQL Code Generaterを利用したリクエストとレスポンスの型安全性の確保 ・コードブロックのシンタックスハイライト ・ダークテーマ対応 ・検索画面のインタラクティブ性 ・記事一覧の無限スクロール