Koichi Asakura

目黒広告社, 朝倉チーム／クリエイティブ・ディレクター

今久留主 知槻

株式会社A, ブランドコミュニケーション事業部

Kazuchika Yanagi

小林 逸世

IKEGAMI KEISUKE

製造現場12年→インフラ運用を志望した理由｜「止めない仕事」に惹かれて

🧑‍💻 製造業からWebへ──「構造を見る力」を武器にしたキャリアチェンジ

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

Health Log App（体調記録アプリ）

メタコート株式会社 / リーダー

Ryuta Sakamoto

株式会社ログラス, 共同創業者 執行役員

Accomplishments / Portfolio

Publications

React（Hooks / 状態管理 / コンポーネント設計 / 再レンダリング最適化） TypeScript（型設計 / props・stateの型安全化 / Utility Types） Firebase（Auth / Firestore / Hosting / データ構造設計） UI改善（ワークフロー簡略化 / 認知負荷の削減）

Git / GitHub（PRベース開発 / ブランチ運用 / レビュー慣れ） 抽象化⇄具体化の設計思考（業務改善・Reactどちらも共通） 問題構造の分解・仕組み化・フロー設計

React

TypeScript

Firebase

GitHub

UI 改善

フロントエンド設計

Firestore

状態管理（State Management）

データモデリング

業務フロー改善

RPA / マクロ（工程改善）

React × Firebase でヘルスログアプリをフルスクラッチ開発

Firestoreの CRUD / 楽観更新 / データ構造設計

UI・UX改善（認知負荷を減らす設計が得意）

チームの工程を標準化して新人でも迷わない仕組みを構築

カメラ判定（IV3）の精度改善（NG率削減）

12年のライン改善で「フロー設計 × 実装」に強み

仕事で使えるスプレッドシート関数

仕事で使える人事・労務管理ツール

仕事で使える組織サーベイツール

直近の企業でマネジメントに携わった年数