​
前提条件

  • FirebaseアカウントまたはGoogleログイン
  • メールアドレスによる本人確認（初回のみ必須）
  • 推奨ブラウザ: 最新版の Chrome / Edge / Safari
  • 画像アップロードを行う場合は10MB以下のファイルを準備
  • 独自ドメイン運用予定の場合はDNSを管理できる状態にしておく

​
アカウント作成

1

サインアップ

Hirameki Webにアクセスして、「無料で始める」をクリックします。Googleアカウントまたはメールアドレスでサインアップできます。
2

ワークスペース設定

初回ログイン時に、ワークスペース名を設定します。これは後から変更可能です。
3

プラン選択

無料プランで始めることができます。必要に応じて後からアップグレード可能です。

​
ワークスペースを整える

1

プロフィール入力

ダッシュボード右上のアイコン→「Workspace settings」から名称と説明を設定。
2

メンバー招待 (近日)

共有予定のメールアドレスを控えておくと移行がスムーズです。
3

利用枠の確認

トークン・サイト枠・カスタムドメイン枠をダッシュボードで確認し、必要に応じてプランを検討。
ワークスペース設定は /api/user および /api/user/workspace でも取得/更新できます。外部システムと連携する場合に活用してください。

​
最初のサイトを作成

1

新規サイト作成

ダッシュボードから「新しいサイトを作成」ボタンをクリックします。
2

AIに指示

チャット欄に、作りたいWebサイトの内容を自然言語で入力します。
カフェのWebサイトを作成してください。
店名は「Coffee & Books」で、温かみのあるデザインにしてください。
メニュー、店舗情報、アクセスのページが欲しいです。
3

AIによる生成

AIが指示に基づいてWebサイトを自動生成します。通常30秒〜2分程度で完成します。
生成中はリアルタイムでプログレスが表示されます。
4

プレビューと編集

生成されたサイトがプレビュー画面に表示されます。
  • 気に入らない部分があれば、チャットで修正指示を出せます
  • コードエディタで直接編集も可能です
  • メディアライブラリから画像を追加・変更できます

​
サイトを公開

公開前に、以下の3点チェックを行うと安心です。
  • リンク確認: ナビゲーション、CTA、フォーム送信先に誤りがないか
  • 画像確認: 解像度不足・著作権に注意（Unsplash以外の画像はライセンスを確認）
  • SEOメタ: 主要ページにタイトルとディスクリプションが入っているか
1

公開設定

右上の「公開」ボタンをクリックします。
2

URL確認

自動的に https://app.hirameki-web.com/u/{your-id}/{site-name} のURLが割り当てられます。
3

カスタムドメイン (オプション)

有料プランでは独自ドメインを設定できます。詳しくはカスタムドメインガイドをご覧ください。
公開後に /api/capture-screenshot を呼び出すと、最新のサムネイルがダッシュボードに表示されます。

​
次のステップ

サイトのカスタマイズ

デザインやレイアウトを詳しくカスタマイズする方法

メディア管理

画像や動画のアップロードと管理

SEO最適化

検索エンジン最適化のベストプラクティス

アナリティクス

訪問者分析とデータ活用
無料プランでは、同時に作成できるサイトは1つまでです。 複数サイトを運用する場合は、有料プランへのアップグレードをご検討ください。