サイト制作を進めていくにあたって
ご準備いただくアカウントについて

公式サイトを公開するために、4つのサービスのアカウントが必要です。 いずれもご自身の名義で作成いただき、当方は管理権限をお招きいただく形で作業いたします。 このページでは、その理由と作り方を順に説明いたします。

この記事の内容

はじめに

パスワードはお預かりいたしません

サイト制作では、いくつかの外部サービスを使います。制作会社によっては、IDとパスワードをお預かりして作業する場合もありますが、 当方ではその方法を取っておりません。

各サービスには、別の人を「メンバー」として招待する機能が用意されています。当方はその招待を受けて作業いたしますので、 ログイン情報をお伝えいただく必要はございません。

サイトは長く使うものです。数年後に別の制作者へ引き継ぐ場合や、ご自身で管理される場合にも、 名義が変わっていなければそのまま続けてお使いいただけます。

ご準備いただくもの（必須）

継続してかかるのはドメインの更新料だけです。Cloudflare の利用料は、レンタルスペース1店舗のサイトであれば 無料の範囲に収まります。所要時間は4つ合わせて30分ほどです。

1〜3が揃えばサイトを公開できます。4は公開の直前で構いません。番号は下の手順と対応しています。

必要に応じて追加できる機能（任意）

費用がかかるのはBだけで、月数十円ほどです。 ご希望の機能だけお選びください。公開後に追加することもできます。

手順

サイトのURL（例：example.com）です。

どこで取得するか

Cloudflare での取得をお勧めいたします。 次の項目でどのみちアカウントを作っていただくため、ドメインも同じ画面で管理でき、作業も費用の窓口も1箇所にまとまります。 更新料が上がりにくいのも利点です。

エックスサーバーなど、他社での取得も問題ございません。 日本語のサポートが手厚く、コンビニ払いにも対応しています。.jp を使いたい場合も他社での取得になります。 その場合は、当方から接続の設定方法をご案内いたします。

すでにドメインをお持ちの場合も、そのままお使いいただけます。取得された会社名をお知らせください。

ドメイン名は後から変えられません。店舗名のローマ字表記が入っていると覚えてもらいやすく、名刺やチラシにも載せやすくなります。 迷われる場合はご相談ください。

サイトを動かすクラウドの実行環境です。レンタルサーバーの代わりになるもので、サーバーを借りる必要がありません。 無料の範囲で足ります。

すでにレンタルサーバーをお持ちの場合も対応できます。お使いのサーバーの会社名をお知らせください。

Cloudflare の登録ページを開き、 メールアドレスとパスワードを決めて登録してください。確認メールが届きますので、記載のリンクを開けば完了です。

当方を招待していただきます

登録が済みましたら、当方を作業メンバーとして招待してください。

1. Cloudflare にログインします
2. 左のメニューから「メンバー」を開きます
3. 「メンバーを招待」を押します
4. 当方のメールアドレスを入力し、権限は「Administrator」を選びます

招待後は、サイトの設置・ドメインの取得と設定・公開まで当方で進めます。

完成したサイトには、文章や写真をご自身で書き換えられる管理画面が付きます。 その管理画面にログインする際、確認のメールが届く仕組みになっており、そのメールを送るサービスです。

Resend の登録ページから、アカウントを作成してください。 ご準備いただく作業はここまでです。ドメインの認証設定は当方で行います。

3つの用途で使います。すでにGoogleアカウントをお持ちでしたら、そのままお使いいただけます。 この項目は公開の直前で構いません。

4-1. アクセス解析（Googleアナリティクス）

サイトに何人訪れたか、どのページが読まれたか、どこから来たかを記録します。 どの宣伝が効いているかを判断する材料になります。

1. Googleアナリティクスを開き、アカウントを作成します
2. 「管理」→「アカウントのアクセス管理」を開きます
3. 当方のメールアドレスを「編集者」で追加します

以降の設定は当方で行います。

4-2. 検索の設定（Googleサーチコンソール）

Google検索にサイトを登録し、どんな言葉で検索されているかを確認できるようにします。

1. サーチコンソールを開き、プロパティを追加します
2. 所有権の確認方法で「HTMLタグ」を選びます
3. 表示される content="..." の中身の文字列だけを当方にお送りください
4. 当方がサイトに設定しますので、そのあと「確認」を押してください
5. 確認が完了したら「設定」→「ユーザーと権限」から、当方を「フル」で追加します

4-3. 空き状況カレンダー

サイトに空き状況のカレンダーを表示します。日付を押すと、その日の予約済みの時間帯が見られます。

当方への権限の付与は要りません。予定の中身を伏せたままカレンダーを公開し、そのURLをお送りいただくだけです。

1. Googleカレンダーで、ご予約が入るカレンダーの「設定と共有」を開きます
2. 「予定のアクセス権限」で「一般公開して誰でも利用できるようにする」にチェックを入れ、 表示を「予定の表示（時間枠のみ、詳細は非表示）」にします
3. 「カレンダーの統合」にある「iCal 形式の公開 URL」をコピーし、当方にお送りください

公開されるのは「その時間が埋まっているか」だけで、予約者のお名前や内容は表示されません。 サイトへの反映は当方で行います。

必要に応じて追加できる機能（任意）

ご希望のものだけお進めください。不要でしたら、この章はまるごと飛ばしていただいて構いません。

サイトにお問い合わせフォームを設置します。

1. Googleフォームで、空のフォームを1つ作成します
2. 右上の「︙」から「共同編集者を追加」を開き、当方を追加します

設問の作成とサイトへの埋め込みは当方で行います。いただいた回答はご自身のアカウントに一覧で残りますので、 メールを見落としても後から確認できます。

サイトの右下に、質問に自動で答えるチャットを置きます。料金・設備・アクセスなど、 サイトに載っている内容をもとに回答しますので、同じ質問への対応が減ります。

この機能だけは、APIキーという合言葉のような文字列が必要です。キーはご自身で管理画面に貼り付けていただきます。 当方にお送りいただく必要はございません。

キーの作り方

1. 手順4のGoogleアカウントで Google AI Studio を開きます
2. 「APIキーを取得（Get API key）」から「APIキーを作成」を押します
3. 同じ画面の「お支払い情報を設定（Set up billing）」から、クレジットカードを登録します
4. 「Gemini API の利用額」の画面で「費用の上限を編集」を押し、1,000円と入れて保存します
5. 表示されたキーをコピーします
6. サイトの管理画面を開き、「AIチャットボット」の欄に貼り付けて保存します

公開までの流れ

アカウントのご準備と制作は並行して進められます。お手すきのときにお進めいただければ問題ございません。

すでにインスタベースなどに掲載されている場合、その掲載ページの内容をもとに制作いたしますので、 写真や文章を別途ご用意いただく必要はございません。

よくあるご質問