400万人が利用するビジネスSNS
メタコート株式会社 / リーダー
【自己紹介】
「製造現場12年→フロントエンドエンジニアを目指した理由|「問題を設計で解く」という気づき」
🧑💻 製造業からWebへ──「構造を見る力」を武器にしたキャリアチェンジ
• チーム開発に挑戦したい • UI/UX改善にももっと関わってみたい • リファクタリングやコード設計にも取り組みたい
🔵 メタコート株式会社|リーダー(2013年11月〜現在)
少人数の店舗チームで、カット・カラー・パーマなどの施術全般を担当。 サブチーフとして、後輩育成や業務フォロー、売上・予約状況を意識した店舗運営にも関わりました。 接客品質の維持とチーム連携を重視して取り組みました。
Health Log App(体調記録アプリ) React × TypeScript × Firebase を用いて、日々の体調や症状を記録できるWebアプリを開発しました。 「主観でいいからすぐ書ける」「あとで振り返りやすい」をテーマに、シンプルさと継続しやすさを重視しています。 ⸻ ■ 実装した主な機能 • Firestore連携:CRUD(保存/更新/削除/一覧取得) • Firebase Authentication:メール/パスワードログイン • UI改修:コンポーネント分割、保守性向上、モバイル最適化 • カレンダー表示:日付ごとの記録を閲覧 • Markdown出力:Obsidianに貼れる記録形式を生成 • ローカル保存:localStorageによる一時保存 ⸻ ■ 使用技術 • フロントエンド:React / TypeScript • バックエンド:Firebase(Auth / Firestore) ⸻ ■ コメント 体調管理という自分の生活課題をテーマにしたプロジェクトで、 「必要な機能を構造化し、改善を積み重ねる」開発プロセスを最初から最後まで一貫して経験しています。 GitHubでの管理、UI改善、型の見直しなども継続して行い、 “実務を意識した開発スタイル” を身につけるための中心プロジェクトとして取り組んでいます。 👉 GitHub: https://github.com/ksk3gogodayo/health-log-app
React(Hooks / 状態管理 / コンポーネント設計 / 再レンダリング最適化) TypeScript(型設計 / props・stateの型安全化 / Utility Types) Firebase(Auth / Firestore / Hosting / データ構造設計) UI改善(ワークフロー簡略化 / 認知負荷の削減)
Git / GitHub(PRベース開発 / ブランチ運用 / レビュー慣れ) 抽象化⇄具体化の設計思考(業務改善・Reactどちらも共通) 問題構造の分解・仕組み化・フロー設計
React
TypeScript
Firebase
企業からスカウトをもらいましょう