ishinova.co.jp

「維新（Ishin）」と「新星（Nova）」の融合による、伝統的価値観と破壊的イノベーションの統合を象徴するコーポレートサイト。

概要

株式会社Ishinova（イシノバ）のコーポレートサイトは、伝統的な日本の価値観と革新的なテクノロジーの融合を体現するウェブサイトです。和モダンと近未来感（サイバーパンク）を掛け合わせたデザインコンセプトに基づき、桜の花弁と光の波紋をモチーフにしたミニマルでありながら象徴的なデザインを採用しています。

プロジェクト情報

• URL: https://ishinova.co.jp
• 技術スタック: Astro.js (Static Site Generator)
• デザインコンセプト: 和モダン × サイバーパンク
• 開発言語: TypeScript

技術スタック

• フロントエンドフレームワーク: Astro.js v5.8.0
• 言語: TypeScript with strict mode
• スタイル: CSS with custom properties
• フォント: Noto Sans JP (Google Fonts)
• パッケージマネージャー: Bun
• バージョン管理: mise (jdx/mise)

クイックスタート

前提条件

• Node.js 18.14.1以上
• Bun

インストール

# リポジトリのクローン
git clone [repository-url]
cd ishinova.co.jp

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

開発サーバーの起動

bun run dev

開発サーバーは http://localhost:4321 で起動します。

ビルド

bun run build

ビルド成果物は dist/ ディレクトリに出力されます。

プレビュー

bun run preview

ビルドされたサイトをローカルでプレビューできます。

プロジェクト構造

ishinova.co.jp/
├── docs/                # プロジェクトドキュメント
├── public/              # 静的ファイル
│   ├── assets/          # 画像・SVGファイル
│   └── icons/           # アプリアイコン
├── src/                 # ソースコード
│   ├── assets/          # コンポーネント用アセット
│   ├── components/      # Astroコンポーネント
│   │   └── Company/     # ネストされたコンポーネント
│   ├── layouts/         # レイアウトテンプレート
│   ├── pages/           # ページコンポーネント（ルーティング）
│   └── styles/          # グローバルスタイル
├── tools/               # ユーティリティスクリプト
└── ...

プロジェクトの特徴

1. デザイン哲学

「和モダン × サイバーパンク」をコンセプトに、日本の伝統美とテクノロジーの未来感を融合させたデザインを採用しています。

• 伝統要素: 桜の花びら、光の波紋、和の色彩
• 未来要素: グラデーション、幾何学模様、アニメーション効果

2. 技術的特徴

• 静的サイト生成: Astro.jsによる高速なページ生成
• TypeScript: 型安全性の確保
• レスポンシブデザイン: モバイルファーストアプローチ
• SEO最適化: 構造化データ、サイトマップ自動生成
• PWA対応: モバイルアプリライクな体験

3. パフォーマンス

• 高速ロード: 静的生成によるCDN配信
• 最適化された画像: 適切なフォーマットとサイズ
• 効率的なCSS: カスタムプロパティによる管理

デザインガイドライン

カラーパレット

• 藍色 (Indigo): #0F4C81 - メインカラー、テキストやアクセント
• 金色 (Gold): #D4AF37 - 強調要素、CTAボタンなど
• 墨色 (Charcoal): #2F2F2F - 見出し、ボディテキスト

タイポグラフィ

• 見出し: Noto Sans JP (Bold)
• 本文: Noto Sans JP (Regular)
• レスポンシブ: モバイルファーストアプローチ

企業情報

ミッション

地域の「あったらいいな」をカタチに。

ビジョン

地域に根ざしながら、シンプルでアクセシブルなテクノロジーを通じて、コミュニティと共に新しい価値を創造します。

主な事業

1. カスタムソフトウェア開発

   • モバイルアプリケーション
   • Webアプリケーション

2. 瀞の場（Toronoba）プロジェクト

   • 長瀞町の古民家リノベーション
   • ワークスペース＆宿泊施設

ドキュメント

詳細なドキュメントは docs/ ディレクトリにあります：

• アーキテクチャ - プロジェクト構造と技術選定
• 開発ガイド - 環境構築と開発フロー
• デプロイメント - ビルドとデプロイ手順
• デザインシステム - カラー、タイポグラフィ、コンポーネント
• コンポーネントリファレンス - 各コンポーネントの詳細
• リリースフロー - 自動化されたリリースプロセスとGitHub Actions

コントリビューション

開発に参加する際は、以下のドキュメントを参照してください：

• 開発ガイド - 開発環境の構築とワークフロー
• アーキテクチャ - プロジェクト構造の理解

お問い合わせ

• 会社名: 株式会社Ishinova
• メール: [email protected]
• 所在地: 埼玉県

ライセンス

All rights reserved © Ishinova

---

最終更新日: 2025年5月28日