ID:74870さん

主に工場の可視化管理システムのテックリード、バックエンドとフロントエンドの開発を担当。 工場の可視化管理システム： TypeScript / React 18 / Next.js / Vitest / Playwright / Python / AWS / Pytest / Zustand / Storybook / Tailwind CSS を使用し、 各拠点の重機の経路分析や危険箇所の特定、カメラ映像、デバイス情報、ユーザー管理などの機能を実装。 Web 上で各拠点の状況を直感的に管理できる。 フロントエンドでは： ・技術選定および環境構築を担当 ・メンバーに単体テストの教育を行い、チームをリードし、単体テストのカバレッジを 0％ から 90％ 以上に向上 ・チームの開発体験を改善するため、GitLab CI/CD をゼロから構築し、 単体テスト、コンポーネントテスト、E2E テスト、ビルドの自動化を実現 ・ジュニアメンバーを指導し、ペアプログラミングやコードレビューを実施 ・プロジェクトの保守性を高めるため、デプロイ手順や社内の Git フローを改善 ・プロジェクト全体と各ページのパフォーマンス最適化やコードリファクタリングを担当 ・単体テスト、CI/CD、Git フローに関するドキュメントやキーノートを複数作成し、勉強会を開催 パフォーマンス最適化の実績： ・ルーティング後の不要な再レンダリングと API リクエストを解消 ・useState の過剰使用による頻繁な再レンダリングを解決 ・useLayoutEffect の不適切な使用を修正 一部のドキュメントリンク：https://qiita.com/nansenho/contributions バックエンドでは： ・技術選定やデータベース設計を担当 ・セールス担当とニーズ確認のミーティングを行う。メンバーとコードレビューを実施 ・拠点、デバイス情報、ユーザー管理などに関する RESTful API を開発、Pytest で API テストを実施 ・経路分析機能の計算部分を実装 ・開発体験の改善のため、デプロイ用のスクリプトを作成し、GitLab CI/CD で API テスト、ビルド、デプロイの自動化を実現

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

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