コンテンツへスキップ
プラットフォーム

ウェブプロジェクト

テストサーバーでライブプレビューできる静的ウェブサイト(HTML/CSS/JS)、リクエストに書くこと、結果のホスティング方法。

更新日

このページの内容
  1. ファイルの構成
  2. テストサーバーでのプレビュー
  3. リクエストに書くこと
  4. 検証
  5. ホスティング

Codexeは、HTML、CSS、JavaScriptで静的ウェブサイトを生成します。どの静的ホスティングにもアップロードできる完全なサイトです。コンパイルするものはありません。

#ファイルの構成

Codexeは開発者と同じやり方でウェブサイトを書きます。マークアップだけのindex.html(と追加のページごとに1つのHTMLファイル)、すべてのスタイルを入れたcss/style.css、すべてのスクリプトを入れたjs/main.jsで、相対パスでつながっているので、どこにアップロードしてもフォルダごとそのまま動きます。

#テストサーバーでのプレビュー

プロジェクトページでプレビューを開くと、サイトがCodexeのテストサーバーで動き、本物のホスティングと同じようにファイルごとに配信されます。

  • すべてのページ、スタイルシート、スクリプト、画像がそれぞれのファイルから読み込まれ、ページ間のリンクも動きます。
  • プレビューは、AIが変更するたびに、また手でファイルを編集してから数秒後に、自動で再読み込みされます。
  • プレビューの隣のボタンで、同じサイトを新しいタブで開けます。

サイトはCodexeのアカウントから隔離されて動きます。サイトのスクリプトからは、あなたのセッションや他のプロジェクトは見えません。

#リクエストに書くこと

  • 目的と対象者(「Minecraftサーバーのランディングページ」「3Dアーティストのポートフォリオ」)。
  • セクションまたはページと、それぞれの内容。
  • スタイル: 色、フォント、ダークかライトか、参考(「SaaSのランディングページのようなミニマルなデザイン」)。
  • 手元にある場合は実際の内容(名前、価格、リンク)。ない場合、AIはもっともらしい仮の内容を書くので、あとで置き換える必要があります。
  • 動作: フォーム、メニュー、アニメーション、そしてフォームを実際にどこかへ送信すべきかどうか。

#検証

ウェブサイトにはビルドするものがないため、準備完了は生成が終わったことを意味します(プロジェクトのライフサイクルを参照)。プレビューで確認してください。

#ホスティング

ZIP(ダウンロード)は通常の静的ウェブサイトです。静的ファイルを配信できる場所ならどこでもホストできます。

ウェブプロジェクト | Codexe Docs