Office TSUYUKI(pom.jp) New Corporate WebSite

• オフィス露木（露木博視）
• プロトタイプ

概要

このプロジェクトは株式会社オフィス露木の公式ウェブサイトです。建築DX、建築設計デザイン、建築研究開発コンサルティングを提供する会社のデジタルプレゼンスを確立することを目的としています。

特徴

• 新宿区に拠点を置く建築関連サービス企業のウェブプレゼンス
• モダンなウェブ技術を活用した高パフォーマンスなウェブサイト
• レスポンシブデザインによる最適なユーザーエクスペリエンス

技術スタック

• フレームワーク: Next.js 15(Approuter)
• 言語: TypeScript(Javascript)
• スタイリング:
  • Tailwind CSS
  • SASS
  • Styled Components
• アニメーション:
  • GSAP
  • Lottie
• UI コンポーネント:
  • Radix UI
  • Lucide React
• CMS: microCMS
• その他の主要な依存関係:
  • Day.js（日付処理）
  • クラス名ユーティリティ（clsx, class-variance-authority）

開発環境のセットアップ

# リポジトリのクローン
git clone https://github.com/ManatoYamashita/office-tsuyuki.git

# 依存関係のインストール
npm install

# 開発サーバーの起動
npm run dev

ビルドとデプロイ

# プロダクションビルド
npm run build

# プロダクションサーバーの起動
npm run start

主な機能

• 企業情報の提供
• microCMSによるコンテンツ管理
• 動的なページ生成
• SEO対策（JSON-LD, メタデータの最適化, Lighthouse最適化）
• モダンなアニメーションとインタラクション

ライセンス

Private - All rights reserved

---

© 2024 オフィス露木