自己紹介

丁寧な対応と再現性にこだわるマークアップエンジニア

【高精度コーディング】HTML/CSSからReact/TypeScriptでのUI実装まで対応

ご覧いただきありがとうございます。
FigmaやXDなどのデザインカンプをもとに、意図をくみ取りながら丁寧かつ再現性の高いコーディングを行います。
これまでHTML/CSS/JavaScript（jQuery）を中心としたコーディングで培った「見た目の再現性」と「保守性の高いコード設計」を強みとし、現在はReactやTypeScriptを用いたUI・画面実装へと対応範囲を拡張して活動しております。

◆対応範囲
1. 即戦力として対応可能な領域（マークアップ・制作）
・HTML/CSSコーディング： Sass（scss記法）やEJSを用いた、共通化・保守性を意識したセマンティックなマークアップ。
・レスポンシブ・アニメーション：スマホ・タブレットへの完全対応、CSS/JavaScriptを用いた動きのある実装。
・WordPress構築：組み込みを前提としたHTML設計から、WordPress化に関するご相談・実装。
2. 拡張して対応・アサイン可能な領域（フロントエンド・画面実装）
・React / TypeScript開発：コンポーネント単位でのUI実装、画面表示ロジックの実装。
・開発環境への適応：近年のモダン開発で主流となっているDockerコンテナ環境へのジョインや、Gitを用いたチーム開発。

◆ スキル・技術スタック
・言語・メタ言語： HTML, HTML5, CSS, CSS3, JavaScript (Vanilla, jQuery), TypeScript
・フレームワーク： React, Next.js
・メタ言語・ツール： EJS, Sass (SCSS記法)
・CMS： WordPress

◆ 使用ツール・開発環境
・OS： Windows
・デザインツール： Figma, Adobe XD, Adobe Photoshop, Adobe Illustrator
・エディタ・環境： Visual Studio Code, Docker, Git
・ビジネスツール： Microsoft 365, Microsoft Teams, Slack