N・I

コンタクトセンターなどの電話応答業務をAIで自動化するサービスの開発・運用プロジェクト。 プロジェクト全体としては規模が大きくメンバーも多いものの、 開発チームは各領域チーム少数精鋭で動いており、フットワーク軽く、テンポよく開発を進めることができています。

• React
• Tailwind CSS
• TanStack Query
• TypeScript
• Vite
• Vitest
• Storybook
• Biome
• Swagger
• GitHub Actions

海外渡航者向け代理申請受付サービスの開発・運用プロジェクト。 Stripeの3D Secure対応などを担当しました。

• Stripe
• Astro
• JavaScript

コンタクトセンターなどの照会応答業務を生成AIがサポート、業務効率化するサービスの開発・運用プロジェクト。 フロントエンドチームだけでも10名以上、それ以外を合わせると50名を有に超える巨大プロジェクトに初めて参画しました。 大人数での制作に慣れない、戸惑う部分もありましたが、メンバーと協力しながら分担して進めることで、大きな問題なくリリースすることができました。

• Next.js
• Vitest
• Tailwind CSS
• Storybook
• TypeScript
• Biome
• Swagger
• GitHub Actions

海外渡航者向け情報サイトのWordPressからOrizmへ移行するプロジェクト。 既存のWordPressサイトの作業用仮想環境の構築や、Orizm移行にあたっての調査・設計を担当しました。

• WordPress
• Orizm
• Docker

会社内ナレッジ共有サービスのスマートフォンアプリ開発プロジェクト。 すでに展開されているWeb版を元に、React Native/Expoを用いてスマートフォンアプリ版を制作しました。 自身初のモバイルアプリ開発かつ、モバイルアプリ開発の知見に長けた人物もチームにいないというシビアな状況でした。 いくつか課題にぶつかったものの、チームメンバーや社内のメンバーと協力しながら課題を解決することができました。

• App Store Connect
• Biome
• React Native
• Expo
• TypeScript
• SWR

アイスクリームの新商品特設LPを制作しました。 多くの画像を利用しなければならない中、ページの読み込み高速化やCSSアニメーションなど、 ユーザーの目線に立ち、クオリティの高いLPを作成することができました。

• Vite
• React
• SCSS
• JavaScript
• GitHub Actions

求人サービスのブランド特設LPの制作を行いました。

• Next.js
• Sass
• JavaScript
• microCMS
• AWS

著名音楽アーティストを採用したミュージックビデオの公開、 及びそれに伴うリアルイベント・SNSキャンペーンに合わせた特設サイトの制作プロジェクト。 更新頻度の高い構造化された情報の量が多く、既存のCMSでは情報を管理しているPMの負担が大きいと判断できたため、Googleスプレッドシート・Google Apps Scriptを活用して簡易的なCMSとして運用しました。 結果、シート内でタブを分けテーブル状にデータを管理でき、PMの負担は少なく済み、実装も大きな負担なく行うことができました。

• Next.js
• JavaScript
• SCSS
• AWS

大手保険会社のコーポレートサイトの制作に参画しました。 タイトなスケジュールかつ、予算が足りない中、クオリティ高く複雑なサイト制作を求められ、 半ばプロジェクト炎上のような状態の中参画しましたが、周囲のサポートもあり担当箇所は無事完遂することができました。

• Gatsby
• Sass
• JavaScript

広告業を主とする会社のコーポレートサイトの管理用独自CMSの開発プロジェクト。 AWSサービスを複合的に活用し、クライアントの求める要件に沿った独自CMSを開発しました。 クライアントの要望で、既存のCMSにはない独自CMSが求められましたが、要件定義・設計といった上流工程から参画し、複数のAWSサービスを複合的に活用することで、クライアントの求める要件に沿った独自CMSを制作でき、要望を満たすことができました。

• Next.js
• Tailwind CSS
• TypeScript
• AWS

金融系企業のサイト内に常設するLPを制作しました。 納品時の文字コードSHIFT-JIS指定があり、フロントエンドの実装の他に、変換用のビルドスクリプトの実装なども担当しました。

• Sass
• HTML
• gulp
• JavaScript

現実世界で行われる音楽ライブとリアルタイムで連動する、特設ライブビューアーサイトの制作プロジェクト。 音楽ライブの演目に合わせて画面UIが更新される、ネットからもライブに没入して楽しめるビューアーサイトを制作しました。 リアルイベント連動ということもありトラブルが発生することが容易に想像できたので、意図しないフローでイベントが進行した場合などを含め念入りにテスト・改善を重ねていた結果、制作に携わったサイトやサーバーには何一つトラブルなく、無事にイベントを終えることができました。

• React
• Firebase
• JavaScript
• SCSS
• Vite
• GitHub Actions
• AWS

広告制作会社のコーポレートサイトの機能開発・運用を行いました。 新規ページの実装や、お問い合わせ・採用フォームのリプレイスに伴い要件定義から設計・開発・運用まで広く担当しました。 フォームのリプレイス時には、当時課題だった管理者閲覧時のデータの取り回しやコードの複雑さを改善するため、内部のシステムを一新し、担当者へのヒアリングを定期的に行いながら、データの扱いやすさや実装そのものの改善を行いました。 また、継続的なメンテナンスを必要とすることから、APIドキュメント等の整備も念入りに実施しました。 結果、運用を始めてから大きな課題なく運用を行うことができました。

• Next.js
• microCMS
• JavaScript
• SCSS
• AWS

スマホゲームのリアルイベントの特設サイトを実装しました。PugやMovable Typeなど初めて使う技術や、新卒入社後の初プロジェクトで戸惑いがありましたが、 周囲のサポートもあり問題なく進めることができました。

• SCSS
• JavaScript

複数のユーザーの投稿動画を繋ぎ１本の動画として生成・提供する、動画生成サービスのWebフロントエンド開発・運用を行いました。 新機能の開発や、安定したマネタイズに向けた決済サービス連携などの開発を担当しました。 当時チームでの開発経験がなく、不安な点も多くありましたが、同じチームのテクニカルディレクターやエンジニアの方と協力・相談し、コミュニケーションを密に取りながら進めることで、大きな課題なく開発を進めることができました。

• React
• Stripe
• TypeScript
• SCSS