K
S
·
·
·

Projects
& Work

01

人材支援ERPシステム開発

人材支援事業のSES案件・契約・要員・勤怠情報を一元管理するERPシステムの開発保守。既存システムの利便性・拡張性の低さをUI改修と技術統一で改善。

  • 未確定だった画面構成を設計し、操作性・視認性の改善提案を実施
  • 案件管理・スキルシート・クライアント管理など主要画面の実装
  • 検索・ソート・編集・削除などリスト操作機能の開発と操作フローの統一
  • API Gateway → Lambda → RDS のニアサーバレスアーキテクチャ設計
  • IAM Identity Center を活用したセキュリティベストプラクティスの権限管理
  • GitHub Actions による CI/CD パイプラインの設計・構築
  • 新規参入メンバーへのオンボーディング支援

Tech Stack

TypeScriptReactSCSSMUIPostgreSQLAWS LambdaAmazon RDSDockerGitHub ActionsFigma

Process

要件定義基本設計詳細設計実装・単体テスト結合テスト保守・運用

Scale

フロントエンド5名 / バックエンド5名

02

社内イベント活性化アプリ

社内カルチャーイベントの活性化を目的としたWebアプリケーション。イベントの告知・参加申請・感想共有・企画提案を一元管理するプラットフォームを構築。

  • プロジェクトリーダーとして進捗管理・上長報告・工数管理を担当
  • ホーム・プロフィール・イベント詳細・作成画面のレイアウト設計と実装
  • イベント作成フォームのバリデーション・ジャンル選択制限などの改善
  • 参加者増減・満員対応・募集終了時の表示制御を実装
  • 各操作に対するトースト通知・ローディング画面の追加
  • アニメーション・ホバーアクションの追加と調整

Tech Stack

ReactJavaScriptHTML/CSSPythonFastAPIMySQLDocker

Process

要件定義基本設計詳細設計実装・単体テスト

Scale

フロントエンド3名 / バックエンド4名

03

物理操作による情報転送デバイス

ペン型デバイスを用い、擦る動作によって情報のコピー&ペーストを直感的に行えるインタラクションの実現を目的とした研究開発。視覚的フィードバックと触覚フィードバックを組み合わせ、デジタル情報操作に物理的な手応えを再現。

  • ペン内部の複雑な形状を Blender で設計し、M5Stack や配線が収まるよう反映
  • Illustrator でモックを作成し、レーザーカッターで物理形状を制作
  • 毎週メンバーの進捗を教授へ報告、他チームとの合同発表に向け連携
  • 中間・最終発表スライドを単独で作成し、一般観客の前で発表

Tech Stack

C++BlenderFigmaIllustrator

Process

要件定義基本設計詳細設計実装・単体テスト

Scale

6名(PL1 / エンジニア4 / デザイナー2)

04

ポートフォリオサイトの運営

個人の経歴や制作物を一覧できるポートフォリオサイトを継続的に開発・運営。現在は Ver.4.0 を制作中。デプロイ先もGitHub Pages → Xserver → AWS S3 と進化させてきた。

  • Figmaを用いてUIレイアウトを設計、フロントエンドに実装
  • GSAP・Lenis を活用したスクロールアニメーション・パーティクルインタラクションの実装
  • GitHub Actions による CI/CD パイプラインと GitHub Pages への自動デプロイ
  • Ver.1.0: GitHub Pages / Ver.2.0: Xserver(独自ドメイン)/ Ver.3.0: AWS S3

Tech Stack

Next.jsTypeScriptReactGSAPTailwind CSSFigmaGitGitHub Actions

Process

要件定義基本設計詳細設計実装・単体テスト保守・運用

Scale

個人開発

Skills
Projects
Hobbies
Articles