
フロントエンドエンジニア
S・Y
フロントエンド: React/TypeScript環境において、保守性を意識したコンポーネントの設計や実装が可能 Figmaを用いて既存のデザインルールに基づいたUIパーツのデザインやプロトタイプの作成も可能
スキル
TypeScript
3年基本的な使い方を熟知しており、アプリケーションのコードベースを型安全に保って開発することが出来る。 ジェネリクスを駆使してユーティリティ関数や汎用Reactコンポーネントを作成できる。
PHP
1年すでに運用されているアプリにて、簡易なCRUDに関する機能追加やバグ修正が可能。
React
2年基本的なAPIはライブラリの思想や挙動を正しく理解した上で適切に使用できる。 メンテナンス性を意識して、責務を適切に切り分けたコンポーネント設計ができる。
Next.js
2年SSR, SSG, ISR の使い分け方法やユースケースに対してどれが最適なレンダリング手法かを理解している。 またApp Routerについても概ね理解し、Server ComponentとClient Componentを適切に使い分け、機能の実装ができる。
参画プロジェクト
2024年12月〜現在
宿泊施設サイト、オンライン挙式配信サイト、挙式空枠検索サイトの運用保守・機能追加
フロントエンドエンジニア
宿泊施設サイト コンテンツを管理している独自CMSと、そのコンテンツをユーザー向けに表示するブランドページの運用・保守及び機能追加を行いました。 マーケティング担当の方が作成したチケットの課題について、技術的な観点からベストな解決策を提案・実現していました。 オンライン挙式配信サイト Millviという配信プラットフォームをベースに、新郎新婦が登録して招待状作成・送信、出欠席管理、ご祝儀送信、挙式配信などの機能を提供しているサービスの運用・保守及び機能追加を行いました。 挙式空き枠検索サイト 結婚式場のスタッフの方がお客様に挙式日を提案するために、挙式場の空きを検索するためのシステムの運用・保守及び機能追加を行いました。
- Nuxt.js
- Vue.js
- Sass
- Next.js
- MySQL
- TypeScript
2024年4月〜2024年11月
建設業の施工管理サービスのフロントエンドアーキテクト
フロントエンドエンジニア
主にLaravelのbladeファイルで実装されているView部分をNext.jsのPage Routerを使った実装へ置き換えました。 i18nも導入しました。
- Next.js
- Vitest
- React
- TypeScript
2024年3月〜2024年3月
飲食店企業のコーポレートサイト制作・不具合修正
フロントエンドエンジニア
コーポレートサイトのQAにて発見されたデザインの差分や昨日のバグ修正を担当しました。 納期が複数回延長されていた案件を無事担当期間内にリリースしました。
- Next.js
- microCMS
- TypeScript
- Sass
- React
2021年4月〜2023年8月
食品製造業のトレーサビリティ管理ツールの開発
フロントエンドエンジニア
サービス概要:食品業界・物品販売業界の中小企業に対し、業務効率化を推進するプロダクトを展開。 資材の受け入れから商品の発送までを記録管理するツールや、取引書類なども管理できるツールで食品業界・物品販売業界のDX化を進める。 習得した技術 :React, Next.js, Typescript などの モダンフロントエンドに関する経験 。 ChakraUI や ReactQuery などのライブラリを用いたフロントエンド開発 - SOLID原則に基づき、コンポーネントごとの責務を常に考えて依存性の低いコンポーネント設計をすること - ユーザーのユースケースから適切な UI を導き出し、Figmaで形にして第三者に提案すること 。 ユーザーの「欲しい」という声の真意を読み取ってその機能が本当に必要か吟味すること。
- Next.js
- TypeScript
- Stripe
- React
- GitHub Actions
2020年2月〜2021年3月
一般ユーザー向け/スマホ通信関係
インフラ運用エンジニア
Linux 環境 (CentOS) でのサーバー設定やテスト環境の構築・テストの実施。 本案件の背景:スマホ通信局の基盤となるソフトウェアのテスト環境の構築・設定、テストを実行するメンバーの希望があった。 習得した技術 :基本的な Linux コマンド操作の習熟、ユーザーからのオプションや引数の入力によって違う振る舞いをするシェルスクリプトの作成 、Excel を用いた作業手順書の作成 メンバーとしての振る舞い :作業全体を通して属人化しており有識者のリーダーに負担がかかりやすい構造であったこと、 そして新メンバーを迎え入れられる環境ではなかったため、自分が提案をして手順書の作成・改修を促し、チーム一丸となって手順書を作成した。 LPIC の学習で習得したシェルスクリプトの知識を用いて既存のツールをより使いやすく改修した。
- Linux
2020年2月〜2020年3月
社内デモ向け/Angular を用いた SPA の制作
フロントエンドエンジニア
既存サービスを参考にしながら、 JavaScript から TypeScript へ書き換えた上で、外部 API に接続してシステム開発できるかどうかの検証用デモ制作に携わる。 本案件の背景:既存のサービスのネットワーク構成変更に伴い、実現可能かどうかのデモ用 SPA の作成の希望があった。 習得した技術:TypeScript で型指定をしながらのオブジェクト指向プログラミング - 再利用可能なパーツを切り出し、コンポーネント化する。Rxjs で、Observable を用いた API 通信の実装。 メンバーとしての振る舞い:JavaScrip の FW (今回は Angular) を扱うこととフロントエンド専任は初めてだったが、 積極的に技術のキャッチアップを行い期限内で成果物を完成させた。バックエンド担当の方とこまめに進捗状況を共有しながら開発を進めていった。
- Angular
2019年10月〜2020年1月
一般ユーザー向け/求人サイトの制作運用
Webエンジニア
求人サイトのページ追加や機能追加を主に担当。 本案件の背景:キャバクラの体験入店求人サイトのページ追加やデザインリニューアル、SEO 施作などの開発の希望があった。 習得した技術:stylus を用いたスタイル変更、jQuery を用いたアニメーション等の実装 (画像の移動やポップアップ) 、ロジックについてのコメントをきちんと書く事。 メンバーとしての振る舞い:年齢の近いメンバーが多かったため、活発にコミュニケーションを取りながら開発を進めた。他部署メンバーと協力しながらタスクを確実にこなしていった。
- PHP
- MySQL
- jQuery
2019年6月〜2019年9月
アパレルECサイトの開発
Webエンジニア
15 個の独立したアパレル EC サイトのバグの改修や機能追加を行った。 本案件の背景:決済周りの処理や管理画面の収益計算ページ、増税対応などの金銭が絡む処理の開発の希望があった。 習得した技術:Git-flow を用いたチーム開発 - ベリトランスを用いた決済処理。CSV ファイルから値を取得し DB に格納 - PHP のコード規約、DRY に基づいたリファクタリング。非同期処理で PHP とのデータのやり取り。 メンバーとしての振る舞い:初めてのエンジニア業務ながら一人称でのタスク実施、他部署の非エンジニアメンバーとのミーティング、 仕様の不具合のエスカレーションなどを行なった。増税対応時は1ブランド分の対応を任されるようになった。
- MySQL
- PHP
- jQuery