内田 結衣

Yui Uchida

フロントエンド エンジニア

年齢:28

場所:渋谷

勤務時間:40時間/週

スキル一覧

言語

TypeScript
JavaScript
HTML
CSS
Sass

フレームワーク

React
Next.js
Vue.js
Nuxt.js
Svelte

ツール

Webpack
Vite
ESLint
Prettier
Jest

経歴

FP16入社

フロントエンドエンジニアとして入社。Webアプリケーション開発を中心に担当。

Web制作会社

Webデザイナー兼コーダーとして、企業サイトやランディングページ制作に従事。

IT企業入社

フロントエンドエンジニアとしてのキャリアをスタート。HTML/CSS/JavaScriptでのコーディングを担当。

大学卒業

情報学部でWebデザインとプログラミングを学ぶ。卒業制作でインタラクティブWebサイトを開発。

参画プロジェクト

【株式会社A社案件】ECサイトリニューアル
2023年5月 - 2023年11月

大手アパレルブランドのECサイトのフルリニューアルプロジェクト。Next.jsとTypeScriptを使用したフロントエンド開発を担当。レスポンシブデザイン、アクセシビリティ対応、画像最適化などを実装。特に商品検索・フィルタリング機能のUI/UX改善に注力し、コンバージョン率20%向上に貢献。パフォーマンス最適化により、Lighthouseスコアを平均40ポイント改善。チームメンバー5名のコードレビューも担当。

TypeScriptNext.jsReactGraphQLApollo ClientTailwind CSSJestReact Testing LibraryStorybookVercelGitHub Actions
【株式会社B社案件】SaaSダッシュボード開発
2022年10月 - 2023年4月

B2B向けマーケティングSaaSプロダクトのダッシュボード機能開発。データ可視化とレポート機能のフロントエンド実装を担当。React、TypeScript、D3.jsを使用したインタラクティブなチャートとグラフの実装。複雑なフィルタリングとデータ集計機能のUI設計。レスポンシブ対応と高パフォーマンスを両立したコンポーネント設計。顧客からのフィードバックを元にした継続的な改善も実施。

ReactTypeScriptRedux ToolkitD3.jsMaterial UIReact QueryJestCypressAWS AmplifyGitLab CI
【株式会社C社案件】不動産ポータルサイト開発
2022年2月 - 2022年9月

不動産物件検索・比較サイトのフロントエンド開発。Vue.jsとNuxt.jsを使用したSPA実装。地図連携機能、物件検索・フィルタリング、問い合わせフローなどの主要機能を担当。特に地図上での物件表示とインタラクションのUI/UX設計に注力。SEO対策としてのSSR実装も担当。モバイルファーストアプローチによるレスポンシブデザイン実装。

Vue.jsNuxt.jsJavaScriptVuexSassMapbox APIJestStorybookFirebaseGitHub Actions

関心

UI/UXデザイン

ユーザー体験を最優先にしたインターフェース設計に情熱を持っています。特にアクセシビリティとインクルーシブデザインを重視し、すべてのユーザーが使いやすいWebアプリケーション開発を目指しています。

フロントエンドパフォーマンス最適化

ウェブサイトの読み込み速度と実行パフォーマンスの最適化に強い関心があります。コード分割、遅延読み込み、メモ化など、様々なテクニックを駆使してユーザー体験を向上させる方法を研究しています。

モダンReactパターン

Reactの最新機能やパターンを活用した効率的なコンポーネント設計に取り組んでいます。特にReact Server ComponentsやSuspenseなどの新しいパラダイムに注目しています。

インタラクティブWebアニメーション

CSS AnimationsとJavaScriptを組み合わせた洗練されたWebアニメーションの実装に興味があります。視覚的に魅力的でありながら、パフォーマンスにも配慮したアニメーション表現を探求しています。

フロントエンドテスト自動化

コンポーネントテスト、インテグレーションテスト、E2Eテストなど、フロントエンドの品質を自動的に担保するための手法に関心があります。テスト駆動開発(TDD)の実践にも取り組んでいます。

技術記事

登壇スライド

SNS

GitHubGitHubXTwitter