コンテンツへスキップ

オープンソース · Apache License 2.0

Provelopment Foundation — 再利用可能なウェブサイト基盤

企業や開発者が、ゼロからではなく実際に動くウェブサイト基盤から始めるためのものです。身元、コンテンツ、ブランドはあなたのものであり、毎回作り直すのに費用がかかる部分を再利用できます。

今の立場から始められます: 企業の方へ · 開発者の方へ

The model

  1. 1 · Inputs

    設定 + コンテンツ + アセット

  2. 2 · The reusable system

    Provelopment Foundation

  3. 3 · Output

    あなたのウェブサイト

今の立場から始められます

  • 企業の方へ

    自社が所有し、自分で公開し、後でどの開発者にも引き継げる信頼できるウェブサイトです。

    • 身元、コンテンツ、ブランドはあなたのものです。
    • アカウント、サブスクリプション、特定プラットフォームへの依存はありません。
    • システムを書き直さずに、ビジネス固有の内容を変更できます。

    企業向けの Foundation

  • 開発者の方へ

    空のリポジトリではなく、規律ある出発点です。

    • 型付けされ検証された設定とコンテンツ。
    • テストで保証されるヘキサゴナルな境界。
    • 最初のコミットから使える本物の検証ゲート。

    開発者向けの Foundation

導入支援者と代理店の方へ:同じ基盤があれば、2 つ目や 10 つ目のサイトは 1 つ目よりずっと安く作れます。Foundation を使うために商取引関係を選ぶ必要はありません。自分で導入しても、自社の開発者に任せても、Provelopment に支援を頼んでもかまいません。

なぜ Foundation があるのか

どの企業サイトも同じ基礎をゼロから作り直しています。Foundation はそのスタートラインを前進させます。

サイトごとに作り直されるもの

  • ルーティング、言語、ページ構成
  • SEO メタデータと構造化データ
  • レスポンシブなナビゲーションとレイアウト
  • フォーム、検証、問い合わせ導線
  • デプロイと品質ゲート

Foundation が前進させるもの

  • それらの基礎はすでにあり、テスト済みです
  • ビジネス固有の内容は設定とコンテンツになります
  • システムは 1 つのサイトのコードではなく、再利用可能な基盤のままです
  • 公開と所有はあなたのものです

モデルの仕組み

4 つの段階があります。中央の 2 つは Foundation が担い、最初と最後はあなたのものです。

  1. Stage 1

    入力:あなたのデータ

    設定、コンテンツ、ブランド — あなた固有の部分です。

  2. Stage 2

    Provelopment Foundation

    ルーティング、表現、検証、連携点という再利用可能なシステムです。

  3. Stage 3

    あなたのウェブサイト

    同じ基盤から作られる 1 つのサイト、または複数のプロファイルです。

  4. Stage 4

    あなたのデプロイ

    あなた自身のホスティングアカウントとドメインです。

運用システムは Foundation の中ではなく隣にあります

Foundation は連携点と設定された接続先を提供します。サービスそのものは外部にあり、あなたが選びます。

  • 予約

    利用している予約サービスへの外部リンクです。

  • 問い合わせの受け取り

    あなたが管理する Webhook エンドポイントに転送されます。

  • 地図

    経路は設定した事業者に解決されます。

  • 分析

    任意であり、有効にしない限り無効です。

  • 後続システム

    CRM、会計、受注処理はあなたのものです。

含まれるもの

企業サイトに必要な再利用可能な部品です。詳しくは「機能」のページで説明しています。

  • 身元とコンテンツ

    企業の身元、ページコンテンツ、コレクション、メディアの役割を、すべて設定とファイルから扱います。

  • 表現

    デザイントークンに基づくデザインシステム、レイアウトの基本要素、設定可能なナビゲーション構成。

  • 国際化

    言語ごとのルーティング、フォールバック付きの言語別コンテンツ、言語の選択。

  • 可視性

    正規 URL、hreflang、サイトマップ、robots、Open Graph、構造化データを自動で生成します。

  • 接続

    問い合わせ、予約、地図、分析を事業者に依存しない連携点として扱い、無効状態を明示します。

  • エンジニアリング品質

    検証された設定、強制される境界、本物のゲート、ブラウザ検証。

すべての機能を見る

実際のデモで証明

Foundation の派生システムから作られた 3 つの公開サイトです。再利用のデモであり、顧客や導入事例ではありません。

  • Provelopment Foundation — ヒーロー、立場別の導線、モデルの仕組みを備えたホームページ。

    オープンソースプロジェクトのサイト

    Provelopment Foundation

    このサイト:独自の情報設計とナビゲーション構成を持つプロジェクトの身元です。

    Visit Provelopment Foundation

  • Ashcombe Landscapes & Gardens — 独自のブランドとサービス内容を持つホームページ。

    プロジェクト型のサービス企業

    Ashcombe Landscapes & Gardens

    別の種類の企業:地域サービスページ、プロジェクトギャラリー、見積もり重視の導線です。

    Visit Ashcombe Landscapes & Gardens

  • Ashcombe Cleaning Co. — 独自のブランドとサービス内容を持つホームページ。

    継続型のサービス企業

    Ashcombe Cleaning Co.

    別の機能構成:有効な機能が少なく、より短い導線、独自のブランドです。

    Visit Ashcombe Cleaning Co.

共有されているもの

  • Foundation の派生環境
  • ルーティングとメタデータの仕組み
  • 表現システムとトークン
  • 検証と品質ゲート

サイトごとに異なるもの

  • 身元とブランド
  • コンテンツとナビゲーション
  • 有効にする機能
  • 機能上の判断

デモの仕組み

エンジニアリングの信頼性

プロジェクトの主張は、パンフレットではなくリポジトリで確認できます。

  • 検証された設定

    未知のキーを拒否する 1 つのスキーマと、ビルド時に役立つエラー。

  • アーキテクチャ境界の強制

    依存の向きとコンポーネントの純粋性を、慣習ではなくテストで保証します。

  • 実ブラウザでの検証

    レスポンシブな構成と操作時の挙動を実際のブラウザで確認します。

  • アクセシビリティを意識した開発

    キーボード操作、フォーカスの挙動、意味のある構造、計算されたコントラスト確認。

  • 自動化されたゲート

    アセット、型、lint、テスト、本番ビルドが変更の取り込み前に実行されます。

  • 証拠に基づく主張

    実装とテストが示す以上のことを主張しません。

ここで主張していないこと

Foundation は WCAG への適合、公開された性能値、すべてのブラウザや端末での動作、セキュリティ認証を主張しません。アクセシビリティは開発し検証するものであり、認証されたものではありません。ペネトレーションテストは実施していません。

所有権と意図的な境界

Foundation は借りるサービスではなく、あなたが所有するインフラです。分担は意図的に明確にしています。

あなたのもの

  • サイトの身元と名称
  • コンテンツと文章
  • 辞書と言語
  • ブランドとアセット
  • 事業者の選択
  • デプロイとドメイン

Foundation のもの

  • 再利用可能なアーキテクチャ
  • ルーティングとコンテンツの仕組み
  • 表現システム
  • 設定の検証
  • 連携点
  • 検証のインフラ

Foundation が意図的に提供しないもの

  • 認証や顧客アカウント
  • CRM や会計
  • 商取引や決済
  • 運用計画
  • CMS や顧客ポータル
  • マネージドホスティング

これらは欠落ではなくアーキテクチャ上の境界です。Foundation は運用の複雑さの手前で止まり、選んだサービスへの連携点を提供します。

機能と境界

はじめかた

Foundation の入手から公開までの 8 ステップです。

  1. Step 1

    Foundation を入手

    公開リポジトリを clone または fork します。

  2. Step 2

    ローカルで実行

    インストールして起動し、動く基盤を確認します。

  3. Step 3

    設定

    身元、言語、有効にする機能を定義します。

  4. Step 4

    コンテンツを追加

    ページをコンテンツファイルとして書きます。

  5. Step 5

    必要な機能を有効化

    必要な機能だけを有効にします。

  6. Step 6

    サービスを接続

    連携点を自分の事業者に向けます。

  7. Step 7

    検証

    プロジェクト自身の品質ゲートを実行します。

  8. Step 8

    デプロイ

    自分のアカウントから自分のドメインへ公開します。

はじめかたの全ステップ

依存のない支援

3 つの正規の方法があります。どれも同じように有効で、義務ではありません。

  • 自分で進める

    リポジトリとそのドキュメントは、自分で導入するのに十分な内容です。

  • 自社の開発者や代理店

    すでに信頼している相手と進められます。このプロジェクトは作者に依存せず引き継げるよう設計されています。

  • Provelopment

    希望する場合の任意の導入支援やサポートです。Foundation が商取引関係を求めることはありません。

支援の受け方

Foundation の上に作る

コードを読み、実行し、変更してください。それはあなたのものです。

デモを見る · プロジェクトについて