Building Digital Experiences
Webシステム開発を中心に、設計から実装・改善まで一貫して携わるシステムエンジニア。
「長く使える設計」と「触っていてストレスのないUI」を大切にしています。
まーさん
System Engineer / Web Developer
B2C / 社内向け管理画面の両方を経験しており、単なる実装だけでなく運用・保守・拡張性まで含めて考えるのが得意です。
最近は個人ブログやポートフォリオ制作を通して、「技術 × デザイン × 発信」をテーマにアウトプットを続けています。
const engineer = {
name: "まーさん",
role: "Full Stack",
focus: [
"Clean Code",
"Scalable Design",
"User Experience"
]
};
歩んできた道のり
実装から設計、そして言語化へ。技術との向き合い方が変化してきた軌跡。
設計と実装を、言語化する
個人ブログ兼ポートフォリオの制作を本格化。WordPress子テーマを大幅カスタマイズし、「なぜこの構成にするか」「なぜこの技術を選ぶか」を記事として発信。実装手順だけでなく、設計意図・トレードオフ・詰まりポイントをていねいに言語化することで、自分の思考を整理する場として活用。
見た目だけでなく、構造を設計する
SPA開発において「動けばいい」から「保守しやすい構造」へ意識が変化。コンポーネント設計・状態管理の整理、既存画面のリプレイスを通じて、UI設計の複雑さと向き合う。デザイナーや非エンジニアとも対話できる実装を目指し、技術的制約を押し付けない設計を模索。
フロントエンド領域へ本格シフト
バックエンド中心のキャリアから、フロントエンド開発へ大きく舵を切る。React / Vue.js + TypeScript を用いたSPA開発を担当し、画面設計・実装・改善提案まで一貫して携わる。「なぜこの技術を選ぶか」を考え、言語化する力の重要性を実感した転換期。
既存システムと向き合い、改善を重ねる
業務システムの改修・保守運用を通じて、「長く使われるシステム」に必要な視点を学ぶ。RDB設計、CRUD実装、API設計を経験しながら、「要件をコードに落とす」「業務を理解する」基礎力を固めた時期。技術的負債との向き合い方、運用を見据えた実装の重要性を体感。
Webエンジニアとしてキャリアスタート
バックエンドエンジニアとして業務システム開発に従事。PHP / Python を用いたAPI・業務ロジック実装、データベース設計を担当。「コードが動く」だけでなく「意図が伝わる実装」を意識し始めた原点。この時期に培った「丁寧に作る」姿勢が、今の自分の土台になっている。
プログラミングとの出会い
大学在学中にプログラミングを独学で学習。HTML / CSS / JavaScript を中心に、個人で小規模なWebページや簡単なアプリを制作。「コードを書くこと」と「ものづくり」への適性を自覚し、Web技術への強い関心が芽生えた原点。この時期の「作る楽しさ」が、今も変わらず自分を動かしている。
スキル・専門分野
これまでの経験で培ってきた技術とアプローチ
チーム開発
コードレビュー、ドキュメント整備、非エンジニアとのコミュニケーションを重視した開発
設計・アーキテクチャ
仕様変更に強い設計、権限管理（RBAC）、マイクロサービス的な分離
UI/UX実装
ストレスのないインターフェース設計、アクセシビリティ、レスポンシブ対応
運用・改善
CI/CD構築、パフォーマンス最適化、技術的負債の解消
技術スタック
Backend
Frontend
DevOps & Tools
仕事で大切にしていること
読みやすいコード
意図が伝わる命名、一貫性のある構造、適切なコメント。チームで長く保守できるコードを書く。
変更に強い設計
仕様変更は必ず来る前提で、柔軟に対応できるアーキテクチャを意識する。
ユーザー目線の実装
デザイナー・非エンジニアとも対話できる実装。技術的な制約を押し付けない。
後から困らない選択
「とりあえず動く」より「後から困らない」を選ぶ。技術的負債は早めに返す。