ID:71109さん

## プロジェクト詳細 ### プロジェクトの目的・背景 1. 稼働中の2つのWeb App の統合版を開発する。 - ( Instagram運用ナビゲーション Web Appと、Instagram インフルエンサーのキャスティング Web App) 2. 1つの Webアプリに統合した上で、Account 契約プラン( Light, Basic )に応じた機能の連携などをできるようにする。 ### チーム構成と、担当した役割 1. メンバーは、3人 - FrontEnd & BackEnd：1人 - FrontEnd：1人 - BackEnd：1人 2. 担当ポジションは、FrontEnd専属で、BackEnd専属担当と連携して、実装を進める。 ### 使用技術や開発環境等 1. 言語：HTML,CSS,TypeScript,SQL 2. フレームワーク：React, Next.js, Node.js, Express 3. ライブラリ：Valtio, Emotion, TailwindCSS, Axios など 4. ツール・その他：Git, GitHub, VSCode, AWS, Docker, Figma, PostgreSQLなど ## 取り組んだ課題 1. FrontEndのディレクトリ構造の設計・導入 - ドメインに沿った、最適な粒度でのディレクトリの切り分け。 - Atomic Componentは、ui-elements (atoms), ui-parts (molecules) などの単位で分ける。 2. Storeの設計・実装 - Recoilや、Reduxよりも管理しやすい、Valtioの導入・Store設計 3. API・Doc作成 & I/F定義 - BackEnd担当者と連携を取るための、API-Doc作成 および、インターフェースの定義 4. 再利用しやすいComponentの設計・実装 - Atomic Componetの設計と実装

## プロジェクト詳細 ### プロジェクトの目的・背景 1. アイテムのデザイン & ショッピング Web Appをのデザインを一新する & 新機能の追加 - 元々、新機能の開発および、運用・保守を担っていた。 ### チーム構成と、担当した役割 1. メンバーは、最大5人(New デザインの実装期間のみ) - 正社員：2人 - 外部パートナー：3人 - 全員、FrontEnd & BackEnd兼任 2. 担当ポジションは、FrontEnd と BackEndの実装 & チームリーダー ### 使用技術や開発環境等 1. 言語：JavaScript,HTML,CSS, TypeScript, SQL 2. フレームワーク：Vue.js, Nuxt.js, Node.js, Express 3. ライブラリ：Knex.js, Axiosなど 4. ツール・その他：Git, GitHub, VSCode, PostgreSQL, Azure, Docker, Figmaなど ## 取り組んだ課題 1. FrontEndのデザインを一新するための画面や、内部Srcの分析 - 新しいデザインに一新されるので、それに伴った、画面の改修部分の分析 - 新しく作成するべき、Atomic Componentの分析とチケット作成 - Atomic Componentは、ui-elements (atoms), ui-parts (molecules) を最適な単位で分ける。 2. Nuxt.jsへのTypeScriptの事後導入 3. Nuxt.js を使ったWebサイト開発スキル - Nuxt.jsを使ったことはなかったので、キャッチアップしながらの実装。 4. 正社員として、チームリーダーをする必要があったので、メンバーの進捗管理など

## プロジェクト詳細 ### プロジェクトの目的・背景 1. 自社プロダクトのコミュニティ・コマース Web App を開発する。 ### チーム構成と、担当した役割 1. メンバーは、6人 - FrontEnd & BackEnd：4人 - FrontEnd：1人 - BackEnd：1人 2. 担当ポジションは、FrontEnd & BackEndの実装 ### 使用技術や開発環境等 1. 言語：HTML,CSS,TypeScript,SQL 2. フレームワーク：ReactAdmin, React, Next.js, Node.js, Express 3. ライブラリ：Material-UI, Recoil, Styled-Component, Axiosなど 4. ツール・その他：Git, GitHub, VSCode, AWS, Docker, PostgreSQLなど ## 取り組んだ課題 1. アジャイルでの開発 - スプリントごとのTask管理術などを修得しました。 2. Storeの設計・実装 - Recoilを使った、状態管理スキル 3. Material-UIや、Styled-Componentを使ったStyleingスキル - BackEnd担当者と連携を取るための、API-Doc作成 および、インターフェースの定義