YMGC

0% 初期化中

ABOUT

フロントエンド/コーダーとして、Figmaの意図を崩さない高精度なUI実装を得意としています。

余白・整列・動きなど細部の違和感を見逃さず、読みやすく崩れにくい構造に整えて実装します。

HTML/SCSS/TypeScript、GitHubでの開発に対応しています。細部を詰めて完成度を上げる工程が好きです。

Design Fidelity

Figmaの意図を崩さない再現

Maintainable Structure

読みやすく崩れにくい構造

Quality Mindset

細部調整・アクセシビリティ・一貫性

SKILLS

Frontend

HTML5
CSS3/SCSS
TypeScript
Figma

Backend & Tools

Node.js
Git
Docker
VS Code
GitHub Copilot

PROJECTS

リメンテ様 店舗サイト

JavaScriptを使わず、CSSのみでスライダーを実装しました。
軽量で崩れにくい見せ方になるよう調整しています。

HTML5 SCSS TypeScript Figma Node.js Git

アセンズ動物病院様 医院サイト

予約タブがスマホ画面内に収まるよう、レイアウトを細かく調整しました。
情報が見切れない導線と余白バランスを意識して実装しています。

HTML5 SCSS TypeScript Figma Node.js Git

中谷彰吾税理士事務所様 コーポレートサイト

コーポレートサイトのコーディングを担当しました。
Figmaの意図を崩さず、読みやすく崩れにくい実装を意識しています。

HTML5 SCSS TypeScript Figma Node.js Git

佐藤久美(くみっこ)様 オフィシャルサイト

コーディングからサイト全体の動きまで一人で実装しました。
メニューアニメーションにはGSAPを使用しています。

HTML5 SCSS TypeScript Figma Node.js Git

株式会社アルファメディア様 コーポレートサイト

ワイヤーフレーム作成とコーディングを担当しました。
更新しやすく見やすいよう、ページ構成と導線を整理しています。

HTML5 SCSS TypeScript Figma Node.js Git

メル犬猫クリニック様 医院サイト

コーディングを担当し、ホバー時に犬・猫に切り替わるボタンを実装しました。
サイトの雰囲気に合う“遊び”を入れつつ、使いやすさも崩さないよう調整しています。

HTML5 SCSS TypeScript Figma Node.js Git

野田健公認会計士・税理士事務所様 ウェブサイト

ロゴ背面のあしらいと、メインビジュアルの雲の見え方を調整しながら実装しました。
画面の印象が崩れないよう、余白や配置のバランスを細かく整えています。

HTML5 SCSS TypeScript Figma Node.js Git

高浜台内科小児科クリニッ様 医院サイト

ワイヤーフレーム作成とコーディングを担当しました。
全ページを更新しやすくするため、共通パーツをFigmaで設計・整理しながら進めました。

HTML5 SCSS TypeScript Figma Node.js Git

介護タクシー ウェルコンパス様

スマホファーストのデザインを前提に、画面構成と見やすさを意識してコーディングしました。
小さい画面でも情報が読み取りやすいよう、余白と文字サイズを調整しています。

HTML5 SCSS TypeScript Figma Node.js Git

箱根工芸 様

スマホファーストのデザインを前提に、画面構成と見やすさを意識してコーディングしました。
小さい画面でも情報が読み取りやすいよう、余白と文字サイズを調整しています。

HTML5 SCSS TypeScript Figma Node.js Git Copilot

Contact

お手伝いできることがありますか?

新しいプロジェクトの相談やコラボレーションの機会については、 ぜひお気軽にご連絡ください。

hello@portfolio.dev
+81 90-1234-5678
東京, 日本