Business social network with 4M professionals

フリランスで案件募集中です

フロントエンド(React/Vue/Nuxt)を主軸にパフォーマンス改善・SEO改善を通じて事業KPIに寄与する開発を得意としています。Lighthouseスコア5→80改善、CVR約30%向上の実績があり、フロント・バック・インフラまで一貫して対応可能なフルスタックエンジニアです。AIツール活用による開発効率化にも取り組んでいます。

Ambition

In the future

【AIは敵じゃなくて味方、共に必要とされ続ける人材になる】 AIの進歩がものすごいスピードで進んできていて、あっという間にコードを書けるだけのエンジニアはいらなくなる時代になると思います。 そうなったとしても、AIの知識を持ったAI活用のアドバイザーであったり、他のエンジ

カーリースサービス5 years

フロントエンドリード / フルスタックエンジニア

-

既存サービスのフロントエンド刷新と基幹システムの改善を担当。Astro/Solid.jsの採用によりLighthouseスコアを5から80に改善し、CVRを約30%向上させました。

フリーランス人材マッチングサービス3 years

フルスタックエンジニア

-

新規事業の初期メンバーとしてインフラ設計からフロント・バックエンド、外部連携まで一貫して担当。SalesforceとのAPI連携を構築し、応募からマッチングまでの業務フローを自動化しました。

人材派遣の求人サイト2 years

フルスタックエンジニア

-

サーバーレス構成での新規求人サイト構築を担当。WBSベースでの開発プロセス可視化によりスケジュール精度を向上させ、コンポーネント設計を徹底して保守性と開発効率を両立させました。

レストラン検索サービス3 years

リードエンジニア

-

国内・海外向け検索サービスの新規開発および運用を担当。デザイナー不在の中でUI/UX設計を主導し、プロトタイプ先行開発による開発効率向上とジュニアエンジニアの育成を実施しました。

About インターネットイニシアティブ

インターネットイニシアティブ3 years

プロジェクトリーダー(約10名)

-

大規模Webサービスの会員・申込システム刷新およびセキュリティ強化を担当。セキュリティ対策強化、不具合横断チェックルール策定、Struts→Spring移行を推進し、品質・開発効率・保守性を向上させました。

ソーバル株式会社(リクルート常駐)3 years

開発サブリーダー

-

複数のQRコード決済サービスを一括導入できる店舗向けアプリおよび管理システムの開発に従事。決済サービス連携機能の実装、管理画面開発、進捗管理・コードレビュー、新人エンジニア教育を通じてチーム開発力を向上させました。

専修大学

ネットワーク情報学部

ネットを中心とした情報社会について広く学びました。 スキーサークルに所属していました。

Personal Achievements

Personal Achievements

Personal Achievements

  • インバウンド向け飲食店予約サービス

    インバウンド向け飲食店予約サービス ■プロジェクト概要 多言語対応をしているWebの申し込みフォームから予約リクエストを受け取り、予約管理チームが予約管理システムを使い日本の飲食店の予約の代行をするというサービスです。 ■開発対象 ・予約リクエストサイト(React.js, Redux) ・予約管理システム(React.js, Redux) ・API(Spring Framework) ・バッチ(Spring Framework) ■自身の役割 予約リクエストサイト、予約管理システムの両システムのフロントエンドのメインコーダーを担当しました。 プロジェクトの立ち上げから参画し、フロントエンドの技術選定を致しました。 仮想DOMの魅力からReactを選定し、Reactとの相性の良さからReduxを選定しました。 ■課題 予約管理システムはデザイナーがつかなかったので、私がデザインを考えなくてはならなかったことが課題でした。 それまでアダプティブデザインでの開発経験しかなかったのですが、プロジェクト構成の簡易化のためにレスポンシブデザインに挑戦しました。 具体的には予約詳細画面で、PC画面では項目名と項目が横並びのものをPhone画面では縦並びにするようなデザインを作成しました。 また要件にはありませんでしたが、予約検索結果をテーブルで並べ、カーソルが乗った予約の色を動的に変えるデザイン、予約検索欄に入力した条件を一括でリセットできるボタンの設置、予約編集の際に望まない文字が入れられた際に動的にエラーを表示するバリデートなどを実装しユーザーファーストを意識したUIになるように工夫しました。 ■成果 両システムともシングルページアプリケーションで構築したので、高パフォーマンスを実現することができました。 React.jsの特徴であるコンポーネントを意識してシステムを構築したことで、わかりやすいソースコードになり、既存のコンポーネントを呼び出してコーディングできるようにしたので、後続の開発の負担を軽減することができました。 UIはユーザーファーストを意識して開発したので、予約管理のスタッフからUIを変更して欲しいという要望は0件にすることができ、使いやすいと好評をいただくことができました。

  • QRコード決済導入サービス

    ■プロジェクト概要 クライアントの店舗にアプリを導入してもらうことで、複数のQRコード決済を導入することができるサービスです。 アプリの中で決済をしたいサービスを選択することでそのサービスのQRコードで決済することができます。 決済情報はクライアント用管理システムで管理することができます。 ■開発対象 ・API(Spring Framework) ・バッチ(Spring Framework) ・Web申し込みページ(Spring Framework) ・内部用管理システム(Spring Framework) ・クライアント用管理システム(Ruby on Rails, Vue.js) ■自身の役割 2年目から10人ほどの開発チームのサブリーダーに就任しました。 サブリーダーの役割として、開発チームの工数管理、詳細設計、開発インプットを行いました。 2年目から後輩が二人チームに参画したので、教育担当として指導しました。 ■課題 開発チームのメンバーが控えめな人が多く、進捗の遅れの報告がギリギリになることが多かったのが課題でした。 各メンバーとのコミュニケーションを増やし、こまめに進捗を確認するようにすることで、コミュニケーションを取りやすい空気を生み、こちらが進捗を気にしていることが伝わったので、メンバーの方から進捗を報告してくれるようになりました。 ■成果 サイクルの早いプロジェクトで、開発スケジュールがタイトな場面がよくありましたが、工数管理を適切に行うことができたので顧客の要望に答えることができました。 システムを全てわかりやすいシンプルなUIを意識して構築していたので、クライアントからの評価も高く、QRコード決済導入として業界トップクラスのシェアを実現できました。

  • ホテルホームページ

    ■プロジェクト概要 外国人向けホテルのホームページの開発です。 ホームページ内に予約システムがあり、部屋の予約をすることが可能です。 WordPressのダッシュボードから予約の管理をすることができます。 ■開発対象 ・ホームページ(WordPress) ・予約システムプラグイン(Vue.js) ■自身の役割 フリーランスとして参画し、要件定義からコーディング、テスト、リリースまでを担当しています。 ■課題 クライアントとの認識のズレが起きやすいことが課題でした。 打ち合わせやメールなどのコミュニケーションを積極的に行うように意識し、認識のズレを早期に気づけるようにしました。 ■成果 PCI DSS(クレジットカード業界のセキュリティ基準)の改定に伴い、予約システムでのクレジットカード情報の非保持化をしなくてはならなくなり、外部サービスでクレジットカード情報を保持できる機能を実装しました。 予約システムをプラグインとして開発することで、ホテルがチェーン展開する際にホームページ作成が容易になることを実現しました。

  • 格安SIM Webサイト リニューアル

    ■プロジェクト概要 格安SIMやひかり接続サービスの、申し込みや会員ページを持ったWebサイトのリニューアルをするプロジェクトです。 内容を大別すると以下になります。 ・Strutsとresinという古い構成だったシステムをSpringとTomcatの構成に置き換える ・レガシーなデザインをモダンなデザインでリニューアルする ・静的コンテンツと動的コンテンツのリポジトリの分離 ■開発対象 ・静的コンテンツ(HTML, CSS) ・申し込み画面(Vue.js) ・会員ページ画面(Nuxt.js) ・API(Spring Framework) ■自身の役割 開発チームのリーダーのポジションでした。 営業やサポートなどの他部門との調整や、スケジュール管理、開発の方針決定などを主に行いました。 開発チームは10名ほどの規模のチームで、週毎に目標を決めて進捗を管理しました。 10人もいるので全員の状況を把握するのが難しかったですが、短時間のミーティングを毎日設定し、問題や遅延はなるべく早くキャッチアップできるようにしました。 慢性的に開発が人手不足だったので、開発のサポートにも入りました。 ■課題 開発もテストも非常に大規模だったため、試験不具合が序盤からかなり大量に出る事態になりました。 試験チームが類似の不具合を大量に報告する傾向が見られ、無駄な試験と報告に時間を使ってしまうことが課題でした。 報告された不具合を開発チームでまず横展開で確認し、不具合の影響範囲を試験チームに連携し、その範囲は試験を後回しにするというルールを建てつけることでその課題を解決しました。 プログラム面でも課題がありました。 初期の実装が、Springで作るAPIが1つのURLで受け取り、パラメータで実行内容を分けるように実装されておりソースも使い方も煩雑になってしまっていたことと、Vue側のAPI呼び出しも各Vueファイル毎に書かれており、API連携部分が非常に煩雑になっていると感じました。 SpringはAPI毎にURLを分け、Vue側はAPI呼び出しの共通モジュールを作成することで、API連携の部分をわかりやすくすることができたと思います。 ■成果 脆弱性のあったStrutsからSpringに移行できたことでセキュリティが向上できました。 resinからTomcatへ移行し、サーバーの設定も最適化したことで、サイトのパフォーマンスが向上できました。 サイトが UI/UX も考慮されたモダンなデザインなったので、ユーザビリティが向上しました。 静的コンテンツと動的コンテンツを別リポジトリに分離できたため、複雑だったブランチ管理が単純になり、作業ミスが無くなりました。


Receive Scouts from companies