ID:74870さん

【業務内容】 主に、工場の可視化管理システムのバックエンドとフロントエンドの開発を担当。   工場の可視化管理システム：
TypeScript / Tailwind CSS / React 18 / Zustand / Next.js / Vitest / Playwright / Python / Pytest / AWS をベースにしたシステムで、各拠点の重機の経路分析や危険箇所の特定、カメラ映像、デバイス情報、ユーザー管理などの機能を実装。Web 上で各拠点の状況を直感的に管理できる。   フロントエンドで、メンバーをリードし、単体テストのカバレッジを 0％ から 90％ 以上に向上させ、単体テストに関するドキュメントをいくつか作成。 GitLab CI/CD をゼロから構築し、単体テスト、コンポーネントテスト、E2E テスト、ビルドなどを実装。 プロジェクト全体や各ページのパフォーマンス最適化やコードリファクタリングを手掛けた。 Git の使用、デプロイ手順に関するドキュメントをいくつか作成し、デプロイ手順や社内の Git フローを改善。 ドキュメントリンク：https://qiita.com/nansenho/contributions   バックエンドで、主にユーザー関連、拠点一覧、デバイス情報、拠点カバー画像などの API や経路分析機能の計算部分を開発。 Python や AWS の IAM、S3、DynamoDB、API Gateway、Lambda、Cognito などの基本的な使い方を理解。 
【実績】 パフォーマンス最適化の実績: - ルーティング後に再レンダリングと API へのリクエストが一回多く行われる問題を解決 - useState の過剰使用による再レンダリングの多発を解決 - useLayoutEffect の不適切な使用を修正

【業務内容】 チームはGitとGitLabを使用して協力して開発を行い、開発プロセスで厳格なコードレビューを実施。 主にNetEase OA 国際版のWeb側のフロントエンド開発を担当。   NetEase 国際版OAシステムWebクライアント： NetEase 社が海外スタッフ向けにカスタマイズした、 Vue 2 / Webpack / Micro Frontends / JavaScript / jQuery をベースにした OA システム。   プロジェクト全体や各ページのパフォーマンスの最適化を数多く手掛け、Figmaのデザインをもとに、プロジェクト全体の UI 更新を実施。 新しいログインページやFAQ ページを開発。 Node.js スクリプトで FAQ 文章の自動化更新も実施。   【実績】 パフォーマンス最適化の実績: - トップページで読み込む JavaScript リソースの数を 24 個減少し、ページサイズを 1MB 削減。 - ログインページを再構築し、使用する静的リソースのサイズを 3.4MB から 428KB に削減。 - FAQ ページの大容量画像の読み込みを最適化。 - Webpack 設定を最適化し、パッケージングやプリロードの処理を効率化。 - コンポーネントライブラリのオンデマンド読み込みや不要なコードの削除により、プロジェクトのサイズとロード時間を削減。 - 特定のフロントエンドパッケージのインポート位置を調整し、コードの構造とパフォーマンスを最適化。 - これらの最適化により、プロジェクトのサイズを従来の 1/3 に削減。

【業務内容】 Vue 2 / ElementUI / Webpack / JavaScript をベースにした、学生側と教師側で構成されるコース予約プロジェクトのフロントエンド開発を担当。   コース予約システムは主に、コースの設定と予約、教材の閲覧（ダウンロード禁止）とアップロード、コースの購入、広告などの機能がある。   【実績】 プロジェクト中、半分以上の API 接続を行い、フロントエンド機能とユーザーとのインタラクションを実装。   バックエンドエンジニアと協力し、さまざまな試行を重ねて教材のダウンロード禁止機能を実現。