ShipLangクイックスタートガイド

AIを使ってウェブページをデザインし、SEOを最適化し、多言語ウェブサイトをわずか5分で立ち上げる方法を学びましょう。この記事では、AIツールの選択からウェブサイトの立ち上げまで、全プロセスを解説します。以下に、よく使われるAIツールをいくつか紹介しますので、お好みのものを選んでください。テストページ：shiplang.com/zh/docs/test

Claude—https://Claude.ai
Gemini—https://Gemini.GoogLe.com
ChatGpt—https://ChatGpt.com
DeepSeek—https://DeepSeek.com
Kimi—https://kimi.com/zh
bigmodel(质谱)—https://bigmodel.cn

AIメンバーシップアカウントを購入する

現在入手可能な最も強力なAIは、米国で販売されているClaudeで、公式には月額20ドルですが、弊社からご購入いただくと、はるかに低価格でご提供いたします。

Claudeやその他のAIプレミアムメンバーシップアカウント、APIの購入、AIアカウントのチャージ、または再販機会については、下記までお問い合わせください。

WeChat:78739985

郵便：[email protected]

ディレクトリ構造

このディレクトリ構造は主に[h5_html]と[h5_php]の2つのフォルダで構成されています。最初は[h5_html]というフォルダが1つだけ存在します。以下では、このフォルダを使用してグローバルなウェブサイトを構築する方法を説明します。

项目根目录/
├── assets/             # 资源文件夹(图片、CSS、JS等静态资源)
├── h5_html/            # HTML网页文件,但文件后缀是[.php]
├── h5_php/             # HTML对应的PHP处理文件
├── lang/               # 语言包文件夹(自动翻译自动创建多语言文件)
├── shiplang/           # 这是框架的代码，请忽略
├── sitemap/            # 网站地图文件夹
└── index.php           # 网站入口文件，也是网站路由文件

5分でウェブページをデザインする

ステップ1：AIに送信する

🎨 （初心者向け）フロントエンドのプロンプト ⚙️ （上級者向け）バックエンドの候補ワード

ダウンロードした[フロントエンドプロンプト]ファイルをAIダイアログボックスにアップロードし、開発したいウェブサイトを入力してください。例えば、「様々な種類の猫を紹介するウェブサイトのホームページを開発してください」と入力できます。

ステップ2：ダウンロードとアップロード

AIが生成したHTMLファイルをShipLangフレームワーク内のh5_htmlフォルダにアップロードしてください（ファイルを直接アップロードするか、コードを貼り付けることができます）。ファイル名は.htmlではなく[.php]で終わる必要があることに注意してください。

ファイル構造の例：（例：ドメイン名が123の場合）

h5_html/
├── index.php           # 首页 → 123.com
├── maomi.php           # 猫咪页面 → 123.com/maomi
└── mao/                # 猫咪分类文件夹
    ├── index.php       # 猫咪分类首页 → 123.com/mao
    ├── bosi.php        # 波斯猫 → 123.com/mao/bosi
    └── meiduan.php     # 美短猫 → 123.com/mao/meiduan

アクセスルール

アクセスルールは、指定されたフォルダにアップロードされたファイルにアクセスする方法を示し、[index.php]はホームページを指します。

h5_html/index.phpという名前のファイルをアップロードすると、アクセスアドレスは123.comになります。

h5_html/maomi.php という名前のファイルをアップロードすると、アクセスアドレスは 123.com/maomi になります。

h5_html/mao/index.php という名前のファイルをアップロードすると、アクセスアドレスは 123.com/mao になります。

h5_html/mao/bosi.php という名前のファイルをアップロードすると、アクセスアドレスは 123.com/mao/bosi になります。

はい、ウェブサイトにアクセスできるようになりましたので、使用可能です。

以下は、AI Illusionとの互換性を確保するためのアクセスルールです。

ファイル名: h5_html/index.php → アクセスアドレスは 123.com/index にもなります

ファイル名: h5_html/index.php → アクセスアドレスは 123.com/index.html にもなります

ファイル名: h5_html/index.php → アクセスアドレスは 123.com/en/index にもなります

ファイル名: h5_html/index.php → アクセスアドレスは 123.com/en/index.html の場合もあります。

ファイル名: h5_html/maomi.php → アクセスアドレスは 123.com/maomi.html にもなります

ファイル名: h5_html/mao/index.php → アクセスアドレスは 123.com/mao/index にもなります

ファイル名: h5_html/mao/index.php → アクセスアドレスは 123.com/mao/index.html にもなります

多言語自動翻訳

システムは、ウェブページの多言語版を自動的に生成します。

h5_html/index.php（中国語コンテンツを含む）をアップロードすると、システムが自動的に以下を生成します。

123.com/zh/maomi    # 中文版（原始文件）
123.com/en/maomi    # 英文版（自动翻译）
123.com/ja/maomi    # 日文版（自动翻译）
123.com/fr/maomi    # 法文版等等...

主な利点：中国語のHTMLファイルは1つだけ管理すれば済みます。中国語コンテンツを変更すると、すべての言語バージョンが自動的に同期して更新されるため、手動翻訳や複数のファイルの管理は不要になります。

例えば、h5_html/index.php の「Welcome to my website」を「Explore the wonderful world」に変更すると、ユーザーが英語ページにアクセスした際に、最新の翻訳済み英語コンテンツが自動的に表示されます。

サンプルコードを見る

サンプルファイルを修正して、システム機能を体験してください。

BT Panel Webサイトのファイルで、[h5_html]->[docs]->[lang-i18n.php]フォルダを開くと、ソースコードを変更または削除できます。

次に、次のページアドレスにアクセスしてください：domain.com/en/docs/lang-i18n

こうすることで、システムの高度なゲームプレイ機能の使い方を体験できます。