Works

受託実績

担当した範囲と、実際に引き受けた課題を案件ごとに記載しています。

Published Works

公開中の実績

※ お客様の許可をいただいた案件のみ掲載しています。

公開中商業施設・アートイベント

LUMINE ART FAIR 2026 特設サイト

ご依頼元

デザイン会社様

担当範囲

フロントエンド実装(デザインは支給)

使用技術
HTML / CSSJavaScriptNode.js

ルミネが2026年10月に開催するアートフェアの特設サイト。出展作家30名の紹介、会場フロアマップ、ワークショップのタイムテーブル、アーカイブなどで構成し、会期に向けて3段階に分けて公開しています。

提案と技術的な判断
  • デザインの寸法指定をそのまま実装せず、カンプと実装で基準幅が異なることを検出。適用すると公開中のページの見た目が変わる点を事前に指摘し、換算方法を合意してから反映
  • 段階公開に合わせ、未公開ブロックをHTMLから物理除去するビルドを自作。除去に伴うナビの死にリンク掃除とメニューの振り直しまで自動化し、消し漏れと表示崩れを構造的に排除
  • 画質のマスターは先方が持ち、Web用の最適化は当社が担う分担を提案。ページの初期ロードを約97MBから7.9MBへ削減
  • 地図は有料のAPI連携を使わない構成を提案し、公開後に運用コストが発生しない形で実装
公開中のサイトを見る
公開中商業施設

TIDE FIELD 特設サイト

ご依頼元

デザイン会社様

担当範囲

フロントエンド実装(デザインは支給)

使用技術
HTML / CSSJavaScript

なんばパークス内のポップアップスペースの特設サイト。コンセプト、出展ブランド、開催アーカイブ、アクセス案内で構成しています。サーバーサイドを持たない静的サイトとして納品しました。

提案と技術的な判断
  • 指定された計測タグをそのまま入れず、施設本体サイトと同一コンテナであることの帰結(既存タグがLPでも発火し、数値が本体のGA4へ合算される)を洗い出し、合意のうえで実装
  • 公式サイトに残っていた収集終了済みの旧計測タグは持ち込まず、外部送信規律に沿った構成で納品。プライバシーポリシーの参照先も併せて整理
  • フレームワークもビルドツールも使わない単一HTMLで構成し、公開後の改修を他社が引き継いでも扱える状態で納品
公開中のサイトを見る
In Progress

進行中・着手予定の案件

※ 情報公開の許可をいただいた案件は構成図とあわせて、それ以外は守秘義務のため概要のみ掲載しています。

Webサービス × リアルタイム

オークションプラットフォーム開発

コレクターズアイテムのオークションを運営する企業様

構成

ほかに、商品画像の保管(Cloudflare R2)、高額入札時の本人確認(eKYC)、通知メールを組み込んでいる。

Problem

課題

スポーツカード・トレーディングカードなどを期限付きの入札で売買するオークションサイトを、ゼロから立ち上げたい。終了間際に入札が集中しても公正に順番を決め、全員に同じ価格を即座に見せ、入札の記録を後から書き換えられない形で残す必要があった。

Solution

解決

要件定義から設計・実装・テストまでを一貫して担当し、入札の公正さを画面ではなくデータベースで保証する作りにした。

Status

現在地

リリース準備中

公開に向けた最終の確認を進めている。設計書・テスト仕様書などの成果物も工程ごとに整え、あわせて納品する。

提案と技術的な判断
  • 入札はデータベースの関数1か所で受け、行ロックで同時入札の順番を確定する
  • 自動入札(上限額を預けておく方式)だけにし、同額なら先に入れた人を優先する
  • 残り10分以内の入札で終了を10分延ばす(上限10回)。駆け込みの入札だけで決まるのを防ぐ
  • 入札記録は追記しかできない形にし、変更・削除をデータベースの仕組みで拒否する
  • 古物営業法などの法令の要件を設計の前に洗い出し、弁護士の確認を経て仕様に落とした
使用技術
Next.jsTypeScriptSupabasePostgreSQLRealtimeVercelCloudflare R2
着手予定建設・塗装業

自社商品ECサイト+在庫管理システム

塗装業の企業様の自社商品を販売する通販サイトと、それに連動する在庫管理システムの開発。