プロフィール
AIの大きな波の中で、事務職からWebフロントエンドエンジニアへ転職した人間。実務経験1年以上。
論理的に考えることが好きで、機能構成の各要素を組み立て、一つひとつのノードを順に乗り越え、最後に点と点をつないで線にし、システム全体を完成させる達成感が好きです。とはいえ未経験からの転職なので、学ぶべきことはたくさんあります――専門的な基礎知識から最新技術、そしてAIツールの活用まで。クライアントから報告された不具合や、上司から任された新機能については、まず本当の問題点や詳細な仕様を確認し、「対応できる技術はあるか?」を調べることで、常に正しい方向に進めるようにしています。OJTを通じて日々経験を積んでいます。フロントエンドかバックエンドか判断がつかない問題であればバックエンドの調査にも協力し、デザインカンプが仕様書に合わない場合は自ら資料をまとめ、デザイナーや営業と一緒に調整方法を検討します。自分の役割をフロントエンドだけに限定しません。
今の技術力では、まだ人に教えられるレベルではないかもしれません。でも、専門外の視点から、自分の体験や踏んできた落とし穴、気づいたことや考えを共有できます。少しでもお役に立てれば幸いです。
経歴
2025年 - 現在 年ヶ月
フロントエンドエンジニア
小規模IT企業 従業員数 約20名
既存プロジェクトの保守・更新、企業サイトのコーディング・構築、社内システム(ERP・EIP)のUI/UX設計およびフロントエンドのインタラクティブな画面構築を担当。
6ヶ月 2024年 - 2025年
転職・職業訓練
職業訓練センター
HTML / JS / CSS / PHPの基礎および簡単なフルスタック開発を学び、首席で修了。
2017年 - 2024年
総務・管理
有名カメラ日系企業 従業員数 約4,000名
日本語翻訳、イベント司会、データレポート作成、各種庶務業務。
スキル
開発スキル
セマンティックマークアップ・レスポンシブデザイン・CSS Grid / Flexboxレイアウト・SCSSモジュール構成に精通。目的のエフェクトやUIに合わせてCDNパッケージを選定・導入し、デザイナーの指示を実装する。日常業務のメイン言語。
DOM操作とイベント監視に精通。クライアントの要望に合わせてUIを制作し、UXの最適化を行う。特定の機能や画面で既存のパッケージが使えない場合は、仕様をしっかり確認したうえで、あらゆる手段を尽くして実現する。
コアHooks(useState・useEffect・useContext)と基本的なコンポーネント設計パターンを習得。Next.js App RouterにおけるSSRとSSGの違いを理解し、中小規模のプロジェクトを単独で完成可能。実装を通じてフレームワークの知識を継続的に深めている。
Vue 3のOptions APIとComposition API、基本構文とリアクティブの仕組み(ref・reactive・computed)を理解。Nuxtを用いたプロジェクト実績、VueによるシステムUI構築実績あり。
utility-firstの開発思想に慣れており、RWDレイアウトを素早く構築でき、@applyで再利用するスタイルの組み合わせをまとめられる。日常業務ではSCSSを使うことが多いが、Tailwindの既存プロジェクトでも問題なく修正を完了できる。
データベース接続と基本的なCRUD構文を理解。SQLインジェクションやXSSへのセキュリティ対策も把握。N+1パフォーマンス問題を理解し、Eager Loading(バッチクエリまたはJOIN)で対処できる。
基本操作とチーム開発時のブランチ作成→PRのワークフローに習熟。CI/CDパイプライン(GitHub Actions・Docker・ユニットテスト・自動デプロイ)を学習中。
インターフェースと型エイリアスを定義し、ReactやVueプロジェクトで活用できる。TypeScript環境でJestを実行する際に必要なトランスパイルパッケージや補助ツールを理解している。
Expressの基礎を理解し、WebSocketチャットルームの実装やMongooseを使ったDB操作の経験あり。フロントエンドの視点からフルスタック開発フローを習得。
現職でレガシーPHPプロジェクトを保守。既存ロジックの読解・修正、フォームバリデーション、MySQLのCRUD操作が可能。MVCアーキテクチャを理解し、機能の追加・修正ができる。リフレッシュトークンとセッションを組み合わせた認証実装の経験あり。
現職で旧来のClassic ASPシステムを保守し、既存システムを壊さずに修正作業を完了できる。IIS環境でSEOに配慮したサーバーサイドレンダリングページを構築する必要が生じた際、AIを活用しながら再帰的レンダリング・ページネーション・検索機能を期限内に実装した経験あり。
イメージ・Dockerfile・docker-compose.ymlの概念、コンテナのビルド・起動・停止の基本を理解。Linux環境でのビルドが必要なNuxtの旧プロジェクトを、Dockerコンテナ内で修正・コンパイルし、ビルド成果物を取り出した経験あり。
多言語WordPressプロジェクトの保守経験あり。使用中のプラグインに沿って編集を実施。新機能の実装時に適切なプラグインが短時間で見つからない場合は、コードを手書きしカスタムJS・CSSでクライアント要件を実現。
ScrollTriggerを活用し、現在のWebサイトでよく見られるスクロールアニメーションを実装できる程度。
3Dモデルファイルの読み込み・シーンと座標の設定・AIを活用したパーツのマテリアル/テクスチャ変更機能の実装が可能。チュートリアルに沿って3Dレーシングゲームとカエルの横断ゲームを完成させた経験あり。
AIツール
Claude CodeによるAIツール操作に習熟。design-taste-frontendでUIをリニューアル、pony-tailでHTMLの骨格を構築、agentでシンプルなフルスタックアプリを完成、GitHub MCP連携まで対応できる程度。
デザインツール
PhotoshopとIllustratorの基本操作が可能。Canvaの既存テンプレートでスピードデザインも活用。英語・日本語で海外デザインサイトのテンプレートを参照し、フロントエンド向けコンポーネントやエフェクトを制作。