Y・D

背景： 製造業における金型の管理について、法改正により保管費の支払いが厳格される動きがあるなど、 DX 化の流れも合わさり、金型管理システムの迅速な開発の需要が高まっています。 目的： 製造業におけるリスク管理 Web システムに、保管費の支払いや棚卸など、金型の管理機能を追加します。

• React
• Go
• TypeScript
• Vite
• Docker

背景： 多くの人が閲覧するレシピサイトを 10 年運用しつつ新規機能開発を進めるには、様々な技術的な課題を解決する必要があります。 UX、SEO、パフォーマンス等、様々な観点からより良い Web 体験を実現するためには、SSR をはじめとするサーバーサイド処理も意識したフロントエンド開発が求められます。 目的： このプロジェクトでは、Ruby on Rails, Node.js サーバ, REST API などから構成されるシステム構造と 10 年来のコードベースを把握しつつ、新規機能開発を行います。 規模： 1 人で先方のフロントエンド開発チームに参加する形です。 先方のエンジニアの方々のみでなく新規機能の企画立案に関わる方々も含め、4 人ほどの先方のメンバーと情報交換をしつつタスクを進めるイメージです。 頻繁にコミュニケーションを取りながら、1 週間に複数回のリリースを行う現場感覚・スピード感が求めらるプロジェクトです。 成果： バックエンド方面の知識を生かして、様々な経緯のあるコードも含まれる大きなコードベースに素早くキャッチアップできました。 1 週間に 1~2 回の新機能リリースを行うペースを維持しつつ、技術移行（Vue2 → React）にも携わりました。 - レシピ詳細ページへの内部リンクセクションの追加 3 種類 - 動画再生後のモーダル表示頻度調整 - A/B テスト基盤の整理 ... といった更新を、独自の SSR 処理と CSR の連携などコードベースの特徴を押さえつつ実装しました

• React
• Ruby on Rails
• Vue.js
• TypeScript

背景： EC サイト開発は商品の表示・選択・購入などのロジックが必須で、また独自の魅力をアピールするために UI/UX も重要であるため、実装量が多くなりがちです。 既存の EC サイト構築用のアプリでサイトを構築すると UI / UX のカスタマイズ性が低下しがちで、かといって全てを実装するのは要件や工数が嵩むため、バランスの良い実装が求められます。 目的： このプロジェクトでは、EC サイト構築用のアプリケーションである Shopify を API 呼び出しによりバックエンドとして用いてロジックの実装量を抑えつつ、独自のデザインによるプロジェクトのテーマに合わせた世界観を実現します。 規模： フロントエンド開発は社内で 6 人、バックエンド関連は社外と協力して進行するプロジェクトです。 成果： チームメンバー全員の努力の結果、事前登録・本番稼働後も非常に不具合が少ないとの先方からの評価を頂いています。 EC サイトコンテンツの性質上多数のアクセスがありましたが安定稼働しており、先方から改めて感謝を伝えられるなど、順調に稼働・維持されています。 キャラクターに合った世界観をサイト全体で実現できています。

• Next.js
• React

背景： 「多数の工程と条件振りを伴う研究開発業務のデータをどのように整理するか」は科学技術分野で広く一般的な課題です。 しかし、分野毎に複雑なポイントが異なるため、一般的なソフトウェアでは対応しづらい、既存システムのカスタマイズ or 独自開発システムが必要になりがちでもあります。 目的： このプロジェクトでは、特定の電子部品材料開発に特化したデータ記録と処理を行う、研究開発業務の支援システムを開発します RDB に適切にデータを保存し、木構造 + 表構造を用いた独自の画面表示を行うなど、研究開発業務を促進する目的に合わせた独自開発システムにより、研究業務を効率化するのが目的です。 規模： 10人規模の部署内で使用するソフトウェアを、1 人で設計・開発・運用していました。 15,000 行程度のソフトウェア開発・保守を行っていました。 成果： これまでの Excel 管理の限界を克服し、効率的なデータ入力・検索・閲覧・編集が行えるようになりました。 2年程度の開発期間の中、開始 2 ヶ月目からほぼ停止することなく開発・試験運用〜本番稼働までの運用が行われました。

• Next.js
• React
• Python
• MySQL
• Linux