ID:68701さん

### 目的 背景 申請や稟議、営業活動の報告をスマートフォンから実現し、PCからその実績を確認、承認できるようにする。 ### チームについて - 3次受けのエンジニアとして参画 - バックエンド 1名 フロントエンジニア 1名 上長 1名 3人体制 - PCとスマートフォンのフロントエンドの実装を担当 ### 仕様技術 - Cordova - HTML5 - CSS3 - jQuery - Bootstrap ### 取り組んだこと 業務報告アプリのアプリ開発プロジェクトに新卒1年目で投入されました。 当時の勤務先にはSPAのノウハウがなかったため、自分で1からjQueryの学習しながら画面の実装とレイアウトの構成を考える等の業務を行いました。 スマートフォン向けのアプリではCordovaを使用し、iOSとAndoroidの両方で動作するハイブリッドアプリの開発を経験しました。 Cordovaプラグインの利用方法の調査や、ブラウザエンジンの違いによる動作の違いに苦戦しながら実装を行いました。 jQueryベースのアーキテクチャに限界を感じ、VueやReact.jsを調査、実現には至りませんしたが乗せ替えを提案しました。 ### 取り組みの成果 社内でその取り組みが評価され「新分野チャレンジ賞」を受賞しました。 わからないことへの解決の仕方(検索や質問の方法)を学びました。

### 目的 背景 輸送トラックの位置情報を取得し、PC画面から地図上位置を表示することで動態管理を実現する。 ### チームについて - バックエンド 3〜5名 フロントエンジニア 2名 QA 2〜3名 PO 1名 デザイナー1名 - PCとスマートフォン、タブレット画面のフロントエンド実装を担当 ### 仕様技術 - TypeScript - React.js - Redux - Redux Thunk - styled-components ### 取り組んだこと 既存プロダクトの新規リニューアルとして、0→1のフェーズを経験しました。 React.jsの知識がほとんどなかったため、先輩の助けも得ながら学習して実装をできるようになりました。 ドライバーを対象としたスマートフォン向けのWebアプリの実装を担当し、リリースまで実装し切りました。 また、社内のプロダクトが全て参照するUIコンポーネントライブラリーの実装も行いました。 多様な職種が集まってアジャイルに開発する現場に初めて参画し、コミュニケーションの必要性を実感しました。 ### 取り組みの成果 React.jsや周辺技術への理解が深まりました。 コンポーネントライブラリーの実装でCSSの知識を増やすことができました。 チームとして働く上で、コミュニケーションがとても大事であることを学びました。

### 目的 背景 倉庫にトラックが接車し荷積や荷卸しなどの作業管理をシステム化する ### チームについて - バックエンド 3〜5名 フロントエンジニア 2〜3名 QA 3〜4名 PO 1名 デザイナー1名 - PCとスマートフォン、タブレット画面のフロントエンド実装を担当 ### 仕様技術 - 既存プロダクト - TypeScript - React.js - Redux - Redux Thunk - styled-components - zod - リニューアル中のプロダクト - TypeScript - React.js(v18) - Redux - Redux Toolkit - stitches - zod - React Hook Form ### 取り組んだこと 主力プロダクトの新機能開発、保守の業務を主に行なっています。 既存かつ大きなプロダクトに投入されたため、コードリーディングやロジックの共通化を意識して開発できるようになりました。 リッチテキスト機能の導入した際に、ライブラリの剪定とリッチテキストコンポーネントの実装を行いました。 フォームのバリデーションを一部zodに変更するリファクタを行い、テストも行ってもらうようにQAメンバーに相談しました。 タブレット向けのプロダクトの変更容易性が低くなってる認識を他のFEメンバーと共有し、1から開発し直すようにチームに相談しました。 タブレット向けのプロダクトの設計を考え、ライブラリの剪定と実装を行っています。 ### 取り組みの成果 リファクタの重要性を認識できるようになりました。 ロジックの共通化や分割を意識できるようになりました。 最新のフロントエンドの技術を調べ、設計に挑戦することができました。 自分より社歴の短いメンバーが多くなってきたので、経緯を交えて説明できるように意識できるようになった。