始めること

Global Sites AIは、多言語の静的ウェブサイトを作成するための強力なツールです。このドキュメントは、フレームワークの設定と使用のプロセスをガイドします。

インストール

Global Sites AIをインストールするには、プライベートリポジトリへのアクセスが必要です。これらはライセンスを購入した後に提供されます。アクセスが得られたら、次のコマンドを使用してリポジトリをクローンできます。

コマンドライン

git clone --recurse-submodules [path to GlobalSitesTemplate]
git clone [path to GlobalSitesCore]

2つのプロジェクトがあります。GlobalSitesCoreとGlobalSitesTemplateです。GlobalSitesTemplateは、スタートするための完全なプロジェクトを提供します。必要に応じて修正できます。GlobalSitesCoreは、多言語の静的サイトを作成するための機能を提供するコアライブラリです。これはgitサブモジュールとして扱われ、サイトが最新の機能を持つために頻繁に更新できます。

基本的な使用法

Global Sites AIを使用して新しいページを作成する簡単な例を紹介します:

TypeScript - pages/ExamplePage.ts

import i18next from "../GlobalSitesCore/i18n";
import { Layout } from "../Layout";
import { RenderProps, renderLanguageFiles } from "../GlobalSitesCore/languages";
import { FileResult } from "../GlobalSitesCore/FileResult";

export async function ExamplePagePages(): Promise<FileResult[]> {
  return renderLanguageFiles({
    subDirectoryInEnglish: undefined,
    fileNameInEnglish: "example-page",
    includeInSitemap: true,
    render: (props) => ExamplePage(props),
  });
}

interface ExamplePageProps extends RenderProps {}

export function ExamplePage(props: ExamplePageProps): string {
  var title = i18next.t(`Example Page`);
  var metaDescription = i18next.t(`This is an example page.`);

  return Layout({
    lang: props.option.code,
    title: title,
    description: metaDescription,
    languageOptions: props.allOptions,
    content: /* HTML */ `
      <h1>${title}</h1>
      <p>${metaDescription}</p>
      <!-- Add more content as needed -->
    `,
  });
}

AIによる新しいページ

AI 翻訳を使って新しいページを作成するには、Cursor エディター内から次のコマンドを使用できます。他のツールからも同様のことが可能な場合があります。

コマンドライン

Using @detailPage.md, write a triangle calculator page.

目次

始めること

インストール

基本的な使用法

AIによる新しいページ