
自社プロダクト
きょうの外食
いつものお店に、ひさしぶりを。
「今日、何を食べよう?」を、行きつけと食事の記録から。いつものお店を登録し、最近食べていないカテゴリから次の外食先を選べるサービスです。
UTAGE.WORKSが開発・運営するWebサービス。Googleアカウントで無料で利用できます。
きょうの外食を見るFrontend implementation partner
制作会社・代理店の外部実装リソースとして、LP、コーポレートサイト、React / Next.js案件、WordPress案件まで対応します。
UTAGE.WORKSは、制作会社・代理店向けにフロントエンド実装を支援する、山口県下関市の制作パートナーです。Web制作の現場で15年以上培ってきた経験をもとに、LP、コーポレートサイト、React / Next.js案件、WordPress案件まで柔軟に対応しています。
見た目を再現するだけでなく、使いやすさや更新しやすさも含めて設計された実装を重視しています。社内リソースだけでは足りない工程を補完し、既存の制作フローに無理なく入れる外部パートナーとして対応します。
制作会社・代理店の社内リソースだけでは捌ききれない実装領域を、外部パートナーとして支援します。
デザインデータの意図を汲み取り、HTML / CSS / JavaScriptで再現性と保守性のあるフロントエンドへ落とし込みます。
React / TypeScript / Next.js / Astroを用いたコンポーネント実装、画面追加、既存UIの改善に対応します。
静的コーディングからWordPressテーマ化、既存サイトの改修まで、制作会社の実装リソースとして対応します。
短納期のLP、採用サイト、コーポレートサイトなど、レスポンシブ対応を含むWebサイト実装を支援します。
GitHubやSlackを用いた既存チームへの参加、部分実装、継続的な改善など、案件単位・期間単位で協業できます。
WordPress → Astro + Cloudflare + ChatGPT
WordPressで運用しているサイトを、Astroで生成した静的HTMLに置き換えます。更新したい内容をChatGPTに伝えるだけで、サイトに反映する仕組みも導入できます。
このような言葉で更新を依頼できます
導入事例
WordPressで運用していたサイトをAstroとCloudflareに移行しました。更新したい内容をChatGPTに伝えると、サイトに反映できるようになっています。
サイトを見る案件概要、必要な実装範囲、スケジュール、支給データの有無などを共有いただき、参加の前提をすり合わせます。
デザインデータ、仕様、使用技術、担当範囲を確認し、既存の制作フローやコミュニケーション手段に合わせて進め方を整理します。
HTML / CSS / JavaScript によるコーディングから、React / Next.js / Astro を用いたフロントエンド実装、WordPress対応まで、要件に応じて進行します。
デザインとの整合、UIの挙動、レスポンシブ対応などを確認し、フィードバックをもとに必要な調整を行います。
ソース納品、ステージング反映、公開前確認、既存チームへの引き継ぎなど、案件に合わせた形で納品します。
公開可能なプロジェクトを一部掲載しています。 代理店経由の案件や非公開案件の詳細については、 お問い合わせください。
オンライン英会話サービス『Best Teacher』のアプリケーションデザイン、およびフロントエンド開発を担当。React.js / TypeScript を用いたモダンな開発環境において、BEMによる堅牢なCSS設計と直感的なUI実装を一気通貫で行いました。
唐戸商店街・一般社団法人からまちのWebサイトを、WordPressからAstroとCloudflareを用いた構成へ移行しました。更新したい内容をChatGPTに自然言語で依頼するだけでサイトを更新できる仕組みを構築し、サイト基盤と日々の更新運用を整えました。
下関市スマートシティ構想の一環として、大学生が地域の課題をデジタル技術で解決するコンテスト(デジコン)にIT技術サポーターとして参画。技術選定やプロトタイプ開発、UI/UXの設計など、学生たちのアイデアを形にするプロセスを技術面から強力にバックアップしています。
日々の小さな課題に向き合う、自社開発のサービス。

自社プロダクト
いつものお店に、ひさしぶりを。
「今日、何を食べよう?」を、行きつけと食事の記録から。いつものお店を登録し、最近食べていないカテゴリから次の外食先を選べるサービスです。
UTAGE.WORKSが開発・運営するWebサービス。Googleアカウントで無料で利用できます。
きょうの外食を見るFigmaやXDのデザインデータをもとに、見た目の再現性だけでなく、レスポンシブ対応やUIの使いやすさまで踏まえて実装します。
HTML / CSS / JavaScriptの静的コーディングから、React / Next.js / Astroを用いたコンポーネント実装まで対応します。
GitHubやGitベースの開発フロー、SlackやBacklogでの進行管理に合わせ、制作会社・代理店の外部実装リソースとして参加できます。
静的HTMLからのテーマ化、既存テーマの改修、更新しやすさを意識した実装など、WordPress案件の実装工程も支援します。
Figmaデザインからの実装、React / Next.js案件、WordPress構築・改修など、実装リソースが必要なタイミングでご相談ください。